.hdr{position:relative;display:flex;align-items:center;gap:8px;padding:10px max(16px,calc((100% - 1280px)/2));background:#0e1210;color:#f2ead8;border-bottom:1px solid rgba(242,234,216,.1)}.hdr--sticky{position:sticky;top:0;z-index:30;height:var(--site-h, 64px);padding-block:0}.hdr a{color:inherit;text-decoration:none}.hdr-logo{display:flex;align-items:center;margin-right:auto}.hdr-logo img{display:block;height:44px;width:auto}.hdr-nav{display:flex;gap:6px;align-items:center}.hdr-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font-weight:600;font-size:14px}.hdr-nav a:hover{background:#e8a33d;color:#0e1210}.hdr-nav a[aria-current=page],.mnav a[aria-current=page]{color:#e8a33d}.hdr-nav a[aria-current=page]:hover{color:#0e1210}.hdr-burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid rgba(242,234,216,.18);background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;list-style:none}.hdr-burger::-webkit-details-marker{display:none}.hdr-burger span{display:block;width:18px;height:2px;background:#f2ead8;border-radius:2px;transition:transform .2s,opacity .2s}.hdr-burger[aria-expanded=true] span:nth-child(1),.hdr-menu[open] .hdr-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hdr-burger[aria-expanded=true] span:nth-child(2),.hdr-menu[open] .hdr-burger span:nth-child(2){opacity:0}.hdr-burger[aria-expanded=true] span:nth-child(3),.hdr-menu[open] .hdr-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hdr-menu{display:none}.hdr-menu .hdr-burger{display:flex}.mnav{position:absolute;top:100%;left:0;right:0;z-index:15;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - var(--site-h, 64px));max-height:calc(100dvh - var(--site-h, 64px));overflow-y:auto;padding:16px 16px 24px;background:#0e1210;border-bottom:1px solid rgba(242,234,216,.1)}.mnav[hidden]{display:none}.mnav a{padding:14px 4px;font-size:20px;font-weight:700;border-bottom:1px solid rgba(242,234,216,.08)}.mnav .mnav-tool{margin-top:12px;padding:16px;border:1px solid #e8a33d;border-radius:14px;display:flex;flex-direction:column;gap:4px}.mnav .mnav-tool b{color:#e8a33d;font-size:18px}.mnav .mnav-tool small{font-size:14px;font-weight:500;color:#b3aa92}@media(max-width:780px){.hdr-nav{display:none}.hdr>.hdr-burger{display:inline-flex}.hdr-menu{display:block}.hdr-logo img{height:34px}}@media(min-width:781px){.mnav{display:none}}:root{--bg: #0e1210;--panel: #141a15;--field: #1a221c;--field-hover: #202a23;--line: #242e27;--line-strong: #34403a;--ink: #f2ead8;--muted: #b3aa92;--faint: #8f8874;--accent: #e8a33d;--accent-hover: #f0b152;--accent-ink: #17120a;--focus: #e8a33d;--stage: #0b0f0d;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .28);--hd: "Lora", Georgia, serif;--bd: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--panel-w: 400px;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #f4efe6;--panel: #fbf8f2;--field: #f2ecdf;--field-hover: #ebe3d3;--line: #e2d9c8;--line-strong: #cbbfa9;--ink: #1c1714;--muted: #5e5546;--faint: #7a705e;--accent: #b9761b;--accent-hover: #a46716;--accent-ink: #fff8ec;--focus: #8f5a12;--stage: #ebe3d3;--shadow-1: 0 2px 8px rgba(60, 40, 10, .12);color-scheme:light}}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--bd);-webkit-text-size-adjust:100%}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:var(--s-3);top:-64px;padding:var(--s-2) var(--s-3);background:var(--accent);color:var(--accent-ink);border-radius:var(--r-xs);z-index:10}.skip-link:focus{top:var(--s-3)}.app{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-w);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"head head" "stage panel" "tips panel" "about about" "foot foot";gap:var(--s-5);max-width:1280px;margin:0 auto;padding:var(--s-5) var(--s-5) var(--s-6)}.app-header{grid-area:head}.app-title{margin:0;font:700 clamp(26px,4vw,38px)/1.15 var(--hd)}.app-lead{margin:var(--s-2) 0 0;color:var(--muted);max-width:60ch}.stage{grid-area:stage;align-self:start;background:var(--stage);border-radius:var(--r-lg);padding:var(--s-5);display:flex;justify-content:center;align-items:flex-start;min-width:0}.poster{display:block;width:100%;max-width:540px;height:auto;aspect-ratio:2 / 3;border-radius:var(--r-md);box-shadow:var(--shadow-1);cursor:pointer;background:var(--bg)}.tips-slot{grid-area:tips;align-self:start;min-width:0}.tips-slot:empty{display:none}.about{grid-area:about;max-width:760px}.about h2{margin:var(--s-6) 0 var(--s-2);font:700 22px/1.25 var(--hd)}.about h2:first-child{margin-top:0}.about h3{margin:var(--s-4) 0 var(--s-1);font:700 15px/1.4 var(--bd)}.about p,.about li{color:var(--muted);max-width:70ch}.about p{margin:0 0 var(--s-3)}.about ul{margin:0 0 var(--s-3);padding-left:var(--s-5)}.about .steps{list-style:none;padding:0;display:grid;gap:var(--s-3)}.about .steps li{padding:var(--s-3) var(--s-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md)}.about .steps b{color:var(--ink)}.about .small{font-size:13px;color:var(--faint)}.panel{grid-area:panel;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-4);min-width:0;align-self:start}.app-footer{grid-area:foot;color:var(--faint);font-size:13px;max-width:80ch}.noscript{grid-column:1 / -1;padding:var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-md)}.group{display:flex;flex-direction:column;gap:var(--s-2)}.lbl{font-weight:600;font-size:13px;color:var(--muted)}.hint{margin:0;font-size:13px;color:var(--faint)}.field{width:100%;height:40px;padding:0 var(--s-3);background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);font:inherit}.field:hover{background:var(--field-hover)}.field::placeholder{color:var(--faint)}.seg{display:flex;gap:var(--s-1);background:var(--field);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s-1)}.seg-btn{flex:1;min-height:34px;padding:0 var(--s-2);border:0;border-radius:var(--r-xs);background:transparent;color:var(--muted);font:600 13px var(--bd);cursor:pointer}.seg-btn:hover{color:var(--ink)}.seg-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.slot{min-height:44px;padding:var(--s-1) var(--s-2);background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);font:500 12px/1.25 var(--bd);cursor:pointer;text-align:left;overflow:hidden}.slot:hover{background:var(--field-hover)}.slot[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.slot-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cell-box{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--line)}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1);max-height:280px;overflow:auto}.res{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;text-align:left;cursor:pointer}.res:hover{background:var(--field-hover);border-color:var(--line-strong)}.res-body{display:flex;flex-direction:column;gap:2px;min-width:0}.res-img{flex:none;width:36px;height:54px;object-fit:cover;border-radius:var(--r-xs);background:var(--line)}.res-t{font-weight:600}.res-s{font-size:12px;color:var(--muted)}.res-add{border-style:dashed;background:transparent}.res-add:hover{background:var(--field-hover)}.editions .tips-grid{padding:0;max-height:220px}.res-note{padding:var(--s-2) 0;color:var(--muted);font-size:13px}.manual{border:1px solid var(--line);border-radius:var(--r-md)}.manual>summary{cursor:pointer;padding:var(--s-3) var(--s-4);font-weight:600;font-size:14px;list-style:none}.manual>summary::-webkit-details-marker{display:none}.manual>summary:after{content:"+";float:right;color:var(--muted)}.manual[open]>summary:after{content:"−"}.manual-body{display:flex;flex-direction:column;gap:var(--s-2);padding:0 var(--s-4) var(--s-4)}.tips{border:1px solid var(--line);border-radius:var(--r-md);background:var(--field)}.tips>summary{cursor:pointer;padding:var(--s-3) var(--s-4);font-weight:600;font-size:14px;list-style:none}.tips>summary::-webkit-details-marker{display:none}.tips>summary:after{content:"+";float:right;color:var(--muted)}.tips[open]>summary:after{content:"−"}.tips>.hint{padding:0 var(--s-4) var(--s-3)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--s-2);max-height:340px;overflow-y:auto;padding:0 var(--s-4) var(--s-3)}.tips-grid+.hint,.tips-more+.hint{padding-top:var(--s-3)}.tips-more{display:none;margin:0 var(--s-4) var(--s-3);padding:0;border:0;background:none;color:var(--accent);font:600 13px var(--bd);cursor:pointer;text-decoration:underline;text-underline-offset:3px}@media(min-width:881px){.tips>summary{cursor:default;pointer-events:none}.tips>summary:after{content:none}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:var(--row-h, 130px);overflow:hidden}.tips.expanded .tips-grid{max-height:420px;overflow-y:auto}.tips-more{display:inline-block}}.tip{position:relative;aspect-ratio:2 / 3;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--r-xs);background:var(--line);color:var(--ink);cursor:pointer;font:600 10px/1.2 var(--bd)}.tip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tip img+.tip-t{display:none}.tip-t{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;text-align:center;overflow:hidden}.tip:hover{border-color:var(--line-strong)}.tip[aria-pressed=true]{border-color:var(--accent)}.tip[aria-pressed=true]:after{content:"";position:absolute;inset:0;background:#00000073}.row{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-2)}.row.end,.row.tools{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--s-4);background:var(--field);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-sm);font:600 13px var(--bd);cursor:pointer}.btn:hover{background:var(--field-hover)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);width:100%;min-height:48px;font-size:15px}.btn-primary:hover{background:var(--accent-hover)}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-input:focus-visible+.btn,label.btn:focus-within{outline:2px solid var(--focus);outline-offset:2px}.toasts{position:fixed;left:50%;bottom:var(--s-5);transform:translate(-50%);display:flex;flex-direction:column;gap:var(--s-2);width:min(92vw,480px);z-index:20}.toast{background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-1);font-size:14px}@media(max-width:880px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "panel" "about" "foot";padding:var(--s-4) 16px var(--s-5);gap:var(--s-4)}.stage{padding:var(--s-3)}.tips-slot{display:none}.panel{padding:var(--s-4)}}@media(prefers-reduced-motion:no-preference){.seg-btn,.btn,.slot,.res,.field{transition:background-color .15s,border-color .15s,color .15s}}