html{overflow-x:hidden;scroll-behavior:smooth}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:0}body,html{margin:0;background:var(--paper-1);font-family:var(--sans);color:#111110;font-feature-settings:"palt"}:root{--paper-0:#FFFFFF;--paper-1:#FAFAF7;--paper-2:#F4F4F1;--paper-3:#EDEDEA;--hair:#E4E4E0;--ink-0:#111110;--ink-1:#2B2B29;--ink-2:#50504C;--ink-3:#797973;--ink-4:#A3A39C;--accent:oklch(0.55 0.18 31);--accent-soft:oklch(0.96 0.022 31);--vermillion:oklch(0.55 0.18 31);--vermillion-soft:oklch(0.96 0.022 31);--moss:#50504C;--gold:#797973;--rule:#111110;--accent-deep:oklch(0.48 0.16 31);--frame-shadow:0 24px 56px -16px rgba(17,17,16,.16),0 4px 12px rgba(17,17,16,.05);--stage:#1A1A18;--serif:var(--font-display,"Zen Old Mincho"),"Noto Serif JP","Hiragino Mincho ProN",serif;--sans:var(--font-text,"Noto Sans JP"),"Hiragino Sans",sans-serif;--mono:var(--font-mono,"IBM Plex Mono"),ui-monospace,"SFMono-Regular",monospace;--r-sm:0;--r-md:0;--r-lg:0;--r-xl:0;--shadow-1:0 1px 0 var(--hair);--shadow-2:0 0 0 1px var(--hair);--shadow-3:var(--frame-shadow)}.dark,[data-theme=dark]{--paper-0:#1A1A18;--paper-1:#131312;--paper-2:#20201E;--paper-3:#262624;--hair:#2E2E2B;--ink-0:#F2F2EE;--ink-1:#DEDED8;--ink-2:#B0B0A9;--ink-3:#84847D;--ink-4:#62625C;--accent:oklch(0.68 0.16 33);--accent-soft:oklch(0.28 0.05 33);--vermillion:oklch(0.68 0.16 33);--vermillion-soft:oklch(0.28 0.05 33);--moss:#B0B0A9;--gold:#84847D;--rule:#F2F2EE;--accent-deep:oklch(0.74 0.15 33);--frame-shadow:0 24px 56px -16px rgba(0,0,0,.5);--stage:#0E0E0D}.dark .frame img,.dark .next-up-thumb img,.dark .paper-thumb img,.dark .slide-card-thumb img,[data-theme=dark] .frame img,[data-theme=dark] .next-up-thumb img,[data-theme=dark] .paper-thumb img,[data-theme=dark] .slide-card-thumb img{filter:brightness(.92)}.screen,.screen *{box-sizing:border-box}.screen{font-family:var(--sans);color:var(--ink-0);background:var(--paper-1);font-feature-settings:"palt";letter-spacing:.01em;-webkit-font-smoothing:antialiased}.screen .serif{font-family:var(--serif);letter-spacing:.02em}.screen .mono{font-family:var(--mono);letter-spacing:0}.hair{border-color:var(--hair)}.hair-t{border-top:1px solid var(--hair)}.hair-b{border-bottom:1px solid var(--hair)}.hair-l{border-left:1px solid var(--hair)}.hair-r{border-right:1px solid var(--hair)}.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.tick:before{content:"";display:inline-block;width:8px;height:8px;background:var(--accent);margin-right:10px;vertical-align:1px}.rule-2{border-top:2px solid var(--rule)}.folio,.nombre{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--ink-3)}.frame{background:var(--paper-0);border:1px solid var(--hair);padding:clamp(10px,1.4vw,16px);box-shadow:var(--shadow-3)}.frame>a>img,.frame>img{display:block;width:100%;border:1px solid var(--hair)}.ad-frame{background:var(--paper-0);border:1px solid var(--hair);padding:clamp(10px,1.4vw,16px);overflow:hidden}.v-rule{width:1px;align-self:stretch;background:var(--hair)}.viewer-stage{background:var(--stage);padding:clamp(16px,3vw,40px)}.rank-no{font-family:var(--serif);font-weight:900;font-size:clamp(40px,5vw,64px);line-height:1;color:var(--ink-0);font-feature-settings:"tnum"}.rank-no.first{color:var(--accent)}.stat-figure{font-family:var(--serif);font-weight:900;font-size:clamp(40px,5vw,60px);line-height:1.1;color:var(--ink-0);font-feature-settings:"tnum"}.chip-done{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--ink-0);color:var(--paper-0);border:1px solid var(--ink-0);border-radius:0;font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.08em}.section-gap{margin-bottom:96px}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border:1px solid var(--hair);border-radius:0;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3);background:transparent}.pill.solid{background:var(--ink-0);color:var(--paper-0);border-color:var(--ink-0)}.pill.dot:before{content:"";width:6px;height:6px;border-radius:0;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 22px;border-radius:0;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.08em;border:1px solid var(--ink-0);background:var(--ink-0);color:var(--paper-0);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn:active{transform:translate(1px,1px)}.btn.ghost{background:transparent;color:var(--ink-0)}.btn.ghost:hover{background:var(--ink-0);color:var(--paper-0);border-color:var(--ink-0)}.btn.soft{background:var(--paper-2);color:var(--ink-0);border-color:var(--hair)}.btn.soft:hover{background:var(--ink-0);color:var(--paper-0);border-color:var(--ink-0)}.btn.sm{height:32px;padding:0 14px;font-size:12px}.card{border:1px solid var(--hair);border-radius:0}.card,.paper-thumb{background:var(--paper-0)}.paper-thumb{border:1px solid var(--hair);position:relative;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}*,:after,:before{box-sizing:border-box}.page-wrap{max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}.viewer-wrap{max-width:1360px;margin:0 auto;padding:40px 32px}.nav-inner{max-width:1200px;margin:0 auto;height:100%;padding:0 40px;display:flex;align-items:center;gap:32px}.nav-search{flex:1 1;max-width:320px}.grid-hero{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:64px;gap:64px;align-items:center}.grid-4col{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px 20px;gap:28px 20px}.grid-top3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.grid-viewer{display:grid;grid-template-columns:1fr 280px;grid-gap:32px;gap:32px;align-items:start}.grid-cat-hero{display:grid;grid-template-columns:1fr auto;grid-gap:40px;gap:40px;align-items:end}.hero-h1{font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:.005em;color:var(--ink-0)}.cat-h1,.hero-h1{font-family:var(--serif);font-weight:900;margin:0 0 16px}.cat-h1{font-size:clamp(36px,5vw,64px);line-height:1.1;letter-spacing:.01em}.show-mobile{display:none!important}@media (max-width:768px){.page-wrap{padding-left:16px;padding-right:16px}.viewer-wrap{padding:16px}.nav-inner{padding:0 16px;gap:16px}.nav-search{display:none}.grid-hero{grid-template-columns:1fr;gap:28px}.grid-4col{grid-template-columns:repeat(2,1fr);gap:20px 12px}.grid-top3{gap:20px}.grid-cat-hero,.grid-top3,.grid-viewer{grid-template-columns:1fr}.grid-cat-hero{gap:16px}.hero-h1{font-size:clamp(28px,8vw,40px)}.cat-h1{font-size:clamp(26px,7vw,38px)}.section-gap{margin-bottom:60px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}}.slide-card{background:var(--paper-0);border:1px solid var(--hair);border-radius:0;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%;cursor:pointer;transition:border-color .18s ease}.slide-card:hover{border-color:var(--ink-0);box-shadow:none;transform:none}.slide-card:hover .card-title,.slide-card:hover .card-title-sm{color:var(--accent)}.slide-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.6,.2,1);pointer-events:none}.slide-card:hover:after{transform:scaleX(1)}.slide-card .slide-card-thumb{margin:10px 10px 0;border:1px solid var(--hair);aspect-ratio:16/9;overflow:hidden;background:var(--paper-0);flex-shrink:0}.slide-card .slide-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transform:none;transition:none}.slide-card:hover .slide-card-thumb img{transform:none}.link-more{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-3);text-decoration:none;font-family:var(--mono);letter-spacing:.1em;transition:color .15s}.link-more:after{content:"→";transition:transform .2s}.link-more:hover{color:var(--accent)}.link-more:hover:after{transform:translateX(3px)}.cat-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid var(--hair);border-radius:0;font-size:13px;color:var(--ink-2);background:var(--paper-0);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}.cat-tab:hover{background:var(--ink-0);color:var(--paper-0);border-color:var(--ink-0)}.cat-tab:hover .cat-tab-count{color:inherit}.next-up-card{display:flex;gap:18px;align-items:center;background:var(--paper-0);border:1px solid var(--hair);border-radius:0;padding:14px 18px 14px 14px;text-decoration:none;color:inherit;transition:border-color .18s ease}.next-up-card:hover{border-color:var(--ink-0);box-shadow:none;transform:none}.next-up-thumb{width:180px;aspect-ratio:16/9;border-radius:0;overflow:hidden;flex-shrink:0;border:1px solid var(--hair)}.next-up-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.next-up-card{gap:12px;padding:10px 14px 10px 10px}.next-up-thumb{width:110px}}.viewer-progress{height:2px;background:var(--hair);border-radius:0;overflow:hidden;flex:1 1}.viewer-progress>div{height:100%;background:var(--accent);border-radius:0;transition:width .3s ease}.slide-card-default{padding:14px 12px 12px}.slide-card-small{padding:14px}.card-title{font-size:19px}.card-title,.card-title-sm{font-family:var(--serif);font-weight:700;line-height:1.4;letter-spacing:.02em;margin:0;color:var(--ink-0);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .18s ease}.card-title-sm{font-size:16px}.card-kicker-mb{margin-bottom:6px}.card-sep{width:20px;height:2px;background:var(--accent);margin-bottom:8px}.card-author{font-size:12px;margin-bottom:4px}.card-author,.card-meta{color:var(--ink-3);font-family:var(--mono);letter-spacing:.04em}.card-meta{font-size:10px;display:flex;gap:8px;align-items:center}@media (max-width:768px){.slide-card-default,.slide-card-small{padding:10px}.slide-card .slide-card-thumb{margin:8px 8px 0}.card-title{font-size:13px}.card-title-sm{font-size:12px}.card-kicker-mb,.card-sep{margin-bottom:5px}.card-author{font-size:9px;margin-bottom:2px}.card-meta{font-size:8px;gap:4px}}.course-list-card,.course-path-card{transition:border-color .18s}.course-list-card:hover,.course-path-card:hover{border-color:var(--ink-0)!important;box-shadow:none;transform:none}@media (max-width:768px){.course-path-card-body{flex-direction:column!important}.course-path-left-col{width:100%!important;border-right:none!important;border-bottom:1px solid var(--hair)}.course-path-right-col{padding:16px 18px 18px!important}}