@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{--color-ink: #0a0a0a;--color-paper: #ffffff;--color-grain: #f4f4f2;--color-grain-alt: #ededea;--color-muted: #8a8a86;--color-muted-ink: #5a5a58;--color-rule: #d9d9d4;--color-solid: #0a0a0a;--color-on-solid: #ffffff;--color-alert: #ff3030;--color-scrim: rgba(10, 10, 10, .45);--color-shade: rgba(0, 0, 0, .3);--color-cam: #000000;--color-on-cam: #ffffff;--color-hl-yellow: #efe7b8;--color-hl-red: #d93a3a;--shadow-sheet: 0 -10px 40px rgba(0, 0, 0, .14);--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;--font-en: "Inter Tight", "Noto Sans JP", sans-serif;--font-jp-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--font-jp-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;--hair: 1px;--gutter: 24px;--radius-sheet: 20px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.2, 1.1, .3, 1);--ease-drop: cubic-bezier(.2, 1.3, .4, 1);--ease-move: cubic-bezier(.6, 0, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}body.darkroom{--color-ink: #ff3030;--color-paper: #0a0000;--color-grain: #140000;--color-grain-alt: #1e0000;--color-muted: #cc2828;--color-muted-ink: #cc2828;--color-rule: #4a0000;--color-solid: #2a0000;--color-on-solid: #ff3030;--color-alert: #ff3030;--color-scrim: rgba(0, 0, 0, .8);--color-shade: rgba(0, 0, 0, 0);--color-cam: #0a0000;--color-on-cam: #ff3030;--color-hl-yellow: #3a0000;--color-hl-red: #ff3030;--shadow-sheet: none;--zone-0: #0a0000;--zone-1: #1e0000;--zone-2: #320000;--zone-3: #460000;--zone-4: #5f0000;--zone-5: #780000;--zone-6: #910000;--zone-7: #aa0000;--zone-8: #c80000;--zone-9: #e40000;--zone-10: #ff3030}body.darkroom[data-dark-level=dim] #app{filter:brightness(.6)}body.darkroom[data-dark-level=deep] #app{filter:brightness(.35)}@keyframes zn-in-f{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes zn-in-b{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@keyframes zn-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes zn-fade{0%{opacity:0}to{opacity:1}}@keyframes zn-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zn-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes zn-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes zn-sheet-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes zn-sheet-out{0%{transform:none}to{transform:translateY(100%)}}@keyframes zn-drop{0%{opacity:0;transform:translateY(-28px) scale(.5)}60%{opacity:1;transform:translateY(3px) scale(1.08)}to{opacity:1;transform:none}}@keyframes zn-ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(1.9);opacity:0}}@keyframes zn-hint{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.22);opacity:.35}}@keyframes zn-lit{0%,to{opacity:.12}45%{opacity:1}}@keyframes zn-roll{0%{opacity:0;transform:translateY(55%)}to{opacity:1;transform:none}}@keyframes zn-flip{0%{opacity:0;transform:perspective(700px) rotateX(-75deg)}to{opacity:1;transform:none}}@keyframes zn-pulse{0%{transform:translate(-50%,-50%) scale(.92);opacity:.9}to{transform:translate(-50%,-50%) scale(1.32);opacity:0}}@keyframes zn-toast{0%{opacity:0;transform:translateY(14px)}10%,84%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px)}}@keyframes zn-lights{0%{opacity:0}38%{opacity:.94}to{opacity:0}}@keyframes zn-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes zn-breath{0%,to{transform:scale(.72)}50%{transform:scale(1)}}@keyframes zn-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes zn-draw{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}@keyframes zn-wave{0%{background-position:0 0}to{background-position:28px 0}}@keyframes zn-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes zn-spin{to{transform:rotate(360deg)}}*,*: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;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;user-select:none;-webkit-user-select:none;overscroll-behavior:none}body{transition:background-color .9s var(--ease-out),color .9s var(--ease-out)}#app{position:relative;height:100dvh;overflow:hidden;background:var(--color-paper)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{font:inherit;color:inherit;background:transparent;border:0;outline:none;border-radius:0;-webkit-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--color-muted)}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:3px}.en{font-family:var(--font-en)}.serif{font-family:var(--font-jp-serif)}.num{font-family:var(--font-en);font-variant-numeric:tabular-nums}.sub{color:var(--color-muted-ink)}.i{display:inline-block;flex:none;vertical-align:middle}[hidden]{display:none!important}.screen{position:absolute;inset:0;display:none;flex-direction:column;background:var(--color-paper);color:var(--color-ink)}.screen--active{display:flex}.screen--in-f{animation:zn-in-f .42s var(--ease-out) both}.screen--in-b{animation:zn-in-b .42s var(--ease-out) both}.screen--fade{animation:zn-fade .45s both}.safe-top{height:var(--safe-top);flex:none}.bar{display:flex;align-items:center;justify-content:space-between;gap:4px;height:52px;padding:0 8px;flex:none}.bar__btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}.bar__text{height:44px;display:flex;align-items:center;gap:6px;padding:0 12px;font:500 14px/1 var(--font-jp-sans)}.bar__back{height:44px;display:flex;align-items:center;gap:2px;padding-right:10px;font:500 13px/1 var(--font-jp-sans);color:var(--color-muted-ink)}.bar__back .i{width:36px;color:var(--color-ink)}.bar__title{flex:1;text-align:center;font:600 15px/1.2 var(--font-jp-sans);min-width:0}.bar__boxbtn{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;box-shadow:inset 0 0 0 1px var(--color-rule);font:500 13px/1 var(--font-jp-sans)}.bar__boxbtn.is-on{background:var(--color-solid);color:var(--color-on-solid);box-shadow:inset 0 0 0 1px var(--color-ink)}.body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.foot{flex:none;padding:12px 16px calc(var(--safe-bottom) + 20px);border-top:1px solid var(--color-rule);background:var(--color-paper)}.page-head{padding:2px var(--gutter) 14px;flex:none;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.eyebrow{font:500 11px/1 var(--font-en);letter-spacing:.22em;color:var(--color-muted-ink);text-transform:uppercase}.page-title{font:500 28px/1.25 var(--font-jp-serif);margin:10px 0 0}.big-count{font:300 28px/1 var(--font-en)}.big-count small{font:400 12px/1 var(--font-jp-sans);margin-left:4px;color:var(--color-muted-ink)}.btn-primary{width:100%;height:60px;background:var(--color-solid);color:var(--color-on-solid);box-shadow:0 0 0 1px var(--color-ink);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;font:500 16px/1 var(--font-jp-sans);transition:transform .15s,opacity .3s}.btn-primary:active{transform:scale(.98)}.btn-primary.is-disabled{opacity:.3}.btn-primary--next{justify-content:flex-start}.btn-primary__en{font:500 10px/1 var(--font-en);letter-spacing:.2em;opacity:.7}.btn-primary__label{flex:1;text-align:left}.btn-line{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;box-shadow:inset 0 0 0 1px var(--color-ink);font:500 14px/1 var(--font-jp-sans)}.btn-line--block{display:flex;width:100%}.btn-rule{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 0 1px var(--color-rule);font:500 13px/1 var(--font-jp-sans)}.btn-line:active,.btn-rule:active,.tap:active{background:var(--color-grain)}.btn-rule.is-disabled,.btn-line.is-disabled{opacity:.35}.btn-text{height:44px;display:flex;align-items:center;justify-content:center;font:500 14px/1 var(--font-jp-sans);width:100%}.seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:44px;box-shadow:inset 0 0 0 1px var(--color-ink)}.seg__opt{display:flex;align-items:center;justify-content:center;padding:0 8px;font:500 14px/1 var(--font-jp-sans);transition:background .2s,color .2s;white-space:nowrap}.seg__opt.is-on{background:var(--color-solid);color:var(--color-on-solid)}.seg--sm{height:28px;box-shadow:inset 0 0 0 1px var(--color-rule)}.seg--sm .seg__opt{font-size:11px;padding:0 10px}.seg--md{height:34px}.seg--md .seg__opt{font-size:12px;padding:0 10px}.seg--slide{overflow:hidden}.seg__thumb{position:absolute;top:0;bottom:0;background:var(--color-solid);transition:left .28s var(--ease-out),opacity .2s}.seg--slide .seg__opt{position:relative;background:none!important}.seg--slide .seg__opt.is-on{color:var(--color-on-solid)}.toggle{width:52px;height:30px;flex:none;border-radius:15px;position:relative;box-shadow:inset 0 0 0 1px var(--color-ink);background:transparent;transition:background .25s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--color-ink);transition:left .25s var(--ease-out),background .25s}.toggle.is-on{background:var(--color-ink)}.toggle.is-on:after{left:25px;background:var(--color-paper)}.chips{display:flex;gap:6px;padding:10px 16px 12px;overflow-x:auto;scrollbar-width:none;flex:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:36px;padding:0 12px;display:flex;align-items:center;font:500 13px/1 var(--font-jp-sans);box-shadow:inset 0 0 0 1px var(--color-rule);transition:background .2s,color .2s}.chip.is-on{background:var(--color-solid);color:var(--color-on-solid);box-shadow:inset 0 0 0 1px var(--color-ink)}.field{display:block;margin-top:14px}.field__label{font:500 12px/1 var(--font-jp-sans);color:var(--color-muted-ink);margin-bottom:8px;display:block}.input,.textarea,.select{width:100%;height:48px;box-shadow:inset 0 0 0 1px var(--color-rule);padding:0 12px;font:400 16px/1 var(--font-jp-sans)}.input:focus,.textarea:focus,.select:focus{box-shadow:inset 0 0 0 1px var(--color-ink)}.input.en{font-family:var(--font-en)}.textarea{height:auto;min-height:72px;padding:12px;font:400 15px/1.6 var(--font-jp-sans);resize:none;display:block}.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) 21px,calc(100% - 13px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px;font-family:var(--font-en)}.select option,.select optgroup{color:#0a0a0a;background:#fff}.search{margin:0 16px;height:48px;box-shadow:inset 0 0 0 1px var(--color-rule);display:flex;align-items:center;gap:10px;padding:0 14px;flex:none;transition:box-shadow .2s}.search.is-active{box-shadow:inset 0 0 0 1px var(--color-ink)}.search input{flex:1;height:44px;font:400 16px/1 var(--font-jp-sans)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.sec-head{border-top:1px solid var(--color-ink);margin-top:26px;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;font:500 11px/1 var(--font-en);letter-spacing:.22em;color:var(--color-muted-ink);text-transform:uppercase}.sec-head__jp{letter-spacing:.05em;font-family:var(--font-jp-sans);text-transform:none}.block{margin:30px var(--gutter) 0;border-top:1px solid var(--color-ink);padding-top:12px}.block__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.block__title{font:500 18px/1 var(--font-jp-serif)}.block__title .en{font:500 12px/1 var(--font-en);margin-right:8px}.badge{font:500 11px/1 var(--font-jp-sans);padding:5px 8px;box-shadow:inset 0 0 0 1px var(--color-ink);transition:background .3s,color .3s;white-space:nowrap}.badge.is-on{background:var(--color-solid);color:var(--color-on-solid)}.set-row{padding:16px 0;border-bottom:1px solid var(--color-rule)}.set-row--flex{display:flex;align-items:center;gap:16px}.set-row__t{font:500 15px/1.3 var(--font-jp-sans)}.set-row__d{font:400 12px/1.5 var(--font-jp-sans);color:var(--color-muted-ink);margin-top:3px}.set-row .seg{margin-top:10px}.link-row{display:flex;align-items:center;height:58px;border-bottom:1px solid var(--color-rule);width:100%;text-align:left}.link-row__body{flex:1}.chapter-link{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 2px;font:500 12px/1 var(--font-jp-sans);color:var(--color-muted-ink);text-decoration:underline;text-underline-offset:3px}.chapter-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px var(--gutter) 0}.zstrip{display:grid;grid-template-columns:repeat(11,1fr)}.zstrip>span{box-shadow:inset 0 0 0 1px var(--color-rule)}.zc-0{background:var(--zone-0)}.zc-1{background:var(--zone-1)}.zc-2{background:var(--zone-2)}.zc-3{background:var(--zone-3)}.zc-4{background:var(--zone-4)}.zc-5{background:var(--zone-5)}.zc-6{background:var(--zone-6)}.zc-7{background:var(--zone-7)}.zc-8{background:var(--zone-8)}.zc-9{background:var(--zone-9)}.zc-10{background:var(--zone-10)}.zscale{position:relative;display:grid;grid-template-columns:repeat(11,1fr);height:50px;touch-action:none;cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-rule)}.zscale>span{pointer-events:none}.zscale__sel{position:absolute;top:-5px;bottom:-5px;width:calc(100% / 11);box-shadow:0 0 0 2px var(--color-paper),0 0 0 4px var(--color-ink);transition:left .2s var(--ease-out);pointer-events:none}.zlabels{display:grid;grid-template-columns:repeat(11,1fr);margin-top:9px;text-align:center;font:500 10px/1 var(--font-en);color:var(--color-muted)}.zlabels .is-on{color:var(--color-ink);font-weight:700}.rail{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:2px 16px 8px;flex:none}.rail__step{position:relative;padding:8px 0 2px;font:500 10.5px/1 var(--font-jp-sans);color:var(--color-muted);text-align:left}.rail__step:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--color-rule)}.rail__fill{position:absolute;left:0;right:0;top:0;height:2px;background:var(--color-ink);transform-origin:left;transform:scaleX(0)}.rail__step.is-done{color:var(--color-muted-ink)}.rail__step.is-done .rail__fill,.rail__step.is-cur .rail__fill{transform:scaleX(1)}.rail__step.is-cur{color:var(--color-ink);font-weight:700}.rail__step.is-cur .rail__fill{animation:zn-bar .7s .25s var(--ease-out) both}.rail__step.is-link .rail__t{text-decoration:underline;text-underline-offset:3px}.rail__n{font-family:var(--font-en);margin-right:3px}.rail-hint{font:400 11px/1 var(--font-jp-sans);color:var(--color-muted-ink);padding:2px 16px 12px;flex:none}.photo{position:relative;overflow:hidden;background:var(--color-grain)}.photo img{display:block;width:100%;height:100%;object-fit:cover}body.darkroom .photo:after,body.darkroom .thumb:after{content:"";position:absolute;inset:0;background:#ff3030;mix-blend-mode:multiply;pointer-events:none}.photo--develop img{filter:contrast(.06) brightness(1.8) blur(3px);transition:filter 2.8s cubic-bezier(.3,.6,.2,1)}.photo--develop.is-developed img{filter:none}.thumb{position:relative;overflow:hidden;background:var(--color-grain-alt);flex:none}.thumb img{width:100%;height:100%;object-fit:cover}.scrim{position:absolute;inset:0;background:var(--color-scrim);z-index:20;animation:zn-fade .3s both}.scrim.is-closing{animation:zn-fade-out .24s both}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:calc(100% - var(--safe-top) - 44px);background:var(--color-paper);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);z-index:21;display:flex;flex-direction:column;animation:zn-sheet-in .42s cubic-bezier(.2,.9,.2,1) both}.sheet.is-closing{animation:zn-sheet-out .24s cubic-bezier(.4,0,1,1) both}.sheet__grip{width:36px;height:4px;border-radius:2px;background:var(--color-rule);margin:8px auto 0;flex:none}.sheet__head{display:flex;align-items:center;padding:6px 8px 12px 24px;flex:none}.sheet__head--rule{border-bottom:1px solid var(--color-ink)}.sheet__titles{flex:1;min-width:0}.sheet__title{font:500 22px/1.3 var(--font-jp-serif);margin-top:6px}.sheet__body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:24px}.sheet__body::-webkit-scrollbar{display:none}.sheet__foot{flex:none;padding:12px var(--gutter) calc(var(--safe-bottom) + 20px);border-top:1px solid var(--color-rule);background:var(--color-paper)}.sheet--full{height:calc(100% - var(--safe-top) - 44px)}.action-sheet{position:absolute;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 20px);z-index:21;display:flex;flex-direction:column;gap:8px;animation:zn-sheet-in .42s cubic-bezier(.2,.9,.2,1) both}.action-sheet.is-closing{animation:zn-sheet-out .24s cubic-bezier(.4,0,1,1) both}.action-sheet__card{background:var(--color-paper);box-shadow:0 0 0 1px var(--color-ink)}.action-sheet__head{padding:14px 18px;border-bottom:1px solid var(--color-rule)}.action-sheet__btn{height:56px;width:100%;display:flex;align-items:center;gap:12px;padding:0 18px;font:500 16px/1 var(--font-jp-sans);border-bottom:1px solid var(--color-rule)}.action-sheet__btn:last-child{border-bottom:0}.action-sheet__cancel{height:56px;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-ink);font:500 16px/1 var(--font-jp-sans)}.confirm-scrim{position:absolute;inset:0;background:var(--color-scrim);z-index:60;animation:zn-fade .25s both}.confirm{position:absolute;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 20px);z-index:61;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-ink),0 30px 60px -20px var(--color-shade);padding:24px 20px 16px;animation:zn-up .35s cubic-bezier(.2,.9,.2,1) both}.confirm__title{font:500 21px/1.4 var(--font-jp-serif);margin-top:10px}.confirm__body{margin:8px 0 0;font:400 14px/1.7 var(--font-jp-sans);color:var(--color-muted-ink)}.confirm__actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.confirm__ok{height:56px;background:var(--color-solid);color:var(--color-on-solid);box-shadow:inset 0 0 0 1px var(--color-ink);font:500 16px/1 var(--font-jp-sans)}.confirm__no{height:56px;box-shadow:inset 0 0 0 1px var(--color-rule);font:500 16px/1 var(--font-jp-sans)}.toast{position:absolute;left:20px;right:20px;bottom:calc(var(--safe-bottom) + 112px);z-index:70;background:var(--color-solid);color:var(--color-on-solid);box-shadow:0 0 0 1px var(--color-ink),0 18px 36px -18px var(--color-shade);padding:15px 18px;font:500 14px/1.45 var(--font-jp-sans);animation:zn-toast 2.6s var(--ease-out) both;pointer-events:none}.dark-chip{position:absolute;top:calc(var(--safe-top) + 6px);left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;background:var(--color-solid);color:var(--color-on-solid);box-shadow:0 0 0 1px var(--color-ink);font:500 12px/1 var(--font-jp-sans);white-space:nowrap;animation:zn-up .35s both}.save-error{position:absolute;left:12px;right:12px;top:calc(var(--safe-top) + 6px);z-index:80;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;background:var(--color-paper);color:var(--color-ink);box-shadow:0 0 0 2px var(--color-alert),0 18px 36px -18px var(--color-shade);font:500 13px/1.5 var(--font-jp-sans);animation:zn-up .3s both}.save-error>button{flex:none;height:40px;padding:0 12px;background:var(--color-solid);color:var(--color-on-solid);font:500 13px/1 var(--font-jp-sans)}.fx-lights{position:absolute;inset:0;background:#000;z-index:90;pointer-events:none;animation:zn-lights 1.2s ease both}.fx-flash{position:absolute;inset:0;background:#000;z-index:90;pointer-events:none;animation:zn-flash .5s ease both}.zlights{display:grid;grid-template-columns:repeat(11,22px);gap:2px}.zlights>span{height:30px;box-shadow:inset 0 0 0 1px var(--color-rule);animation:zn-lit 1.2s ease-in-out infinite}.zlights--sm{grid-template-columns:repeat(11,14px)}.zlights--sm>span{height:10px}.home-brand{display:flex;align-items:baseline;gap:10px;padding-left:16px}.home-brand__en{font:600 21px/1 var(--font-en);letter-spacing:-.02em}.home-brand__jp{font:500 11px/1 var(--font-jp-sans);color:var(--color-muted-ink);letter-spacing:.12em}.home-strip{display:grid;grid-template-columns:repeat(11,1fr);gap:2px;height:23px;align-items:end}.home-strip>span{box-shadow:inset 0 0 0 1px var(--color-rule);transform-origin:bottom;animation:zn-grow .6s var(--ease-out) both}.home-lead{margin:12px 0 0;font:400 13.5px/1.75 var(--font-jp-serif);color:var(--color-muted-ink);animation:zn-up .6s .5s both}.cont{margin:18px 16px 0;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-rule),0 22px 40px -24px var(--color-shade);animation:zn-up .6s .2s var(--ease-out) both;display:block;width:calc(100% - 32px);text-align:left;transition:transform .15s}.cont:active{transform:scale(.985)}.cont__photo{position:relative;height:176px}.cont__photo:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000 38%,#000000bd)}.cont__tag{position:absolute;left:14px;top:14px;z-index:2;font:500 10px/1 var(--font-en);letter-spacing:.2em;color:#fff;padding:7px 9px;background:#00000080}.cont__meta{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff}body.darkroom .cont__tag,body.darkroom .cont__meta{color:#ff3030}.cont__title{font:500 21px/1.3 var(--font-jp-serif)}.cont__sub{font:400 12px/1.4 var(--font-en);opacity:.85;margin-top:5px}.cont__next{display:flex;align-items:center;gap:12px;padding:13px 14px}.progress5{display:grid;grid-template-columns:repeat(5,14px);gap:3px}.progress5>span{height:4px;background:var(--color-rule)}.progress5>span.is-on{background:var(--color-ink)}.recent{margin-top:12px;flex:none;animation:zn-up .6s .35s both}.recent__head{display:flex;justify-content:space-between;align-items:baseline;padding:0 16px 8px}.recent__list{display:flex;gap:8px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.recent__list::-webkit-scrollbar{display:none}.recent__item{flex:none;width:80px;text-align:left}.recent__thumb{height:56px;width:80px}.recent__plan{position:absolute;left:0;bottom:0;z-index:2;background:var(--color-paper);color:var(--color-ink);font:600 9px/1 var(--font-en);padding:3px 4px}.recent__t{font:500 11px/1.3 var(--font-jp-sans);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wait{display:flex;align-items:center;gap:12px;margin:10px 16px 0;padding-left:14px;height:50px;box-shadow:inset 0 0 0 1px var(--color-rule);flex:none;animation:zn-up .6s .3s both}.wait__n{font:300 24px/1 var(--font-en)}.wait__t{flex:1;font:500 13px/1.3 var(--font-jp-sans)}.wait__link{font:500 12px/1 var(--font-jp-sans);padding:0 10px;height:50px;display:flex;align-items:center}.wait__x{width:44px;height:50px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-rule);color:var(--color-muted-ink)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 16px 0;flex:none}.tile{height:80px;box-shadow:inset 0 0 0 1px var(--color-rule);display:flex;flex-direction:column;justify-content:space-between;padding:11px 10px;text-align:left;transition:background .15s;animation:zn-up .5s both}.tile:active{background:var(--color-grain)}.tile__top{display:flex;justify-content:space-between;align-items:flex-start}.tile__n{font:400 13px/1 var(--font-en);color:var(--color-muted-ink)}.tile__t{font:500 12px/1 var(--font-jp-sans)}.getting{margin:18px var(--gutter) 0;border-top:1px solid var(--color-ink);padding-top:16px;animation:zn-up .6s .2s both}.getting__t{font:500 20px/1.5 var(--font-jp-serif);margin-top:10px}.getting__d{font:400 13px/1.7 var(--font-en);color:var(--color-muted-ink);margin:8px 0 0}.getting__btns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.home-cta{margin-top:auto;padding:12px 16px calc(var(--safe-bottom) + 20px);flex:none}.cta{width:100%;height:78px;background:var(--color-solid);color:var(--color-on-solid);display:flex;align-items:center;gap:16px;padding:0 20px;text-align:left;box-shadow:0 0 0 1px var(--color-ink),0 22px 40px -20px var(--color-shade);animation:zn-up .6s .45s both;transition:transform .15s}.cta:active{transform:scale(.98)}.cta__dot{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;display:flex;align-items:center;justify-content:center;flex:none}.cta__dot>span{width:20px;height:20px;border-radius:50%;background:currentColor;animation:zn-breath 2.8s ease-in-out infinite}.cta__t{font:500 18px/1.2 var(--font-jp-sans)}.cta__s{font:400 12px/1.3 var(--font-en);opacity:.72;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards{display:flex;flex-direction:column;gap:10px;padding:4px 16px 16px}.pcard{background:var(--color-paper);box-shadow:0 0 0 1px var(--color-rule);transition:box-shadow .3s;animation:zn-up .5s both;text-align:left;width:100%}.pcard.is-on{box-shadow:0 0 0 1.5px var(--color-ink),0 18px 36px -22px var(--color-shade)}.pcard__row{display:flex;align-items:center;gap:14px;padding:14px 4px 14px 16px}.radio{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--color-ink);display:flex;align-items:center;justify-content:center;flex:none}.radio>span{width:10px;height:10px;border-radius:50%;background:var(--color-ink);transform:scale(0);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.pcard.is-on .radio>span{transform:scale(1)}.pcard__body{flex:1;min-width:0}.pcard__name{font:500 16px/1.35 var(--font-jp-sans)}.pcard__meta{font:400 12px/1.5 var(--font-en);color:var(--color-muted-ink);margin-top:3px}.pcard__fmt{width:48px;display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;font:500 11px/1 var(--font-en)}.pcard__frame{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.star{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}.pcard__det{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--ease-out)}.pcard.is-on .pcard__det{grid-template-rows:1fr}.pcard__det>div{overflow:hidden}.pcard__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding:2px 16px 16px 52px}.kv__k{font:500 10px/1 var(--font-jp-sans);color:var(--color-muted-ink)}.kv__v{font:500 13px/1.3 var(--font-en);margin-top:5px}.fmt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.fmt-opt{height:84px;box-shadow:inset 0 0 0 1px var(--color-rule);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font:500 13px/1 var(--font-en);transition:background .2s,box-shadow .2s}.fmt-opt>span:first-child{box-shadow:inset 0 0 0 1.5px var(--color-ink);transition:background .25s}.fmt-opt.is-on{box-shadow:inset 0 0 0 1.5px var(--color-ink);background:var(--color-grain)}.fmt-opt.is-on>span:first-child{background:var(--color-ink);animation:zn-pop .35s var(--ease-out)}.eqbox{margin-top:10px;background:var(--color-grain);padding:14px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.eqbox__k{font:500 10px/1 var(--font-en);letter-spacing:.16em;color:var(--color-muted-ink)}.eqbox__v{font:400 20px/1 var(--font-en);margin-top:8px}.eqbox__note{grid-column:1 / -1;font:400 11px/1.5 var(--font-jp-sans);color:var(--color-muted-ink)}.picker__btn{height:52px;width:100%;box-shadow:inset 0 0 0 1px var(--color-rule);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:400 15px/1 var(--font-en);transition:box-shadow .2s;text-align:left}.picker.is-open .picker__btn{box-shadow:inset 0 0 0 1px var(--color-ink)}.picker__btn .i{transition:transform .3s}.picker.is-open .picker__btn .i{transform:rotate(180deg)}.picker__list{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-out)}.picker.is-open .picker__list{grid-template-rows:1fr}.picker__list>div{overflow:hidden}.picker__group{font:500 10px/1 var(--font-en);letter-spacing:.2em;color:var(--color-muted-ink);padding:14px 14px 6px;text-transform:uppercase}.picker__opt{height:44px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid var(--color-rule);font:400 14px/1 var(--font-en);text-align:left}.picker__opt.is-on{background:var(--color-grain)}.picker__note{font:400 11px/1 var(--font-jp-sans);color:var(--color-muted-ink);white-space:nowrap}.stepper{display:flex;align-items:center;box-shadow:inset 0 0 0 1px var(--color-rule);height:56px}.stepper__b{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex:none}.stepper__b:first-child{border-right:1px solid var(--color-rule)}.stepper__b:last-child{border-left:1px solid var(--color-rule)}.stepper__v{flex:1;text-align:center;font:400 24px/1 var(--font-en);width:100%;height:54px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.filter-opt{height:48px;box-shadow:inset 0 0 0 1px var(--color-rule);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:500 14px/1 var(--font-en);transition:background .2s}.filter-opt.is-on{box-shadow:inset 0 0 0 1.5px var(--color-ink);background:var(--color-grain)}.filter-opt span:last-child{color:var(--color-muted-ink);font-weight:400}#screen-viewfinder{background:var(--color-cam);color:var(--color-on-cam)}.vf-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--color-cam)}body.darkroom .vf-video{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(-40deg) brightness(.8)}.vf-frame{position:absolute;box-shadow:0 0 0 2000px #0000009e;transition:left .45s var(--ease-out),top .45s var(--ease-out),width .45s var(--ease-out),height .45s var(--ease-out);pointer-events:none}.vf-frame__g{position:absolute;background:var(--color-on-cam);opacity:.22}.vf-frame__c{position:absolute;width:26px;height:26px;border-color:var(--color-on-cam);border-style:solid;border-width:0}.vf-top{position:absolute;left:0;right:0;top:calc(var(--safe-top) + 8px);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.vf-top__btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.vf-info{text-align:center}.vf-info__a{font:500 14px/1 var(--font-en)}.vf-info__b{font:400 12px/1 var(--font-en);opacity:.75;margin-top:7px}.vf-gps{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 9px/1 var(--font-en);letter-spacing:.1em}.vf-gps.is-off{opacity:.35}.vf-zoom{position:absolute;left:0;right:0;top:calc(var(--safe-top) + 72px);display:flex;justify-content:center}.vf-zoom>span{font:500 12px/1 var(--font-en);box-shadow:inset 0 0 0 1px var(--color-on-cam);padding:8px 12px;background:#00000059}.vf-ctrl{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 30px);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.vf-side{display:flex;flex-direction:column;align-items:center;gap:8px;width:76px;font:500 11px/1 var(--font-jp-sans)}.vf-side__c{width:56px;height:56px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--color-on-cam);display:flex;align-items:center;justify-content:center;background:#00000059}.vf-ori{box-shadow:inset 0 0 0 1.5px var(--color-on-cam);transition:width .35s,height .35s}.shutter{width:86px;height:86px;border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-on-cam);display:flex;align-items:center;justify-content:center;transition:transform .12s}.shutter:active{transform:scale(.92)}.shutter>span{width:68px;height:68px;border-radius:50%;background:var(--color-on-cam)}.vf-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 var(--gutter);background:var(--color-paper);color:var(--color-ink)}#screen-loading{align-items:center;justify-content:center}.loading__msg{font:500 17px/1.5 var(--font-jp-sans);margin-top:28px;text-align:center}.loading__en{font:500 10px/1 var(--font-en);letter-spacing:.22em;color:var(--color-muted-ink);margin-top:10px;text-align:center}.map-tools{display:flex;align-items:center;gap:18px;padding:0 20px 10px}.map-tools__sum{flex:1;min-width:0;font:400 12px/1.3 var(--font-en);color:var(--color-muted-ink)}.map-tools__btn{height:36px;display:flex;align-items:center;gap:6px;font:500 13px/1 var(--font-jp-sans);white-space:nowrap}.map-stage{display:flex;justify-content:center;padding:0 20px}.map-photo{position:relative;touch-action:none;cursor:crosshair;box-shadow:0 22px 40px -26px var(--color-shade);display:inline-block;max-width:100%}.map-photo img{display:block;max-width:100%;max-height:56vh;width:auto;height:auto}.map-photo__tag{position:absolute;right:8px;bottom:8px;font:500 9px/1 ui-monospace,monospace;letter-spacing:.08em;color:var(--zone-9);opacity:.8;pointer-events:none;z-index:3}.map-hint{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:none;animation:zn-fade .6s 1.6s both;z-index:3}.map-hint__ring{width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #000;animation:zn-hint 1.8s ease-in-out infinite}.map-hint__t{font:500 13px/1 var(--font-jp-sans);color:#fff;background:#0000008c;padding:8px 12px;white-space:nowrap}body.darkroom .map-hint__t{color:#ff3030}.pin{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;cursor:grab;z-index:4}.pin__in{position:absolute;inset:0;animation:zn-drop .5s var(--ease-drop) both;pointer-events:none}.pin__ring{position:absolute;left:7px;top:7px;width:30px;height:30px;border-radius:50%;border:2px solid var(--color-paper);box-shadow:0 0 0 1.5px var(--color-ink),inset 0 0 0 1.5px var(--color-ink);transition:transform .18s var(--ease-out)}.pin__dot{position:absolute;left:20px;top:20px;width:4px;height:4px;border-radius:50%;background:var(--color-paper);box-shadow:0 0 0 1px var(--color-ink)}.pin__tag{position:absolute;left:34px;top:-10px;background:var(--color-paper);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink);font:600 12px/1 var(--font-en);padding:4px 6px;white-space:nowrap}.pin.is-anchor .pin__tag{background:var(--color-solid);color:var(--color-on-solid)}.pin.is-drag{z-index:6}.pin.is-drag .pin__ring{transform:scale(1.35);border-style:dashed}.pin.is-draft .pin__ring{border-style:dashed}.ripple{position:absolute;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--color-paper),0 0 0 1px var(--color-ink);animation:zn-ripple .7s var(--ease-out) both;pointer-events:none;z-index:3}.map-help{display:flex;gap:16px;flex-wrap:wrap;padding:10px var(--gutter) 0;font:400 12px/1.4 var(--font-jp-sans);color:var(--color-muted-ink)}.map-empty{margin:18px var(--gutter) 0;border-top:1px solid var(--color-ink);padding-top:16px;animation:zn-up .5s .4s both}.spots-head{display:flex;justify-content:space-between;align-items:baseline;padding:20px var(--gutter) 10px;border-bottom:1px solid var(--color-ink)}.spot-row{display:flex;align-items:center;gap:12px;height:60px;padding:0 20px 0 var(--gutter);border-bottom:1px solid var(--color-rule);width:100%;text-align:left;animation:zn-up .4s both}.spot-row:active{background:var(--color-grain)}.spot-row__n{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--font-en);box-shadow:inset 0 0 0 1px var(--color-ink)}.spot-row__n.is-anchor{background:var(--color-solid);color:var(--color-on-solid)}.spot-row__body{flex:1;min-width:0}.spot-row__label{font:500 15px/1.3 var(--font-jp-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-row__role{font:500 11px/1.3 var(--font-jp-sans);color:var(--color-muted-ink);margin-top:3px}.spot-row__ev{font:400 18px/1 var(--font-en);font-variant-numeric:tabular-nums}.spot-row__z{width:40px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--font-en);box-shadow:inset 0 0 0 1px var(--color-rule)}.crop-layer{position:absolute;inset:0;z-index:8;touch-action:none}.crop-frame{position:absolute;box-shadow:0 0 0 2000px #0009;outline:2px solid #fff;cursor:move}.crop-frame__c{position:absolute;width:18px;height:18px;border-color:#fff;border-style:solid;border-width:0}.crop-frame__t{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;font:500 12px/1 var(--font-jp-sans);padding:8px 10px;white-space:nowrap}body.darkroom .crop-frame{outline-color:#ff3030}.crop-foot{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px}.crop-foot>button{height:60px;box-shadow:inset 0 0 0 1px var(--color-rule);font:500 14px/1 var(--font-jp-sans)}.crop-foot>button.is-primary{background:var(--color-solid);color:var(--color-on-solid);box-shadow:none;font-size:15px}.meter-top{display:flex;gap:14px;padding:8px var(--gutter) 0}.meter-thumb{width:62px;height:72px;flex:none;position:relative}.meter-thumb__pin{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;border:1.5px solid var(--color-paper);box-shadow:0 0 0 1px var(--color-ink);z-index:2}.meter-sec{padding:10px var(--gutter) 0}.meter-sec__head{display:flex;justify-content:space-between;align-items:center;font:500 12px/1 var(--font-jp-sans);color:var(--color-muted-ink)}.sek-row{display:flex;align-items:center;gap:6px;margin-top:8px;animation:zn-fade .3s both}.sek-row__lead{font:600 11px/1.25 var(--font-en);margin-right:auto}.sek-row__lead small{font:400 10px/1 var(--font-jp-sans);color:var(--color-muted-ink)}.sek-row__lbl{font:500 10px/1.2 var(--font-jp-sans);color:var(--color-muted-ink);text-align:right}.mini-step{display:flex;align-items:center;box-shadow:inset 0 0 0 1px var(--color-rule);height:38px;flex:none}.mini-step>button{width:32px;height:38px;display:flex;align-items:center;justify-content:center}.mini-step>span{min-width:40px;text-align:center;font:500 14px/1 var(--font-en)}.pill{height:38px;padding:0 10px;display:flex;align-items:center;font:500 12px/1 var(--font-jp-sans);box-shadow:inset 0 0 0 1px var(--color-ink);transition:background .2s;white-space:nowrap}.pill.is-on{background:var(--color-solid);color:var(--color-on-solid)}.pill--sm{height:34px;font-family:var(--font-en)}.ev-in{display:flex;align-items:center;gap:8px;margin-top:8px}.ev-pm{width:58px;height:58px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--color-ink);touch-action:none}.ev-pm:active{background:var(--color-grain-alt)}.drum{position:relative;flex:1;height:112px;overflow:hidden;touch-action:none;cursor:ns-resize;perspective:380px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent)}.drum__win{position:absolute;left:0;right:0;top:34px;height:44px;background:var(--color-grain);box-shadow:inset 0 0 0 1px var(--color-ink)}.drum--tenth{flex:none;width:40px;margin-left:-6px;perspective:none}.drum--tenth .drum__win{background:var(--color-grain-alt)}.drum__item{position:absolute;left:0;right:0;top:34px;height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-en);font-variant-numeric:tabular-nums;letter-spacing:-.02em;pointer-events:none;transition:transform .32s var(--ease-spring),opacity .3s}.drum.is-drag .drum__item,.dial.is-drag .dial__rot{transition:none}.drum--tenth .drum__item{align-items:flex-end;padding-bottom:9px}.ev-val{flex:1;text-align:center;font:300 46px/1 var(--font-en);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.ev-val small{font-size:22px;margin-left:3px}.dial{position:relative;height:66px;margin-top:8px;overflow:hidden;touch-action:none;cursor:ew-resize;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.dial__disc{position:absolute;left:50%;top:10px;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:var(--color-grain);box-shadow:inset 0 0 0 1px var(--color-rule)}.dial__rot{position:absolute;inset:0;transition:transform .32s var(--ease-spring)}.dial__tick{position:absolute;left:449px;top:0;width:2px;height:450px;transform-origin:1px 450px}.dial__tick>i{position:absolute;left:0;top:4px;width:2px;background:var(--color-ink)}.dial__tick>b{position:absolute;left:1px;top:32px;transform:translate(-50%);font:600 10px/1 var(--font-en);white-space:nowrap;color:var(--color-muted-ink)}.dial__needle{position:absolute;left:50%;top:2px;width:3px;height:30px;margin-left:-1.5px;background:var(--color-ink);border-radius:2px}.ev-foot{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font:400 11.5px/1.4 var(--font-jp-sans);color:var(--color-muted-ink)}.ev-foot b{font-family:var(--font-en);color:var(--color-ink);font-weight:500;text-align:right}.ev-direct{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font:400 11.5px/1.4 var(--font-jp-sans);color:var(--color-muted-ink)}.ev-direct .input{width:110px;height:40px;text-align:right;font-size:16px}.zname{font:400 13px/1.5 var(--font-jp-sans);margin-top:9px}.tpl-row{display:flex;gap:14px;padding:13px 16px 13px var(--gutter);border-bottom:1px solid var(--color-rule);width:100%;text-align:left;animation:zn-up .4s both;transition:background .15s}.tpl-row.is-on{background:var(--color-grain)}.tpl-row__range{flex:none;width:66px;padding-top:4px}.tpl-row__range .zstrip{height:16px;box-shadow:inset 0 0 0 1px var(--color-rule)}.tpl-row__range .zstrip>span{box-shadow:none}.tpl-off{background:var(--color-grain-alt)}.expo-pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-ink);margin-top:10px}.expo-pair>div{padding:12px 0 0;overflow:hidden}.expo-pair>div+div{padding-left:18px;border-left:1px solid var(--color-rule)}.big-num{font:300 58px/1.05 var(--font-en);letter-spacing:-.03em;margin-top:6px;animation:zn-roll .55s .1s var(--ease-out) both;white-space:nowrap}.big-num small{font-size:22px;margin-left:3px}.combos{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.combos>span,.combos>button{box-shadow:inset 0 0 0 1px var(--color-rule);padding:8px 9px;font:500 12px/1 var(--font-en);animation:zn-up .4s both}.combos>button:active{background:var(--color-grain)}.dist{position:relative;height:62px;margin-top:10px}.dist__m{position:absolute;bottom:0;width:0;height:44px;transition:left 1s var(--ease-move)}.dist__b{position:absolute;left:-12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:600 11px/1 var(--font-en);background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink);animation:zn-drop .45s both}.dist__b.is-anchor{background:var(--color-solid);color:var(--color-on-solid)}.dist__l{position:absolute;left:0;top:24px;width:1px;height:20px;background:var(--color-ink)}.dist__ghost{position:absolute;left:-12px;top:0;width:24px;height:24px;border-radius:50%;border:1.5px dashed var(--color-ink);display:flex;align-items:center;justify-content:center;font:500 9px/1 var(--font-jp-sans);color:var(--color-muted-ink)}.dr-plan{display:grid;grid-template-columns:1fr 1.15fr;margin:20px var(--gutter) 0;border-top:1px solid var(--color-ink)}.plan-card{background:var(--color-solid);color:var(--color-on-solid);padding:12px 14px 14px;box-shadow:inset 0 0 0 1px var(--color-ink);transform-origin:top;animation:zn-flip .7s 1.25s var(--ease-out) both}.tpl-cmp{margin:14px var(--gutter) 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--color-rule);animation:zn-up .5s 1.8s both}.dev-head{display:flex;align-items:baseline;gap:12px;padding:10px var(--gutter);flex:none}.cond{margin:0 16px;box-shadow:inset 0 0 0 1px var(--color-rule);flex:none}.cond__head{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px 0 14px;width:100%;text-align:left}.cond__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}.cond.is-open .cond__body{grid-template-rows:1fr}.cond__body>div{overflow:hidden}.cond.is-open .cond__head .i:last-child{transform:rotate(180deg)}.cond__head .i:last-child{transition:transform .35s}.cond__row{display:flex;align-items:center;min-height:50px;padding:0 6px 0 14px;border-top:1px solid var(--color-rule)}.cond__k{width:78px;flex:none;font:500 12px/1.2 var(--font-jp-sans);color:var(--color-muted-ink)}.cond__v{flex:1;text-align:center;font:400 20px/1 var(--font-en);font-variant-numeric:tabular-nums}.cond__v small{font-size:13px;margin-left:2px}.cond__pm{width:48px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px var(--color-rule);touch-action:none;font:500 12px/1 var(--font-en);flex:none}.cond__pm:active{background:var(--color-grain-alt)}.tools3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:8px 16px 0;flex:none}.timer-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px}.dial-t{position:relative;flex:none;transition:width .45s var(--ease-out),height .45s var(--ease-out)}.dial-t__tank{position:absolute;inset:13.5%;border-radius:50%;overflow:hidden;background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule)}.dial-t__liq{position:absolute;left:0;right:0;bottom:0;background:var(--color-grain-alt);transition:height .2s linear}.dial-t__wave{position:absolute;left:0;right:0;top:-7px;height:8px;background:radial-gradient(ellipse 14px 8px at 14px 8px,var(--color-grain-alt) 98%,transparent 100%);background-size:28px 8px;animation:zn-wave 6s linear infinite}.dial-t.is-running .dial-t__wave{animation-duration:1.2s}.dial-t__num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.dial-t__el{font:300 42px/1 var(--font-en);font-variant-numeric:tabular-nums;letter-spacing:-.03em;transition:font-size .45s,color .3s}.dial-t.is-big .dial-t__el{font-size:56px}.dial-t.is-last .dial-t__el{color:var(--color-alert);font-weight:500}.pulse{position:absolute;left:50%;top:50%;width:86%;height:86%;border-radius:50%;box-shadow:inset 0 0 0 3px var(--color-ink);animation:zn-pulse 1.1s var(--ease-out) both;pointer-events:none}.blocks{width:min(342px,calc(100% - 48px));display:grid;gap:3px;flex:none}.blocks>span{position:relative;height:14px;background:var(--color-grain);box-shadow:inset 0 0 0 1px var(--color-rule);overflow:hidden}.blocks>span>i{position:absolute;left:0;top:0;bottom:0;background:var(--color-ink)}.blocks>span.is-cur>i{animation:zn-blink 1s ease-in-out infinite}.blocks-lbl{width:min(342px,calc(100% - 48px));display:flex;justify-content:space-between;font:500 10px/1 var(--font-en);color:var(--color-muted-ink);margin-top:-6px;flex:none}.dev-status{display:flex;justify-content:space-between;padding:0 var(--gutter) 8px;font:500 12px/1.4 var(--font-jp-sans);flex:none;gap:12px}.dev-ctrl{display:flex;gap:8px;padding:0 16px calc(var(--safe-bottom) + 20px);flex:none}.dev-ctrl__side{width:64px;height:66px;flex:none;box-shadow:inset 0 0 0 1px var(--color-rule);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:500 10px/1 var(--font-jp-sans)}.dev-ctrl__main{flex:1;height:66px;background:var(--color-solid);color:var(--color-on-solid);box-shadow:inset 0 0 0 1px var(--color-ink);display:flex;align-items:center;justify-content:center;gap:10px;font:500 18px/1 var(--font-jp-sans);transition:transform .15s}.dev-ctrl__main:active{transform:scale(.97)}.dev-ctrl__done{width:94px;height:66px;flex:none;box-shadow:inset 0 0 0 1px var(--color-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:500 12px/1.2 var(--font-jp-sans)}.dev-ctrl__done.is-dim{opacity:.3}.srow{display:flex;align-items:center;min-height:62px;padding:0 16px 0 var(--gutter);border-bottom:1px solid var(--color-rule)}.srow__k{width:84px;flex:none;font:500 13px/1.3 var(--font-jp-sans);color:var(--color-muted-ink)}.srow .seg{flex:1}.ts-bars{display:flex;height:50px;gap:2px}.ts-bars>span{flex:1;transform-origin:bottom;animation:zn-grow .4s var(--ease-out) both;transition:background .3s}.ts-table>div{display:grid;grid-template-columns:40px 1fr 1fr;height:33px;align-items:center;font:400 15px/1 var(--font-en);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--color-rule)}.ts-table>div:first-child{font:500 11px/1 var(--font-jp-sans);color:var(--color-muted-ink);height:auto;padding-bottom:8px;margin-top:12px}.ts-table>div>span:not(:first-child){text-align:right}.rec{padding:16px 16px 14px var(--gutter);border-bottom:1px solid var(--color-rule);animation:zn-up .4s both}.rec__acts{display:flex;align-items:center;gap:12px;margin-top:10px}.rec__apply{margin-left:auto;height:40px;padding:0 16px;display:flex;align-items:center;box-shadow:inset 0 0 0 1px var(--color-ink);font:500 14px/1 var(--font-jp-sans);transition:background .2s}.rec__apply.is-on{background:var(--color-solid);color:var(--color-on-solid)}.chk{display:flex;gap:14px;padding:11px 20px;border-bottom:1px solid var(--color-rule);align-items:flex-start;width:100%;text-align:left}.chk:active{background:var(--color-grain)}.chk__box{width:32px;height:32px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--color-on-solid);box-shadow:inset 0 0 0 1.5px var(--color-ink);transition:background .2s}.chk.is-on .chk__box{background:var(--color-solid)}.chk__body{flex:1;min-width:0;transition:opacity .25s}.chk.is-on .chk__body{opacity:.5}.draw{stroke-dasharray:22;animation:zn-draw .3s both}.note-photo{margin:0 20px;height:300px;box-shadow:0 22px 40px -26px var(--color-shade)}.facts{display:grid;grid-template-columns:96px 1fr;row-gap:10px;margin-top:14px}.facts>span:nth-child(odd){font:500 12px/1.3 var(--font-jp-sans);color:var(--color-muted-ink)}.facts>span:nth-child(2n){font:400 14px/1.3 var(--font-en)}.rate{display:flex;align-items:center;gap:10px}.rate__t{flex:1;font:500 13px/1.3 var(--font-jp-sans)}.rate__cells{display:grid;grid-template-columns:repeat(5,40px);height:40px;box-shadow:inset 0 0 0 1px var(--color-ink)}.rate__cells>button{font:500 14px/1 var(--font-en);transition:background .2s,color .2s}.rate__cells>button+button{border-left:1px solid var(--color-rule)}.rate__cells>button.is-on{background:var(--color-solid);color:var(--color-on-solid);animation:zn-pop .3s var(--ease-out)}.env-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;box-shadow:inset 0 0 0 1px var(--color-rule)}.env-grid>div{padding:12px}.env-grid>div:nth-child(odd){border-right:1px solid var(--color-rule)}.env-grid>div:nth-child(-n+2){border-bottom:1px solid var(--color-rule)}.env-grid__k{font:500 11px/1 var(--font-jp-sans);color:var(--color-muted-ink)}.env-grid__v{font:400 16px/1.2 var(--font-jp-sans);margin-top:8px}.env-grid__s{font:400 11px/1.5 var(--font-en);color:var(--color-muted-ink);margin-top:6px}.collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease-out)}.collapse.is-open{grid-template-rows:1fr}.collapse>div{overflow:hidden}.lib-cols{display:flex;justify-content:flex-end;padding:0 var(--gutter) 8px;font:500 10px/1 var(--font-jp-sans);color:var(--color-muted-ink);border-bottom:1px solid var(--color-ink);flex:none}.lrow-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s var(--ease-out),opacity .3s}.lrow-wrap.is-gone{grid-template-rows:0fr;opacity:0}.lrow-wrap>div{overflow:hidden}.lrow{display:flex;gap:14px;padding:12px 6px 12px 16px;border-bottom:1px solid var(--color-rule);width:100%;text-align:left;animation:zn-up .4s both}.lrow:active{background:var(--color-grain)}.lrow__thumb{width:60px;height:70px}.lrow__body{flex:1;min-width:0}.lrow__t{flex:1;min-width:0;font:500 15px/1.35 var(--font-jp-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow__l{font:400 12px/1.5 var(--font-en);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dots3{display:flex;gap:3px;flex:none}.dots3>span{width:14px;height:6px;box-shadow:inset 0 0 0 1px var(--color-ink)}.dots3>span.is-on{background:var(--color-ink)}.empty{margin:28px var(--gutter) 0;animation:zn-up .4s both}.empty__t{font:500 19px/1.4 var(--font-jp-serif)}.empty__d{margin:8px 0 0;font:400 13px/1.7 var(--font-jp-sans);color:var(--color-muted-ink)}.hbars{display:flex;flex-direction:column;gap:8px;margin-top:14px}.hbar{display:grid;grid-template-columns:96px 1fr 28px;align-items:center;gap:10px;font:500 13px/1 var(--font-en)}.hbar>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar__track{height:14px;box-shadow:inset 0 0 0 1px var(--color-rule);position:relative}.hbar__track>i{position:absolute;left:0;top:0;bottom:0;background:var(--color-ink);transform-origin:left;animation:zn-bar .7s var(--ease-out) both}.hbar>span:last-child{text-align:right;color:var(--color-muted-ink)}.vbars{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;height:96px;align-items:end;margin-top:14px;border-bottom:1px solid var(--color-ink)}.vbars>span{box-shadow:inset 0 0 0 1px var(--color-ink);transform-origin:bottom;animation:zn-grow .7s var(--ease-out) both}.band{display:flex;height:28px;margin-top:14px;box-shadow:inset 0 0 0 1px var(--color-ink);overflow:hidden}.band>span{box-shadow:inset -1px 0 0 var(--color-ink);transform-origin:left;animation:zn-bar .6s var(--ease-out) both}.legend{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:8px;font:400 12px/1.4 var(--font-jp-sans)}.legend i{display:inline-block;width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--color-ink);margin-right:5px}.legend b{font-family:var(--font-en);font-weight:600}.advice{margin-top:14px;background:var(--color-grain);padding:14px;font:400 13px/1.7 var(--font-jp-sans);animation:zn-up .5s .8s both}.learn-tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px 16px 0}.ltile{height:76px;box-shadow:inset 0 0 0 1px var(--color-rule);padding:12px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;animation:zn-up .4s both}.ltile:active{background:var(--color-grain)}.ltile--solid{background:var(--color-solid);color:var(--color-on-solid);box-shadow:none}.ltile .zstrip{height:8px;box-shadow:inset 0 0 0 1px var(--color-rule)}.ltile .zstrip>span{box-shadow:none}.list-head{display:flex;justify-content:space-between;padding:22px var(--gutter) 10px;border-bottom:1px solid var(--color-ink)}.chap{display:flex;gap:14px;padding:12px 20px 12px var(--gutter);border-bottom:1px solid var(--color-rule);width:100%;text-align:left;animation:zn-up .35s both}.chap:active{background:var(--color-grain)}.chap__n{font:300 22px/1 var(--font-en);width:30px;flex:none;color:var(--color-muted-ink)}.chap__t{font:500 15px/1.4 var(--font-jp-sans)}.chap__s{font:400 12px/1.5 var(--font-jp-sans);color:var(--color-muted-ink);margin-top:2px}.chap__s mark,.chap__t mark{background:var(--color-hl-yellow);color:inherit}.ai-cta{margin-top:18px;background:var(--color-solid);color:var(--color-on-solid);padding:16px 18px;display:flex;align-items:center;gap:12px;width:100%;text-align:left}.article{padding:6px var(--gutter) 24px}.article-chapter{font:500 11px/1 var(--font-en);letter-spacing:.22em;color:var(--color-muted-ink)}.article-title{font:500 30px/1.3 var(--font-jp-serif);margin:12px 0 0}.article-summary{margin:12px 0 0;font:400 14px/1.8 var(--font-jp-sans);color:var(--color-muted-ink);padding-bottom:20px;border-bottom:1px solid var(--color-ink)}.article-section{margin-top:24px}.article-heading{font:500 18px/1.5 var(--font-jp-serif);margin:0 0 12px}.article-body{font:400 15px/1.95 var(--font-jp-serif);letter-spacing:.01em}.article-body p{margin:0 0 14px}.article-body strong{font-weight:600}.article-body em{font-style:italic;color:var(--color-muted-ink)}.article-body code{font-family:var(--font-en);font-size:13px;padding:2px 6px;background:var(--color-grain)}.article-body ul,.article-body ol{margin:0 0 14px;padding-left:22px}.article-body li{margin:6px 0}.article-illust{display:block;width:100%;height:auto;max-height:60vh;margin:16px 0 18px;padding:10px;border:1px solid var(--color-rule);background:#fff;color:#0a0a0a}.article-figure{margin:16px 0 18px;text-align:center}.article-figure img{width:100%;height:auto;border:1px solid var(--color-rule)}.article-figure figcaption{font:400 11px/1.6 var(--font-jp-sans);color:var(--color-muted-ink);margin-top:6px}body.darkroom .article-illust,body.darkroom .article-figure img{filter:grayscale(1) sepia(1) saturate(8) hue-rotate(-40deg) brightness(.75);border-color:var(--color-rule)}.article-quote{font:italic 400 15px/1.8 var(--font-jp-serif);color:var(--color-muted-ink);border-left:2px solid var(--color-ink);padding:8px 0 8px 16px;margin:18px 0}.article-table{width:100%;border-collapse:collapse;margin:14px 0;font:400 13px/1.6 var(--font-jp-sans)}.article-table th,.article-table td{border:1px solid var(--color-rule);padding:8px 10px;text-align:left;vertical-align:top}.article-table th{background:var(--color-grain);font:500 10px/1.4 var(--font-en);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted-ink)}.article-body,.article-body *,.article-title,.article-summary,.article-heading,.ask-a,.ask-q{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}mark.hl{background:var(--color-hl-yellow);color:inherit;padding:1px 0}mark.hl--red{background:transparent;box-shadow:inset 0 -2px 0 var(--color-hl-red)}.hl-bar{position:absolute;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 96px);z-index:30;display:flex;background:var(--color-solid);color:var(--color-on-solid);box-shadow:0 0 0 1px var(--color-ink),0 16px 30px -12px var(--color-shade);animation:zn-up .25s cubic-bezier(.2,.9,.2,1) both}.hl-bar>button{flex:1;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;font:500 13px/1 var(--font-jp-sans)}.hl-bar>button+button{border-left:1px solid var(--color-muted-ink)}.hl-bar>button:last-child{flex:none;width:48px}.art-nav{display:grid;grid-template-columns:1fr auto 1fr;border-top:1px solid var(--color-ink);padding:0 8px calc(var(--safe-bottom) + 16px);flex:none;background:var(--color-paper)}.art-nav>button{padding:12px 8px;display:flex;flex-direction:column;gap:4px;text-align:left;min-width:0}.art-nav>button:nth-child(2){padding:12px 14px;flex-direction:row;align-items:center;font:500 13px/1 var(--font-jp-sans);border-left:1px solid var(--color-rule);border-right:1px solid var(--color-rule)}.art-nav>button:last-child{text-align:right;align-items:flex-end}.art-nav>button:disabled{opacity:.3}.art-nav__n{font:500 11px/1 var(--font-en);color:var(--color-muted-ink)}.art-nav__t{font:500 13px/1.3 var(--font-jp-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.zrow{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid var(--color-rule);animation:zn-up .4s both}.zrow__sw{width:56px;height:46px;flex:none;box-shadow:inset 0 0 0 1px var(--color-rule)}.zrow__r{width:36px;flex:none;font:500 18px/1 var(--font-en)}.ask-box{margin:16px 16px 0;box-shadow:inset 0 0 0 1px var(--color-ink);transition:opacity .3s}.ask-box textarea{display:block;width:100%;height:100px;padding:14px;font:400 16px/1.7 var(--font-jp-sans);resize:none}.ask-box__foot{display:flex;align-items:center;gap:10px;padding:0 6px 6px 14px}.ask-send{height:44px;padding:0 18px;display:flex;align-items:center;gap:6px;font:500 14px/1 var(--font-jp-sans);background:var(--color-solid);color:var(--color-on-solid);transition:opacity .2s}.ask-send:disabled{opacity:.3}.ask-a{font:400 14px/1.85 var(--font-jp-sans);margin-top:10px}.ask-a code{font-family:var(--font-en);font-size:12px;padding:2px 5px;background:var(--color-grain)}.ref-row{height:46px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--color-rule);font:500 14px/1 var(--font-jp-sans);width:100%;text-align:left}.hist-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-rule);width:100%;text-align:left}.hl-item{display:flex;gap:12px;padding:14px 8px 14px var(--gutter);border-bottom:1px solid var(--color-rule);width:100%;text-align:left;animation:zn-up .35s both}.hl-item__bar{width:4px;flex:none}@media print{html,body,#app{height:auto;overflow:visible;background:#fff!important;color:#0a0a0a!important}body.print-article #app>:not(#screen-learn-article){display:none!important}body.print-article .screen{position:static!important;display:block!important}body.print-article .bar,body.print-article .safe-top,body.print-article .art-nav,body.print-article .hl-bar,body.print-article .toast,body.print-article .dark-chip{display:none!important}body.print-article .body{overflow:visible!important}.article{padding:0!important}.article-title{font-size:20pt}.article-heading{font-size:14pt;page-break-after:avoid}.article-section{page-break-inside:avoid}.article-figure img,.article-illust{max-width:100%!important;max-height:100mm!important;filter:none!important}.article-body{font-size:11pt;line-height:1.65}mark.hl{background:transparent!important;border-bottom:2px solid #0a0a0a}mark.hl--red{box-shadow:none;border-bottom:2px dashed #0a0a0a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}