@font-face{font-family:AOT Serial Mono;src:url(/fonts/aot-serial-mono-vf.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap}:root{--bg: #f6f6f5;--bg-raised: #ededec;--fg: #111111;--fg-muted: #8a8a8a;--fg-faint: #b5b5b5;--line: #dedede;--tile: #ebebea;--danger: #b3261e;--font-ui: "AOT Serial Mono", "SFMono-Regular", ui-monospace, monospace;--font-body: "AOT Serial Mono", "SFMono-Regular", ui-monospace, monospace;--pad: clamp(14px, 2.2vw, 24px);--gutter: 8px;--nav-h: 52px;--ease: cubic-bezier(.22, .6, .2, 1);--canvas-max: 1280px;--canvas-wide: 1600px;--col-gap: clamp(12px, 2vw, 24px);--bottombar-h: 56px;--nav-top: calc(var(--nav-h) + env(safe-area-inset-top, 0px));--nav-bottom: calc(var(--bottombar-h) + env(safe-area-inset-bottom, 0px));--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--box-h: 48px;--box-gap: 8px;--hold: .22s;--step: .36s}@media (min-width: 760px){:root{--nav-bottom: 0px}}[data-theme=dark]{--bg: #0d0d0d;--bg-raised: #151515;--fg: #e4e4e4;--fg-muted: #909090;--fg-faint: #5c5c5c;--line: #242424;--tile: #161616;--danger: #e5726c}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:14px;line-height:1.55;font-weight:400;font-synthesis:style;text-transform:lowercase;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .24s var(--ease),color .24s var(--ease)}h1,h2,h3,p{margin:0;font-weight:inherit;font-size:inherit}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-align:left}input,textarea,select{font:inherit;color:var(--fg);background:transparent}button,input,textarea,select{text-transform:inherit}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.lbl{font-family:var(--font-ui);font-size:12px;line-height:1.5;font-weight:500;color:var(--fg-muted);letter-spacing:.01em}.lbl-strong{color:var(--fg);font-weight:700}em{font-style:oblique 10deg}.txt{font-family:var(--font-body);font-size:14px;line-height:1.6;max-width:44ch}.txt-muted{color:var(--fg-muted)}.ttl{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.01em}.head{font-family:var(--font-ui);font-size:clamp(18px,1rem + 1vw,28px);font-weight:600;line-height:1.22;letter-spacing:-.01em;text-wrap:balance}.display{font-family:var(--font-ui);font-size:clamp(22px,4.5vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.015em}.lnk{display:inline-block;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;min-height:24px;transition:color .16s var(--ease),opacity .16s var(--ease)}.lnk:hover{color:var(--fg-muted)}.lnk[disabled],.lnk[aria-disabled=true]{color:var(--fg-faint);cursor:not-allowed;text-decoration-color:var(--fg-faint)}.lnk-muted{color:var(--fg-muted);text-decoration:none}.lnk-muted:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.lnk-danger{color:var(--danger);text-decoration-color:var(--danger)}.opt{display:inline-flex;align-items:center;min-height:44px;padding:2px 0;margin-right:18px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--fg-muted);transition:color .14s var(--ease)}.opt:hover{color:var(--fg)}.opt[aria-pressed=true],.opt[aria-checked=true]{color:var(--fg);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.opt[aria-pressed=true]:after{content:"×";margin-left:6px;color:var(--fg-muted);font-size:12px}.f-label{display:block;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--fg-muted);margin-bottom:6px}.f-input{width:100%;min-height:40px;padding:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:14px}.f-input:focus{outline:none;border-bottom-color:var(--fg)}.f-input::placeholder{color:var(--fg-faint)}.rule{border:0;border-top:1px solid var(--line);margin:0}.box{display:flex;align-items:center;gap:10px;width:auto;min-height:var(--box-h);padding:12px 14px;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--fg);font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.35;letter-spacing:.01em;text-align:left;overflow-wrap:anywhere;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.box-i{flex:none;min-width:2ch;white-space:nowrap;font-size:11px;line-height:1;color:var(--fg-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em}.box-t{flex:1 1 auto;min-width:0}@media (hover: hover){.box:hover:not([disabled]):not([aria-disabled=true]){border-color:var(--fg)}}.box:active:not([disabled]){border-color:var(--fg)}.box:focus-visible{border-color:var(--fg)}.box[aria-checked=true],.box[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.box[aria-checked=true] .box-i,.box[aria-pressed=true] .box-i{color:var(--bg);opacity:.7}.box[aria-pressed=true]:after{content:"×";margin-left:auto;padding-left:8px;font-size:13px;line-height:1;opacity:.85}.box[disabled],.box[aria-disabled=true]{color:var(--fg-faint);border-color:var(--line);cursor:not-allowed}.box[disabled] .box-i,.box[aria-disabled=true] .box-i{color:var(--fg-faint)}.box-sm{min-height:44px;padding:8px 12px;gap:8px}@media (max-width: 759px){.box-i{display:none}}@media (forced-colors: active){.box[aria-checked=true],.box[aria-pressed=true]{border-width:3px}}.box-grid{--cols: 2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--box-gap)}.box-grid>.box{width:100%}.box-grid[data-locked]{pointer-events:none}.box-grid[data-dense]{--box-gap: 6px;--box-h: 44px}.box-grid[data-dense]>.box{padding:10px 12px;gap:8px}@media (min-width: 760px){.box-grid{--cols: 3}.box-grid[data-cols="2"]{--cols: 2}.box-grid[data-cols="3"]{--cols: 3}.box-grid[data-dense]{--box-gap: 8px;--box-h: 48px}.box-grid[data-dense]>.box{padding:12px 14px;gap:10px}}@media (min-width: 1024px){.box-grid{--cols: 4}.box-grid[data-cols="2"]{--cols: 2}.box-grid[data-cols="3"]{--cols: 3}.box-grid[data-cols="4"]{--cols: 4}.box-grid[data-cols="5"]{--cols: 5}.box-grid[data-cols="6"]{--cols: 6}.box-grid[data-dense]{--cols: 5}}.box-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.box-row>.box{width:auto}.box-lg{min-height:64px;font-size:14px}.box-media{padding:4px 12px 4px 4px}.box-m{flex:none;width:40px;height:40px;overflow:hidden;background:var(--tile)}.box-m .bottle-ph{font-size:0}.box-media .box-t{display:flex;flex-direction:column;gap:1px}.box-media .box-t .lbl{color:inherit;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border:1px solid var(--line);border-radius:0;font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1;color:var(--fg);background:transparent;text-decoration:none;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.btn:hover,.btn:focus-visible{border-color:var(--fg)}.btn:active{background:var(--fg);color:var(--bg)}.btn-primary{border-color:var(--fg);font-weight:600}.btn-primary:hover{background:var(--fg);color:var(--bg)}.btn-danger{color:var(--danger)}.btn-danger:hover,.btn-danger:focus-visible{border-color:var(--danger)}.btn-danger:active{background:var(--danger);color:var(--bg)}.btn-block{width:100%}.btn-sm{min-height:44px;padding:0 14px}.btn[disabled],.btn[aria-disabled=true]{color:var(--fg-faint);border-color:var(--line);cursor:not-allowed;background:transparent}.field{display:flex;flex-direction:column}.f-box{display:flex;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:0;transition:border-color .16s var(--ease)}.f-box:focus-within{border-color:var(--fg)}.f-box[aria-invalid=true],.f-box.is-invalid{border-color:var(--danger)}.f-box>input,.f-box>textarea{flex:1;min-width:0;border:0;outline:none;padding:0 14px;min-height:46px;font-size:14px;background:transparent}.f-box>textarea{padding:12px 14px;min-height:96px;resize:vertical;line-height:1.55}.f-box .f-prefix{padding-left:14px;color:var(--fg-muted);font-size:13px;white-space:nowrap}.f-box .f-prefix+input{padding-left:4px}.f-help{display:block;margin-top:6px}.f-error{display:block;margin-top:6px;color:var(--danger);font-size:13px}.thumb{display:block;width:40px;height:40px;overflow:hidden;background:var(--tile);flex-shrink:0}.thumb-56{width:56px;height:56px}.thumb-120{width:120px;height:120px}.thumb-pair{display:flex;gap:4px}.thumb-pair.is-stack{flex-direction:column}.thumb .bottle-ph{font-size:0}body:has(.screen-sheet) .bottombar{display:none}.screen{min-height:100svh;padding-top:calc(var(--nav-top) + var(--sp-3));padding-bottom:calc(var(--nav-bottom) + var(--sp-5))}@media (min-width: 760px){.screen{padding-bottom:var(--sp-8)}}.screen-fit{padding-top:var(--nav-top);padding-bottom:var(--nav-bottom)}.canvas{display:grid;grid-template-columns:[full-start] minmax(var(--pad),1fr) [wide-start] minmax(0,calc((var(--canvas-wide) - var(--canvas-max)) / 2)) [content-start] min(100% - 2 * var(--pad),var(--canvas-max)) [content-end] minmax(0,calc((var(--canvas-wide) - var(--canvas-max)) / 2)) [wide-end] minmax(var(--pad),1fr) [full-end];align-content:start}.canvas>*{grid-column:content;min-width:0}.canvas>.wide{grid-column:wide}.canvas>.bleed{grid-column:full}.measure{max-width:44ch}.measure-lg{max-width:56ch}.cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:var(--sp-5);align-items:start}.cols>*{grid-column:1 / -1;min-width:0}@media (min-width: 760px){.cols>.lead{grid-column:1 / span 4;position:sticky;top:calc(var(--nav-top) + var(--sp-3))}.cols>.lead-static{position:static}.cols>.main{grid-column:5 / -1}.cols>.aside{grid-column:5 / -1}.cols>.full{grid-column:1 / -1}}@media (min-width: 1024px){.cols[data-aside]>.main{grid-column:5 / span 5}.cols[data-aside]>.aside{grid-column:10 / -1}}.page-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) 18px;padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);margin-bottom:var(--sp-5)}.page-head-end{margin-left:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:18px}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3);padding-top:var(--sp-7)}.empty>.head{max-width:24ch}.empty-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:baseline;margin-top:var(--sp-1)}@media (min-width: 760px){.empty{padding-top:var(--sp-8)}}.stepper{display:flex;flex-direction:column;min-height:calc(100svh - var(--nav-top) - var(--nav-bottom))}.stepper-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}.stepper-back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-14px;color:var(--fg);transition:color .14s var(--ease),transform .24s var(--ease)}@media (hover: hover){.stepper-back:hover:not([disabled]){transform:translate(-2px)}}.stepper-back[disabled]{color:var(--fg-faint);cursor:default}.stepper-count{font-variant-numeric:tabular-nums}.stepper-rule{position:relative;height:1px;background:var(--line);margin-bottom:var(--sp-4)}.stepper-rule:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fg);transform-origin:left center;transform:scaleX(var(--progress, 0));transition:transform var(--step) var(--ease)}.stepper-panel{row-gap:var(--sp-4)}.stepper-q{display:flex;flex-direction:column;gap:var(--sp-1)}.stepper-h{outline:none;margin-top:2px}.stepper-hint{margin-top:var(--sp-1)}.stepper-main{display:flex;flex-direction:column}.stepper-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) 18px;margin-top:var(--sp-5);min-height:24px}.stepper-exit{margin-left:auto}@media (min-width: 760px){.stepper-panel{row-gap:0}.stepper-rule{margin-bottom:var(--sp-5)}}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:var(--nav-top);padding:env(safe-area-inset-top,0px) var(--pad) 0;pointer-events:none}.topbar>*{pointer-events:auto}.topbar-left{display:flex;align-items:center;gap:14px}.wordmark{font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.02em;text-decoration:none}.topbar-nav{display:none;align-items:center;gap:22px}.topbar-nav a{font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--fg-muted);text-decoration:none;transition:color .14s var(--ease)}.topbar-nav a:hover{color:var(--fg)}.topbar-nav a[aria-current=page]{color:var(--fg);text-decoration:underline;text-underline-offset:4px}.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-6px;color:var(--fg-muted);transition:color .14s var(--ease),transform .24s var(--ease)}.theme-btn:hover{color:var(--fg);transform:rotate(40deg)}.bottombar{position:fixed;inset:auto 0 0 0;z-index:50;display:flex;justify-content:center;gap:clamp(26px,9vw,64px);padding:6px var(--pad) calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottombar a{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--fg-muted);text-decoration:none;min-height:44px;padding:0 6px;display:inline-flex;align-items:center}.bottombar a[aria-current=page]{color:var(--fg);text-decoration:underline;text-underline-offset:4px}@media (min-width: 760px){.topbar-nav{display:flex}.bottombar{display:none}}.bottle{display:block;width:100%;height:100%;object-fit:cover;background:var(--tile);filter:none;transform:scale(var(--zoom, 1));transform-origin:center}.bottle-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--tile);color:var(--fg-muted);font-family:var(--font-ui);font-size:11px;font-weight:500;text-align:center;padding:10px;letter-spacing:.02em;line-height:1.4}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: no-preference){.rv{opacity:0;transform:translateY(14px);transition:opacity .64s var(--ease),transform .64s var(--ease)}.rv.in{opacity:1;transform:none}.fade-in{animation:fade-in .48s var(--ease) both}@keyframes fade-in{0%{opacity:0}}.page-in{animation:page-in .24s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.stepper-panel{animation:step-in-fwd var(--step) var(--ease) both}.stepper-panel[data-dir=back]{animation-name:step-in-back}@keyframes step-in-fwd{0%{opacity:0;transform:translate(24px)}}@keyframes step-in-back{0%{opacity:0;transform:translate(-24px)}}.drift-slow{animation:drift-x 40s linear infinite}@keyframes drift-x{0%{transform:translate(0)}to{transform:translate(-50%)}}}@media (prefers-reduced-motion: reduce){.rv{opacity:1;transform:none}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.vhero{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;justify-content:space-between;color:#f2f2f0;background:#0c0c0c;text-transform:lowercase;padding:calc(14px + env(safe-area-inset-top,0px)) var(--pad) calc(16px + env(safe-area-inset-bottom,0px))}.vhero-media,.vhero-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vhero-media video{opacity:0;transition:opacity .7s var(--ease)}.vhero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#00000085,#00000038 48%,#00000014 72%),linear-gradient(to bottom,#0006,#00000029 40%,#0000008c)}.vhero-title,.vhero-sub{text-shadow:0 1px 28px rgba(0,0,0,.45)}.vhero-top,.vhero-body,.vhero-foot{position:relative;z-index:2}.vhero-top{display:flex;align-items:baseline;justify-content:space-between}.vhero-mark{color:inherit}.vhero-signin{color:inherit;border-bottom-color:#f2f2f080}.vhero-signin:hover{border-bottom-color:#f2f2f0}.vhero-body{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:620px}.vhero-title{font-family:var(--font-ui);font-size:clamp(34px,7vw,72px);line-height:1.04;font-weight:700;letter-spacing:-.02em}.vhero-sub{font-size:14px;line-height:1.6;max-width:42ch;color:#f2f2f0d1}.vhero-cta{font-weight:600;display:inline-block;margin-top:6px;padding:12px 22px;border:1px solid rgba(242,242,240,.85);border-radius:2px;color:inherit;text-decoration:none;font-family:var(--font-ui);font-size:13px;letter-spacing:.04em;transition:background .18s var(--ease),color .18s var(--ease);min-height:44px}.vhero-cta:hover,.vhero-cta:focus-visible{background:#f2f2f0;color:#111}.vhero-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.vhero-lbl{color:#f2f2f0a6}.vhero-num{font-weight:700;color:#f2f2f0}.vhero-sub em{font-style:oblique 10deg}.vhero-legal-lnk{color:inherit;text-decoration:underline;text-underline-offset:3px}.vhero-legal-lnk:hover{color:#f2f2f0}.auth-plain{display:flex;flex-direction:column;gap:12px;padding-top:clamp(24px,10vh,120px)}.auth-plain .lnk{display:inline-flex;align-items:center;min-height:44px}.auth-grid{display:flex;flex-direction:column;gap:32px;margin-top:clamp(24px,6vh,64px)}.auth-statement{display:flex;flex-direction:column;gap:10px}.auth-statement .display{font-weight:600;max-width:16ch}.auth-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.gbtn svg{flex:none}.auth-or{display:flex;align-items:center;gap:12px;margin:4px 0}.auth-or .rule{flex:1}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-notice{color:var(--fg-muted)}.auth-error{margin-top:0}.auth-swap{margin-top:6px}.auth-swap .lnk,.auth-back .lnk{display:inline-flex;align-items:center;min-height:44px}.auth-back{margin-top:-8px}@media (min-width: 601px){.auth-grid{max-width:400px;margin:clamp(48px,14vh,160px) auto 0}}@media (min-width: 1000px){.auth-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;max-width:none;margin:clamp(48px,14vh,160px) 0 0}.auth-statement{grid-column:1 / 6}.auth-statement .display{max-width:14ch}.auth-panel{grid-column:8 / 12}}.search-add{max-width:none}.search-input{min-height:44px}@media (max-width: 600px){.search-input{font-size:16px}}.screen-sheet .search-add>.search-input{position:sticky;top:var(--nav-top);z-index:2;background:var(--bg)}.search-added{min-height:18px;margin-top:8px}.search-added .lnk{font-size:12px}.search-results{margin-top:6px}.search-row{display:grid;grid-template-columns:48px 1fr auto;column-gap:12px;align-items:center;min-height:60px;padding:6px 0;border-bottom:1px solid var(--line);cursor:pointer}.search-row[aria-disabled=true]{cursor:default}.search-row[aria-selected=true]{outline:1px solid var(--fg);outline-offset:-1px}.search-row[aria-selected=true] .search-row-name{font-weight:600}@media (hover: hover){.search-row:not([aria-disabled=true]):hover .search-row-name{color:var(--fg-muted)}}.search-thumb{display:block;width:48px;aspect-ratio:1 / 1;overflow:hidden;background:var(--tile)}.search-thumb .bottle-ph{font-size:0}.search-row-text{display:flex;flex-direction:column;gap:1px;min-width:0;overflow-wrap:anywhere}.search-row-name{font-family:var(--font-ui);font-size:13px;font-weight:500;transition:color .16s var(--ease)}.search-row-state{font-family:var(--font-ui);font-size:13px;font-weight:500;padding-left:8px}.search-row:not([aria-disabled=true]) .search-row-state{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.search-row[aria-disabled=true] .search-row-state{color:var(--fg-muted)}.search-empty{padding:14px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.missing-form{display:flex;flex-direction:column;gap:14px;padding:14px 0}.missing-actions{display:flex;gap:18px;align-items:baseline}.frames-wrap{display:flex;flex-direction:column;gap:10px}.frames{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.frame-item{min-width:0}.frame{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1px solid var(--line);overflow:hidden;background:transparent}.frame-filled .bottle-ph{font-size:0}.frame-empty .lbl{color:var(--fg-faint)}.frames-dashed .frame-empty{border-style:dashed}.frame-cap{margin-top:6px;display:flex;flex-direction:column;gap:1px}.frame-name{font-family:var(--font-ui);font-size:13px;font-weight:500;overflow-wrap:anywhere}.frames-foot{margin-top:4px}.frames-mini{display:flex;gap:6px}.frames-mini .frame-item{width:36px}.frames-mini .frame-empty .lbl{font-size:10px}@media (prefers-reduced-motion: no-preference){.frame-filled .bottle{animation:frame-in .24s var(--ease) both}@keyframes frame-in{0%{opacity:0}}}.add-head{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;margin-bottom:12px}.add-close{display:inline-flex;align-items:center;min-height:44px}.add-grid{display:grid;grid-template-columns:1fr;gap:22px}.add-grid>.add-rail{order:-1}.add-rail-empty{display:none}@media (max-width: 999px){.add-rail .frames{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.add-rail .frame-item{flex:0 0 110px}.add-rail .frames-foot{display:none}}@media (min-width: 1000px){.add-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--col-gap);align-items:start}.add-grid>.search-add{grid-column:1 / 6}.add-grid>.add-rail{grid-column:7 / 13;order:0}.add-rail-empty{display:block}}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.builder-rail{display:none}.builder-mini{margin-bottom:18px}@media (min-width: 1000px){.builder-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--col-gap);align-items:start}.builder-grid>.stepper{grid-column:1 / 6}.builder-rail{display:block;grid-column:7 / 13;padding-top:44px}.builder-mini{display:none}}.builder .stepper-panel{grid-template-columns:minmax(0,1fr)}.builder .stepper-panel>.stepper-q,.builder .stepper-panel>.stepper-main{grid-column:1 / -1;position:static}.builder .stepper-q{margin-bottom:18px}@media (max-width: 759px){.builder .stepper-foot{position:sticky;bottom:0;z-index:2;background:var(--bg);padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));margin-top:var(--sp-4)}.builder .stepper-foot .btn{width:100%}}@media (min-width: 760px){.builder .stepper-foot .btn{min-width:280px}}.shelf-filters{display:flex;flex-wrap:wrap;align-items:center;column-gap:18px;row-gap:0;min-width:0}.shelf-filter-wrap{display:inline-flex;align-items:center;gap:18px}.shelf-filter{margin-right:0}.shelf-filter[aria-checked=true]:after{content:none}.shelf-filter-n{margin-left:6px;font-weight:500;color:var(--fg-muted)}.shelf-filter[aria-checked=true] .shelf-filter-n{color:var(--fg)}.shelf-filter-sep{color:var(--fg-faint)}@media (max-width: 759px){.shelf-filters{order:1;flex-basis:100%}}.shelf-screen .page-head{align-items:center}.shelf-viewline{margin:0 0 14px}.shelf-grid{--cols: 2;--colgap: 8px;--rowgap: 28px;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--rowgap) var(--colgap);padding-inline:8px}@media (min-width: 480px){.shelf-grid{--cols: 3}}@media (min-width: 760px){.shelf-grid{--cols: 4;--colgap: 12px;--rowgap: 32px;padding-inline:var(--pad)}}@media (min-width: 1100px){.shelf-grid{--cols: 5}}@media (min-width: 1500px){.shelf-grid{--cols: 6}}@media (min-width: 1920px){.shelf-grid{--cols: 7}}.shelf-cell{min-width:0}.shelf-cell-link{display:block;text-decoration:none;outline-offset:4px}.shelf-cell-img{display:block;aspect-ratio:1 / 1;overflow:hidden;background:var(--tile)}.shelf-cell-img .bottle{transition:transform .7s var(--ease)}@media (hover: hover){.shelf-cell-link:hover .bottle{transform:scale(calc(var(--zoom, 1) * 1.035))}.shelf-cell-link:hover .shelf-cell-name{color:var(--fg-muted)}}.shelf-cell-caption{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:0 2px}.shelf-cell-name,.shelf-cell-meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.shelf-cell-name{font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.35;color:var(--fg);transition:color .16s var(--ease)}.shelf-empty-frames{width:min(100%,624px)}.detail-chrome{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:18px}.detail-chrome-right{margin-left:auto;display:flex;align-items:center;gap:4px}.detail-back,.detail-nav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;color:var(--fg);text-decoration:none}.detail-back{margin-left:-14px;padding:0 14px}.detail-back-word{font-family:var(--font-ui);font-size:13px;font-weight:500;text-underline-offset:3px}.detail-back:hover .detail-back-word{text-decoration:underline}.detail-nav{transition:color .14s var(--ease)}.detail-nav[aria-disabled=true]{color:var(--fg-faint);cursor:default}.detail-pos{margin-right:8px;font-variant-numeric:tabular-nums}.detail-kbd{display:none;font-size:11px;color:var(--fg-faint)}@media (hover: hover) and (pointer: fine){.detail-kbd{display:inline}}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.detail-media{aspect-ratio:1 / 1;overflow:hidden;margin-inline:calc(-1 * var(--pad));background:var(--tile);touch-action:pan-y}.detail-media-drag{width:100%;height:100%}.detail-info{display:flex;flex-direction:column;gap:22px;min-width:0}@media (min-width: 760px){.detail-layout{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:start}.detail-media{grid-column:1 / 7;margin-inline:0;position:sticky;top:calc(var(--nav-top) + var(--sp-3));align-self:start}.detail-info{grid-column:7 / 13;max-width:560px}}@media (min-width: 1200px){.detail-info{grid-column:8 / 13}}@media (prefers-reduced-motion: no-preference){.detail-media .bottle{animation:detail-in .24s var(--ease) both}@keyframes detail-in{0%{opacity:0}}}.detail-title{display:flex;flex-direction:column;gap:2px}.detail-name{outline:none;overflow-wrap:anywhere}.detail-about{display:flex;flex-direction:column;gap:12px}.detail-character{max-width:22ch}.detail-lore-facts{color:var(--fg-muted)}.detail-facts{outline:none;display:flex;flex-direction:column;gap:12px}.detail-notes,.detail-data{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:12px;row-gap:0;margin:0}.detail-row{display:contents}.detail-notes dt,.detail-notes dd,.detail-data dt,.detail-data dd{margin:0;padding:9px 0;border-bottom:1px solid var(--line);min-width:0}.detail-notes dt,.detail-data dt{padding-top:11px}.detail-notes dd{max-width:none;font-size:14px;line-height:1.6}.detail-notes>.detail-row:last-child>dt,.detail-notes>.detail-row:last-child>dd{border-bottom-width:2px}.detail-fam{display:flex;flex-direction:column}.detail-fam li{display:grid;grid-template-columns:minmax(0,1fr) 96px 3ch;gap:12px;align-items:center;min-height:28px}.detail-fam .txt{max-width:none}.detail-val{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:28px}.detail-val .meter{max-width:96px;width:100%}.meter{display:block;height:1px;background:var(--line);position:relative}.meter:before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--v, 0) * 100%);background:var(--fg)}.detail-num{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.detail-teach{display:flex;flex-direction:column;gap:12px}.teach-form{display:flex;flex-direction:column;gap:22px}.teach-set{display:flex;flex-direction:column;gap:12px}.teach-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}.detail-pending{color:var(--fg-muted)}.detail-status{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:10px}.detail-remove{align-self:flex-start;margin-top:8px}.detail-remove-confirm{display:flex;flex-direction:column;gap:8px;margin-top:8px}.detail-remove-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}.detail-notfound-lnk{margin-top:12px}.wear-quiz:not([data-review]) .stepper-h{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.01em}.wear-aside,.wear-aside-k{display:block}.wear-headline{display:block;margin-top:2px;padding-bottom:var(--sp-4);margin-bottom:var(--sp-3);border-bottom:1px solid var(--line);color:var(--fg);font-size:clamp(18px,1rem + 1vw,28px);font-weight:600;line-height:1.22;letter-spacing:-.01em;text-wrap:balance}@media (max-width: 759px){.wear-headline[data-quiet]{display:none}}.wear-group{margin-top:var(--sp-4)}.wear-group.is-first{margin-top:0}.wear-group>.lbl{margin-bottom:var(--sp-2)}.wear-review{display:flex;flex-direction:column}.wear-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:center;min-height:56px;padding:6px 0;border-bottom:1px solid var(--line)}.wear-row-k{grid-column:1}.wear-row-v{grid-column:1;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--fg)}.wear-row-v.is-muted{color:var(--fg-muted)}.wear-row-edit{grid-column:2;grid-row:1 / span 2;display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}@media (min-width: 760px){.wear-row{grid-template-columns:160px minmax(0,1fr) auto}.wear-row-k{grid-column:1}.wear-row-v{grid-column:2}.wear-row-edit{grid-column:3;grid-row:auto}}.wear-note{margin-top:var(--sp-3)}.wear-upsell{margin-top:var(--sp-4);max-width:40ch}.reveal-body{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--sp-5);align-items:start}@media (min-width: 760px){.reveal-body{grid-template-columns:minmax(300px,6fr) minmax(300px,5fr);column-gap:var(--sp-7)}}@media (min-width: 1000px){.reveal-body{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}.reveal-zone{grid-column:1 / 7}.reveal-info{grid-column:7 / 12}}.reveal-zone{min-width:0}.planes{position:relative;width:100%}.plane{position:relative;width:min(560px,100%);aspect-ratio:1 / 1;border:1px solid var(--line);background:var(--tile);overflow:hidden}.plane>.bottle,.plane>.bottle-ph{width:100%;height:100%}.plane-i{position:absolute;top:10px;left:10px;z-index:1;color:var(--fg)}.planes[data-kind=pair]{max-width:640px;padding-bottom:18.75%}.planes[data-kind=pair] .plane.is-lead{width:75%}.planes[data-kind=pair] .plane.is-accent{position:absolute;right:0;bottom:0;z-index:2;width:47%}@media (max-width: 759px){.plane{width:66%}.planes[data-kind=pair]{max-width:none;padding-bottom:10.4%}.planes[data-kind=pair] .plane.is-lead{width:66.9%}.planes[data-kind=pair] .plane.is-accent{width:42.7%}}.reveal-notes{margin-top:var(--sp-4)}.reveal-notes[data-kind=pair]{display:grid;gap:var(--sp-4)}@media (min-width: 760px){.reveal-notes[data-kind=pair]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--col-gap)}}.reveal-notes-item>.lbl{margin-bottom:var(--sp-1)}.reveal-pyramid{margin:0}.reveal-pyramid-row{display:grid;grid-template-columns:5ch minmax(0,1fr);column-gap:12px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line)}.reveal-pyramid-row:last-child{border-bottom:1px solid var(--line)}.reveal-pyramid-row>dt{margin:0}.reveal-pyramid-notes{margin:0;font-family:var(--font-ui);font-size:13px;font-weight:500;line-height:1.5;color:var(--fg)}.reveal-info{display:flex;flex-direction:column;gap:12px;min-width:0}.reveal-name{outline:none}.reveal-character{color:var(--fg)}.reveal-rationale{margin-top:4px}.reveal-warning{color:var(--danger)}.reveal-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:var(--sp-3)}.reveal-actions>.lnk{display:inline-flex;align-items:center;min-height:44px}.reveal-dossier{display:flex;flex-direction:column;gap:var(--sp-5);margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line)}.reveal-dossier-item>.lbl{margin-bottom:var(--sp-2)}.reveal-lore{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.reveal-end{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6) var(--sp-7)}@media (min-width: 760px){.reveal-end{grid-template-columns:minmax(300px,6fr) minmax(300px,5fr)}.reveal-index{padding-top:var(--sp-8)}}.reveal-empty-title{outline:none}.reveal-index-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:12px;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.reveal-index-name{font-family:var(--font-ui);font-size:13px;font-weight:500}@media (prefers-reduced-motion: no-preference){.reveal-body[data-entrance] .planes{animation:plane-wipe .52s var(--ease) both}.reveal-body[data-entrance] .planes .is-accent{animation:plane-wipe .4s var(--ease) .12s both}.reveal-body[data-entrance] .reveal-notes{animation:reveal-rise .36s var(--ease) .24s both}.reveal-body[data-entrance] .reveal-info>*{animation:reveal-rise .36s var(--ease) 80ms both}.reveal-body[data-entrance] .reveal-info>.reveal-late{animation-delay:.24s}.reveal-body[data-entrance=next] .planes{animation-duration:.32s}.reveal-body[data-entrance=next] .planes .is-accent{animation-duration:.28s;animation-delay:60ms}.reveal-body[data-entrance=next] .reveal-info>*,.reveal-body[data-entrance=next] .reveal-info>.reveal-late,.reveal-body[data-entrance=next] .reveal-notes{animation-delay:40ms}@keyframes plane-wipe{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes reveal-rise{0%{opacity:0;transform:translateY(10px)}}}.rail-index,.me-lead{display:none}@media (min-width: 760px){.me-lead{display:block}.rail-index{display:flex;flex-direction:column;gap:2px}.rail-index-item{display:inline-flex;align-items:center;align-self:flex-start;min-height:32px;padding:12px 0;margin:-6px 0;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--fg-muted);transition:color .14s var(--ease)}.rail-index-item:hover{color:var(--fg)}.rail-index-item[aria-current=true]{color:var(--fg);text-decoration:underline;text-underline-offset:4px}}.me-main{min-width:0}.me-section{display:flex;flex-direction:column;gap:16px;padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--nav-top) + var(--sp-5))}.me-main>.me-section:first-child{padding-top:0}.me-label{display:flex;flex-direction:column;gap:6px}.me-label .ttl{outline:none}.me-label .ttl:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.me-controls{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:640px}.me-form{display:flex;flex-direction:column;gap:16px}.me-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.me-actions .lnk{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}.me-note{color:var(--fg-muted)}.me-error{color:var(--danger);font-size:13px}.me-handle{max-width:420px}.box-grid.me-sig{--cols: 1}.box.me-switch{max-width:420px}.me-switch .me-switch-state{margin-left:auto;flex:none}.box[aria-checked=true] .me-switch-state{color:inherit;opacity:.85}.me-confirm{display:flex;flex-direction:column;gap:16px}.me-confirm .txt{max-width:44ch}.btn.is-arming{pointer-events:none}.me-footer{padding:24px 0 0}.me-footer .lnk{display:inline-flex;align-items:center;min-height:44px}@media (min-width: 1000px){.me-section{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:32px;align-items:start}}@media (min-width: 1280px){.me-section{grid-template-columns:220px minmax(0,1fr);column-gap:48px}}.diary-lead{display:none}@media (min-width: 760px){.diary-lead{display:flex;flex-direction:column;gap:4px}.rail-foot{margin-top:32px}.rail-foot .lnk{display:inline-flex;align-items:center;min-height:44px}}.diary-pending{flex-basis:100%}@media (min-width: 760px){.diary-pending{flex-basis:auto}}.diary-month{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:28px 0 8px;border-bottom:1px solid var(--line);outline:none;scroll-margin-top:calc(var(--nav-top) + var(--sp-5))}.diary-month[data-first]{padding-top:0}.diary-month:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.diary-row{display:grid;grid-template-columns:36px 40px minmax(0,1fr);column-gap:12px;row-gap:8px;padding:16px 0;border-bottom:1px solid var(--line);outline:none;scroll-margin-top:calc(var(--nav-top) + var(--sp-5))}.diary-row:focus-visible{outline:1px solid var(--fg);outline-offset:3px}@media (max-width: 359px){.diary-row{grid-template-columns:32px 40px minmax(0,1fr)}}.diary-date{display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}.diary-thumb{display:flex}.diary-pair{flex-direction:column}.diary-body{display:flex;flex-direction:column;gap:4px;min-width:0}.diary-name{font-family:var(--font-ui);font-size:14px;font-weight:600;overflow-wrap:anywhere}.diary-fb{grid-column:3;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.diary-cta{align-self:flex-start}.diary-outcome{overflow-wrap:anywhere}.diary-outcome[data-outcome=loved] .lbl-strong{color:var(--fg)}.diary-edit-sep{display:none}.diary-outcome .diary-edit{display:flex;align-items:center;min-height:44px;margin-top:2px}@media (min-width: 760px){.diary-row{grid-template-columns:36px 56px minmax(0,1fr);column-gap:16px;padding:18px 0}.diary-thumb .thumb{width:56px;height:56px}.diary-pair{flex-direction:row}}@media (min-width: 1000px){.diary-row{grid-template-columns:72px 120px minmax(0,1fr) minmax(160px,200px);column-gap:20px}.diary-date{flex-direction:row;gap:8px}.diary-fb{grid-column:4;grid-row:1;align-self:start}.diary-edit-sep{display:inline}.diary-outcome .diary-edit{display:inline;min-height:24px}}.fb-missing{display:flex;flex-direction:column;gap:12px;padding-top:var(--sp-6)}.fb-missing .lnk{display:inline-flex;align-items:center;min-height:44px}.fb-aside{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;margin-bottom:var(--sp-3)}.fb-aside-thumb,.fb-aside-pair{display:flex}.fb-aside-text{display:flex;flex-direction:column;gap:2px;min-width:0}.fb-aside-names{display:block;color:var(--fg);overflow-wrap:anywhere}.fb-aside-ctx{display:none}@media (min-width: 760px){.fb-aside{grid-template-columns:1fr;row-gap:14px;align-items:start;margin-bottom:var(--sp-4)}.fb-aside .thumb{width:120px;height:120px}.fb-aside-pair{flex-direction:column}.fb-aside-ctx{display:block}}@media (max-width: 759px){.fb .stepper-foot .btn{width:100%}.fb .stepper-foot .lnk{display:inline-flex;align-items:center;min-height:44px}}@media (min-width: 760px){.fb .stepper-foot .btn{min-width:160px}.fb .stepper-body{max-width:760px}}.fb-detail{display:flex;flex-direction:column;gap:var(--sp-5)}.fb-group{border:0;margin:0;padding:0;min-width:0}.fb-group>legend{padding:0}.fb-compliments{width:96px}.fb-ack{padding-top:var(--sp-6)}.fb-ack-aside{display:none}.fb-ack-main{display:flex;flex-direction:column;gap:var(--sp-4);align-items:flex-start}.fb-ack-text{max-width:18ch;outline:none}.fb-ack-link{display:inline-flex;align-items:center;min-height:44px}@media (min-width: 760px){.fb-ack{padding-top:var(--sp-7)}.fb-ack-aside{display:block}.fb-ack-text{max-width:20ch}}.pages-plain{display:flex;flex-direction:column;gap:12px;padding-top:clamp(24px,10vh,120px)}.pages-plain .lnk{display:inline-flex;align-items:center;min-height:44px}.profile-grid{display:flex;flex-direction:column;gap:14px;padding-top:clamp(16px,4vh,40px)}.profile-text{display:flex;flex-direction:column;min-width:0}.profile-name{font-weight:600;margin-top:6px;max-width:18ch;overflow-wrap:anywhere}.profile-bio{margin-top:14px}.profile-sig-label{margin-top:32px}.profile-media{width:min(60%,240px)}.profile-img{aspect-ratio:1;width:100%;max-width:480px;overflow:hidden;background:var(--tile)}.profile-sig{display:flex;flex-direction:column;gap:2px}.profile-foot{margin-top:26px}.profile-foot .lnk{display:inline-flex;align-items:center;min-height:44px}@media (min-width: 1000px){.profile-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:8px;align-items:start}.profile-text{grid-column:1 / 7;grid-row:1}.profile-sig{grid-column:1 / 7;grid-row:2}.profile-foot{grid-column:1 / 7;grid-row:3;margin-top:32px}.profile-media{grid-column:8 / 13;grid-row:1 / span 3;width:100%}}.page-rail{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.prose{min-width:0;padding-bottom:72px}.prose .txt{max-width:60ch}@media (min-width: 760px){.page-rail{padding-bottom:0;border-bottom:0}.prose{padding-bottom:88px}}.page-nav{position:fixed;right:var(--pad);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40}@media (max-width: 759px){.has-bottombar .page-nav{bottom:calc(var(--nav-bottom) + 16px)}}