@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500&family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@300;400;500&display=swap";:root{--color-ink: #0a0a0a;--color-paper: #ffffff;--color-grain: #f4f4f2;--color-grain-alt: #ededea;--color-muted: #8a8a86;--color-muted-ink: #5a5a58;--hair: 1px;--font-en: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-jp-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-jp-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--zone-0: #000000;--zone-1: #1a1a1a;--zone-2: #2d2d2d;--zone-3: #444444;--zone-4: #5e5e5e;--zone-5: #808080;--zone-6: #9a9a9a;--zone-7: #b5b5b5;--zone-8: #cfcfcf;--zone-9: #e6e6e6;--zone-10: #ffffff;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-jp-sans);font-size:15px;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#app{height:100dvh;position:relative}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}img{display:block;max-width:100%}.screen{position:absolute;inset:0;display:none;flex-direction:column;padding:calc(var(--safe-top) + 28px) 24px calc(var(--safe-bottom) + 28px);overflow-y:auto;-webkit-overflow-scrolling:touch}.screen--active{display:flex;animation:fadeUp .32s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.upper{text-transform:uppercase;letter-spacing:.22em;font-family:var(--font-en)}.serif{font-family:var(--font-jp-serif)}.numeric{font-variant-numeric:tabular-nums;font-family:var(--font-en)}.sect-label{font-family:var(--font-en);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted-ink);margin:0 0 8px}.hint{color:var(--color-muted-ink);font-size:12px;text-align:center;margin:16px 0;letter-spacing:.04em}#screen-home{padding-bottom:calc(var(--safe-bottom) + 24px)}.home__brand{font-family:var(--font-en);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--color-muted-ink);margin:8px 0 0}.home__title{font-family:var(--font-jp-serif);font-size:32px;font-weight:400;letter-spacing:.04em;margin:12px 0 14px;line-height:1.3}.home__subtitle{color:var(--color-muted-ink);font-size:13px;line-height:1.8;margin:0 0 28px;letter-spacing:.02em}.home__divider{height:var(--hair);background:var(--color-ink);margin:4px 0 28px}.home__main{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.home__row{display:flex;gap:10px}.banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border:var(--hair) solid var(--color-ink);background:var(--color-grain);margin:0 0 18px;cursor:pointer}.banner__label{font-family:var(--font-en);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted-ink);margin:0}.banner__count{font-family:var(--font-jp-serif);font-size:16px;margin:2px 0 0}.banner__close{width:24px;height:24px;border:none;background:transparent;color:var(--color-muted-ink);margin-left:auto}.recent{margin-top:8px}.recent__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.recent__label{font-family:var(--font-en);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted-ink);margin:0}.recent__more{font-family:var(--font-en);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink);background:transparent;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.recent__list{list-style:none;padding:0;margin:0;border-top:var(--hair) solid var(--color-ink)}.recent__item{display:flex;gap:14px;padding:14px 0;border-bottom:var(--hair) solid var(--color-grain-alt);cursor:pointer;align-items:center}.recent__thumb{width:56px;height:56px;object-fit:cover;background:var(--color-grain)}.recent__body{flex:1;min-width:0}.recent__title{font-family:var(--font-jp-serif);font-size:14px;font-weight:400;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent__meta{font-family:var(--font-en);color:var(--color-muted-ink);font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin:0}.recent__plan{font-family:var(--font-en);font-size:10px;letter-spacing:.18em;background:var(--color-ink);color:var(--color-paper);padding:3px 6px;margin-left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:var(--hair) solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-en);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.btn:active{transform:scale(.99)}.btn--ink{background:var(--color-ink);color:var(--color-paper)}.btn--ink:active{background:#1a1a1a}.btn--block{width:100%;padding:18px 24px}.btn--block-half{flex:1;padding:16px 18px;font-size:10px;letter-spacing:.16em}.btn--ghost{border:none;background:transparent}.btn--ghost-bordered{border:var(--hair) solid var(--color-grain-alt);background:transparent}.btn--icon{width:44px;height:44px;padding:0;border:none;background:transparent;color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn--icon-light{color:var(--color-paper)}.icon{width:18px;height:18px;display:inline-block}.icon--lg{width:22px;height:22px}.icon--sm{width:14px;height:14px}.scr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:var(--hair) solid var(--color-ink);position:sticky;top:0;background:var(--color-paper);z-index:10;margin-top:calc(0px - var(--safe-top));padding-top:calc(var(--safe-top) + 4px)}body.darkroom .scr-header{background:#0a0000}.scr-heading{font-family:var(--font-en);font-size:11px;letter-spacing:.22em;text-transform:uppercase;margin:0;color:var(--color-muted-ink)}.scr-spacer{width:44px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field__label{font-family:var(--font-en);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted-ink);margin:0}.field__sub{font-size:11px;color:var(--color-muted);margin:-2px 0 0}.input,.select{font-family:var(--font-jp-sans);font-size:16px;padding:10px 12px;border:var(--hair) solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);border-radius:0;-webkit-appearance:none;appearance:none;width:100%}.input:focus,.select:focus{outline:none;background:var(--color-grain)}.select{background-image:linear-gradient(45deg,transparent 50%,var(--color-ink) 50%),linear-gradient(135deg,var(--color-ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.toast{position:fixed;bottom:calc(var(--safe-bottom) + 92px);left:24px;right:24px;background:var(--color-ink);color:var(--color-paper);padding:14px 18px;font-family:var(--font-en);font-size:11px;letter-spacing:.14em;text-transform:uppercase;z-index:1000;text-align:center;border:none}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.loading__spinner{width:28px;height:28px;border:1px solid var(--color-grain-alt);border-top-color:var(--color-ink);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading__message{font-family:var(--font-jp-serif);font-size:16px;margin:0;letter-spacing:.04em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-muted-ink)}input[type=text],input[type=number],input[type=search],textarea,select{font-size:16px}.zone-scale{display:flex;width:100%;height:56px;border:var(--hair) solid var(--color-ink);margin:12px 0;touch-action:none}.zone-scale__cell{flex:1;position:relative;border-right:var(--hair) solid var(--color-paper);cursor:pointer}.zone-scale__cell:last-child{border-right:none}.zone-scale__cell--0{background:var(--zone-0)}.zone-scale__cell--1{background:var(--zone-1)}.zone-scale__cell--2{background:var(--zone-2)}.zone-scale__cell--3{background:var(--zone-3)}.zone-scale__cell--4{background:var(--zone-4)}.zone-scale__cell--5{background:var(--zone-5)}.zone-scale__cell--6{background:var(--zone-6)}.zone-scale__cell--7{background:var(--zone-7)}.zone-scale__cell--8{background:var(--zone-8)}.zone-scale__cell--9{background:var(--zone-9)}.zone-scale__cell--10{background:var(--zone-10)}.zone-scale__cell--selected:after{content:"";position:absolute;inset:-3px;border:2px solid var(--color-ink);pointer-events:none}.zone-scale__labels{display:flex;width:100%;margin-top:4px}.zone-scale__label{flex:1;text-align:center;font-family:var(--font-en);font-size:9px;letter-spacing:.04em;color:var(--color-muted-ink)}.zone-dist{position:relative;margin:12px 0 24px}.zone-dist__bar{display:flex;width:100%;height:36px;border:var(--hair) solid var(--color-ink)}.zone-dist__cell{flex:1;border-right:var(--hair) solid var(--color-paper)}.zone-dist__cell:last-child{border-right:none}.zone-dist__pins{position:relative;height:22px;margin-top:4px}.zone-dist__pin{position:absolute;top:0;transform:translate(-50%);width:22px;height:22px;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-en);font-size:10px;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.zone-dist__labels{display:flex;width:100%;margin-top:4px}.zone-dist__label{flex:1;text-align:center;font-family:var(--font-en);font-size:9px;color:var(--color-muted-ink)}.zone-chart{display:flex;flex-direction:column;border:var(--hair) solid var(--color-ink)}.zone-chart__row{display:flex;border-bottom:var(--hair) solid var(--color-grain-alt);align-items:stretch}.zone-chart__row:last-child{border-bottom:none}.zone-chart__swatch{width:80px;flex-shrink:0}.zone-chart__body{padding:14px 16px;flex:1;background:var(--color-paper)}.zone-chart__zone{font-family:var(--font-en);font-size:11px;letter-spacing:.18em;margin:0 0 4px;color:var(--color-ink)}.zone-chart__name{font-family:var(--font-jp-serif);font-size:14px;margin:0 0 4px}.zone-chart__example{font-size:12px;color:var(--color-muted-ink);margin:0}#screen-viewfinder{padding:0;background:#000;color:var(--color-paper)}.viewfinder{flex:1;position:relative;overflow:hidden;background:#000}.viewfinder__video{width:100%;height:100%;object-fit:cover}.viewfinder__mask{position:absolute;inset:0;pointer-events:none}.viewfinder__mask-rect{position:absolute;background:#0000008c}.viewfinder__crop-frame{position:absolute;border:1px solid rgba(255,255,255,.85);pointer-events:none}.viewfinder__corner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.9)}.viewfinder__corner--tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.viewfinder__corner--tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.viewfinder__corner--bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.viewfinder__corner--br{bottom:-1px;right:-1px;border-left:none;border-top:none}.viewfinder__topbar{position:absolute;top:calc(var(--safe-top) + 14px);left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.viewfinder__preset{font-family:var(--font-en);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-paper);background:#00000080;padding:6px 12px;border:1px solid rgba(255,255,255,.4);pointer-events:auto}.viewfinder__controls{position:absolute;bottom:0;left:0;right:0;padding:24px 24px calc(var(--safe-bottom) + 28px);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#000000b3);z-index:6}.viewfinder__controls .btn--icon{color:var(--color-paper)}.btn--shutter{width:68px;height:68px;border-radius:50%;background:transparent;border:2px solid white;outline-offset:-7px;outline:2px solid white;position:relative;padding:0}.btn--shutter:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff;transition:transform .12s ease}.btn--shutter:active:after{transform:scale(.92)}.mapping__topbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:var(--hair) solid var(--color-grain-alt)}.mapping__preset{flex:1;font-family:var(--font-en);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-toggle{display:inline-flex;border:var(--hair) solid var(--color-ink)}.mode-toggle__btn{padding:6px 12px;font-family:var(--font-en);font-size:10px;letter-spacing:.16em;text-transform:uppercase;background:var(--color-paper);color:var(--color-ink);border:none;border-right:var(--hair) solid var(--color-ink)}.mode-toggle__btn:last-child{border-right:none}.mode-toggle__btn--active{background:var(--color-ink);color:var(--color-paper)}.mapping__canvas-wrap{position:relative;width:100%;background:var(--color-grain);margin-bottom:16px;user-select:none;overflow:hidden;font-size:0;touch-action:none}.mapping__canvas{display:block;width:100%;height:auto;touch-action:none}.mapping__pin{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;background:var(--color-ink);color:var(--color-paper);border:2px solid var(--color-paper);border-radius:50%;font-family:var(--font-en);font-size:13px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 0 0 1px var(--color-ink),0 2px 8px #00000059;touch-action:none;z-index:5}.mapping__pin--shadow{background:#2d2d2d}.mapping__pin--highlight{background:#e6e6e6;color:var(--color-ink);border-color:var(--color-ink)}.mapping__pin--dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15)}.crop-corner{position:absolute;width:12px;height:12px;border:2px solid white;background:#0006}.crop-corner--tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.crop-corner--tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.crop-corner--bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.crop-corner--br{bottom:-2px;right:-2px;border-left:none;border-top:none}.crop-actions{display:flex;gap:8px;margin:0 0 18px}.crop-actions .btn{flex:1;padding:12px 16px;font-size:11px}#meter-thumb-wrap{position:relative;width:100%;max-height:38vh;background:var(--color-grain);margin-bottom:18px;overflow:hidden;font-size:0;display:flex;align-items:center;justify-content:center}#meter-thumb{display:block;max-width:100%;max-height:38vh;width:auto;height:auto}.spots-list{list-style:none;padding:0;margin:0;border-top:var(--hair) solid var(--color-ink)}.spots-list__item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:var(--hair) solid var(--color-grain-alt);cursor:pointer}.spots-list__num{width:26px;height:26px;background:var(--color-ink);color:var(--color-paper);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-family:var(--font-en);font-size:11px;flex-shrink:0}.spots-list__body{flex:1;min-width:0}.spots-list__label{font-family:var(--font-jp-serif);font-size:13px;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spots-list__values{font-family:var(--font-en);font-size:10px;letter-spacing:.06em;color:var(--color-muted-ink);margin:0}.spots-list__zone{font-family:var(--font-en);font-size:11px;letter-spacing:.16em;padding:3px 8px;border:var(--hair) solid var(--color-ink);flex-shrink:0}.spots-list__role{font-family:var(--font-en);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-ink);margin-left:6px}.exposure-block{margin:18px 0;padding-bottom:18px;border-bottom:var(--hair) solid var(--color-grain-alt)}.exposure-block:last-child{border-bottom:none}.exposure-value{font-family:var(--font-jp-serif);font-size:28px;font-weight:400;margin:6px 0;letter-spacing:.02em}.exposure-meta{font-family:var(--font-en);font-size:11px;letter-spacing:.06em;color:var(--color-muted-ink);margin:0}.exposure-alts{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px}.exposure-alts__item{font-family:var(--font-en);font-size:11px;letter-spacing:.04em;padding:4px 10px;border:var(--hair) solid var(--color-grain-alt);font-variant-numeric:tabular-nums}.dev-plan{font-family:var(--font-en);font-size:36px;letter-spacing:.06em;font-weight:500;margin:8px 0}.dev-plan__hint{font-size:12px;color:var(--color-muted-ink);margin:0;line-height:1.7}.preset-list{list-style:none;padding:0;margin:0;border-top:var(--hair) solid var(--color-ink)}.preset-card{padding:16px 0;border-bottom:var(--hair) solid var(--color-grain-alt);display:flex;align-items:flex-start;gap:12px;cursor:pointer}.preset-card--active{background:var(--color-grain)}.preset-card__radio{width:18px;height:18px;border:var(--hair) solid var(--color-ink);border-radius:50%;flex-shrink:0;position:relative;margin-top:4px}.preset-card--active .preset-card__radio:after{content:"";position:absolute;inset:3px;background:var(--color-ink);border-radius:50%}.preset-card__body{flex:1;min-width:0}.preset-card__name{font-family:var(--font-jp-serif);font-size:15px;margin:0 0 4px}.preset-card__meta{font-family:var(--font-en);font-size:10px;letter-spacing:.08em;color:var(--color-muted-ink);margin:0;text-transform:uppercase}.preset-card__format{font-family:var(--font-en);font-size:11px;letter-spacing:.18em;background:var(--color-ink);color:var(--color-paper);padding:4px 8px;flex-shrink:0;margin-top:2px}.preset-card__star{background:transparent;border:none;width:32px;height:32px;color:var(--color-muted);display:inline-flex;align-items:center;justify-content:center}.preset-card__star--active{color:var(--color-ink)}.library__list{list-style:none;padding:0;margin:0;border-top:var(--hair) solid var(--color-ink)}.library__item{display:flex;gap:14px;padding:16px 0;border-bottom:var(--hair) solid var(--color-grain-alt);cursor:pointer;align-items:flex-start}.library__thumb{width:64px;height:64px;object-fit:cover;background:var(--color-grain)}.library__body{flex:1;min-width:0}.library__title{font-family:var(--font-jp-serif);font-size:15px;margin:0 0 4px}.library__meta{font-family:var(--font-en);font-size:10px;color:var(--color-muted-ink);letter-spacing:.06em;margin:0}.library__phases{display:flex;gap:4px;margin-top:8px}.library__phase{width:8px;height:8px;border:var(--hair) solid var(--color-ink)}.library__phase--done{background:var(--color-ink)}.search{width:100%;padding:10px 12px;border:var(--hair) solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);font-size:16px;font-family:var(--font-jp-sans);margin-bottom:12px;border-radius:0;-webkit-appearance:none}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.chip{font-family:var(--font-en);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:6px 12px;border:var(--hair) solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);cursor:pointer}.chip--active{background:var(--color-ink);color:var(--color-paper)}.reflection-phase{margin:20px 0;padding:16px;border:var(--hair) solid var(--color-ink)}.reflection-phase__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.reflection-phase__num{font-family:var(--font-en);font-size:10px;letter-spacing:.18em;color:var(--color-muted-ink)}.reflection-phase__title{font-family:var(--font-en);font-size:12px;letter-spacing:.18em;text-transform:uppercase;flex:1;margin:0}.reflection-phase__check{width:18px;height:18px;border:var(--hair) solid var(--color-ink)}.reflection-phase--done .reflection-phase__check{background:var(--color-ink)}.reflection-phase__content{font-family:var(--font-jp-sans);font-size:13px;color:var(--color-muted-ink);line-height:1.7;margin:0}.dev-timer{text-align:center;margin:24px 0}.dev-timer__time{font-family:var(--font-en);font-size:64px;font-weight:300;letter-spacing:.04em;font-variant-numeric:tabular-nums;margin:12px 0}.dev-timer__target{font-family:var(--font-en);font-size:12px;letter-spacing:.14em;color:var(--color-muted-ink);margin:0}.dev-timer__controls{display:flex;justify-content:center;gap:12px;margin-top:24px}body.darkroom,body.darkroom .screen{background:#0a0000;color:#ff3030}body.darkroom .scr-header{border-bottom-color:#ff3030}body.darkroom .scr-heading,body.darkroom .sect-label,body.darkroom .recent__label,body.darkroom .field__label,body.darkroom .exposure-meta,body.darkroom .dev-timer__target{color:#cc2828}body.darkroom .btn{border-color:#ff3030;color:#ff3030;background:#0a0000}body.darkroom .btn--ink{background:#ff3030;color:#0a0000}body.darkroom .input,body.darkroom .select,body.darkroom .search{background:#0a0000;color:#ff3030;border-color:#ff3030}body.darkroom .dev-timer__time,body.darkroom .icon{color:#ff3030}body.darkroom .recent__item,body.darkroom .preset-card,body.darkroom .library__item{border-bottom-color:#4a0000}body.darkroom .recent__list,body.darkroom .preset-list,body.darkroom .library__list{border-top-color:#ff3030}body.darkroom .recent__title,body.darkroom .recent__meta,body.darkroom .preset-card__name,body.darkroom .preset-card__meta,body.darkroom .library__title,body.darkroom .library__meta,body.darkroom .home__title,body.darkroom .exposure-value,body.darkroom .dev-plan{color:#ff3030}.sheet{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}.sheet__panel{width:100%;max-width:540px;background:var(--color-paper);padding:22px 22px calc(var(--safe-bottom) + 22px);max-height:80vh;overflow-y:auto;animation:slideUp .24s ease both}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.sheet__title{font-family:var(--font-jp-serif);font-size:18px;margin:0}.sheet__close{background:transparent;border:none;font-family:var(--font-en);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted-ink);cursor:pointer;padding:0}.learn-toc{list-style:none;padding:0;margin:0;border-top:var(--hair) solid var(--color-ink)}.learn-toc__item{display:flex;gap:14px;padding:18px 4px;border-bottom:var(--hair) solid var(--color-grain-alt);cursor:pointer;align-items:center}.learn-toc__item:active{background:var(--color-grain)}.learn-toc__chapter{font-family:var(--font-en);font-size:11px;letter-spacing:.22em;color:var(--color-muted-ink);width:28px;flex-shrink:0}.learn-toc__body{flex:1;min-width:0}.learn-toc__title{font-family:var(--font-jp-serif);font-size:16px;font-weight:400;margin:0 0 4px;letter-spacing:.02em}.learn-toc__summary{color:var(--color-muted-ink);font-size:12px;line-height:1.6;margin:0}.learn-toc__arrow{color:var(--color-ink);flex-shrink:0}.article-chapter{font-family:var(--font-en);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--color-muted-ink);margin:0 0 8px}.article-title{font-family:var(--font-jp-serif);font-size:26px;font-weight:400;letter-spacing:.02em;line-height:1.4;margin:0 0 12px}.article-summary{color:var(--color-muted-ink);font-size:13px;line-height:1.8;margin:0 0 24px;padding:0 0 16px;border-bottom:var(--hair) solid var(--color-grain-alt)}.article-section{margin:28px 0}.article-heading{font-family:var(--font-jp-serif);font-size:17px;font-weight:500;margin:0 0 12px;letter-spacing:.02em;padding:0 0 6px;border-bottom:var(--hair) solid var(--color-ink)}.article-body{font-size:14px;line-height:1.85;letter-spacing:.02em}.article-body p{margin:0 0 14px}.article-body strong{font-weight:500}.article-body em{font-style:italic;color:var(--color-muted-ink)}.article-body code{font-family:var(--font-en);font-size:12px;padding:2px 6px;background:var(--color-grain);border-radius:0}.article-body ul,.article-body ol{margin:0 0 14px;padding-left:22px}.article-body li{margin:6px 0}.article-quote{font-family:var(--font-jp-serif);font-size:15px;font-style:italic;color:var(--color-muted-ink);border-left:2px solid var(--color-ink);padding:8px 0 8px 16px;margin:18px 0;line-height:1.8}.article-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}.article-table th,.article-table td{border:var(--hair) solid var(--color-grain-alt);padding:8px 10px;text-align:left;vertical-align:top;line-height:1.6}.article-table th{background:var(--color-grain);font-family:var(--font-en);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted-ink);font-weight:500}.article-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin:36px 0 8px;padding:18px 0 0;border-top:var(--hair) solid var(--color-ink)}.article-nav__btn{display:flex;flex-direction:column;gap:4px;padding:12px;border:var(--hair) solid var(--color-grain-alt);background:var(--color-paper);color:var(--color-ink);cursor:pointer;text-align:left;min-width:0}.article-nav__btn--right{text-align:right}.article-nav__btn--toc{align-items:center;justify-content:center;text-align:center;background:var(--color-ink);color:var(--color-paper);padding:12px 18px}.article-nav__label{font-family:var(--font-en);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-nav__btn--toc .article-nav__label{color:var(--color-paper)}.article-nav__title{font-family:var(--font-jp-serif);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;padding:40px 20px;color:var(--color-muted-ink)}.empty__title{font-family:var(--font-jp-serif);font-size:16px;margin:0 0 8px;color:var(--color-ink)}.empty__desc{font-size:13px;line-height:1.7;margin:0}