:root{color-scheme:dark light;--bg: #0c0a09;--fg: #f0e9db;--muted: #9a9186;--accent: #b03a2e;--gold: #c9a961;--gold-bright: #e8d5a3;--gold-ink: #e8d5a3;--gold-muted: #8a7a55;--line: rgba(201, 169, 97, .16);--amb-gold: rgba(201, 169, 97, .09);--amb-red: rgba(176, 58, 46, .06);--card-top: #191411;--card-bottom: #131009;--input-bg: #100d0b;--tabbar-bg: rgba(12, 10, 9, .82);--modal-top: #1a1512;--modal-bottom: #131009;--mask: rgba(4, 3, 2, .66);--bar-top: #f6eed9;--bar-bottom: #d9c795;--bar-glow: rgba(201, 169, 97, .22);--keyline-fg: #f6efdf;--banner-fg: #d8c9a8;--btn-fg: #1c1408;--inset-highlight: rgba(255, 251, 235, .04);--shadow-card: 0 14px 36px rgba(0, 0, 0, .38);--shadow-btn: 0 10px 28px rgba(0, 0, 0, .5), 0 2px 8px rgba(201, 169, 97, .18);--shadow-soft: 0 6px 20px rgba(0, 0, 0, .35);--shadow-deep: 0 22px 56px rgba(0, 0, 0, .6);--shadow-modal: 0 -24px 64px rgba(0, 0, 0, .6);--hold-hi: rgba(255, 238, 200, .13);--hold-core: #251a11;--hold-edge: #0f0c0a}@media(prefers-color-scheme:light){:root{--bg: #f7f3ea;--fg: #1d1811;--muted: #6d6455;--accent: #9c3427;--gold: #a8862f;--gold-bright: #d8bb70;--gold-ink: #7d6220;--gold-muted: #786435;--line: rgba(138, 110, 45, .26);--amb-gold: rgba(201, 169, 97, .16);--amb-red: rgba(176, 58, 46, .05);--card-top: #fffdf8;--card-bottom: #f7f1e3;--input-bg: #fffdf8;--tabbar-bg: rgba(247, 243, 234, .88);--modal-top: #fffdf8;--modal-bottom: #f5efe1;--mask: rgba(60, 48, 26, .34);--bar-top: #4a3f2c;--bar-bottom: #262016;--bar-glow: rgba(120, 96, 40, .18);--keyline-fg: #171208;--banner-fg: #5a4a22;--btn-fg: #241a06;--inset-highlight: rgba(255, 255, 255, .7);--shadow-card: 0 10px 26px rgba(96, 76, 34, .1);--shadow-btn: 0 8px 20px rgba(120, 92, 30, .22), 0 2px 6px rgba(120, 92, 30, .12);--shadow-soft: 0 5px 16px rgba(96, 76, 34, .1);--shadow-deep: 0 16px 40px rgba(96, 76, 34, .16);--shadow-modal: 0 -18px 48px rgba(96, 76, 34, .18);--hold-hi: rgba(255, 255, 255, .85);--hold-core: #fdfaf1;--hold-edge: #ece3cf}}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:"Noto Serif SC",Songti SC,STSong,serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 55% at 50% -12%,var(--amb-gold),transparent 62%),radial-gradient(90% 40% at 50% 112%,var(--amb-red),transparent 60%),var(--bg)}::selection{background:#c9a9614d}.screen{min-height:100dvh;padding:28px 20px 104px;max-width:480px;margin:0 auto}.muted{color:var(--muted)}button{font-family:inherit}h1{font-weight:600;letter-spacing:6px;display:flex;align-items:center;gap:12px}h1:after{content:"";width:12px;height:12px;border-radius:3px;background:linear-gradient(145deg,#c14639,#8e2d23);box-shadow:0 0 10px #b03a2e73}h2{font-weight:600;letter-spacing:3px}.btn{display:block;width:100%;padding:16px;border-radius:14px;border:none;background:linear-gradient(160deg,var(--gold-bright) 0%,#cfae62 46%,#a67d2e 100%);color:var(--btn-fg);font-size:18px;font-weight:600;letter-spacing:2px;cursor:pointer;box-shadow:inset 0 1px #fffbeb66,var(--shadow-btn);transition:transform .15s ease,box-shadow .3s ease,filter .3s ease}.btn:active{transform:translateY(1px) scale(.995);filter:brightness(.96)}.btn small{color:#1c1408b8;letter-spacing:1px}.btn.secondary{background:linear-gradient(180deg,#c9a96112,#c9a96105);color:var(--fg);border:1px solid rgba(201,169,97,.32);box-shadow:var(--shadow-soft)}.btn.secondary small{color:var(--muted)}.card{background:linear-gradient(180deg,var(--card-top) 0%,var(--card-bottom) 100%);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:inset 0 1px 0 var(--inset-highlight),var(--shadow-card)}.hexfig{display:flex;flex-direction:column;gap:9px;width:128px;margin:0 auto}.hexfig.sm{width:60px;gap:4px}.yao{display:flex;gap:13px;height:13px;opacity:0;transform:translateY(7px);transition:opacity .55s ease,transform .55s ease}.hexfig.sm .yao{height:6px;gap:6px}.yao.shown{opacity:1;transform:none}.bar{background:linear-gradient(180deg,var(--bar-top) 0%,var(--bar-bottom) 100%);border-radius:3px;flex:1;box-shadow:0 0 8px var(--bar-glow),inset 0 -1px #00000040}.yao.moving .bar{background:linear-gradient(180deg,#d05a4a,#9e3327);box-shadow:0 0 16px #c04a3aa6,inset 0 1px #ffc8b459}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:#c9a9610a;color:var(--fg);cursor:pointer;font-size:14px;letter-spacing:1px;transition:border-color .2s ease,color .2s ease,background .2s ease}.chip.on{border-color:var(--gold);color:var(--gold-ink);background:#c9a9611f;box-shadow:0 0 14px #c9a96124}textarea,input[type=text],input[type=number]{width:100%;background:var(--input-bg);color:var(--fg);border:1px solid var(--line);border-radius:13px;padding:14px;font-size:16px;font-family:inherit;box-shadow:inset 0 2px 8px #00000014;transition:border-color .25s ease,box-shadow .25s ease}textarea:focus,input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--gold);box-shadow:inset 0 2px 8px #00000014,0 0 0 3px #c9a9612e}textarea{min-height:110px;resize:vertical}.field{margin:16px 0}.label{display:block;margin-bottom:8px;color:var(--gold-muted);font-size:13px;letter-spacing:2px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tabbar-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(201,169,97,.35),transparent) 1;padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:15px 0;color:var(--muted);text-decoration:none;font-size:14px;letter-spacing:2px;transition:color .2s ease,text-shadow .2s ease}.tabbar a.active{color:var(--gold-ink);text-shadow:0 0 14px rgba(201,169,97,.45)}.banner{background:linear-gradient(180deg,#c9a9611a,#c9a9610a);border:1px solid rgba(201,169,97,.22);color:var(--banner-fg);padding:11px 16px;font-size:13px;text-align:center;letter-spacing:.5px}.modal-mask{position:fixed;inset:0;background:var(--mask);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:flex-end;z-index:10}.modal{background:linear-gradient(180deg,var(--modal-top) 0%,var(--modal-bottom) 100%);border-top:1px solid rgba(201,169,97,.3);border-radius:20px 20px 0 0;padding:26px 20px 34px;width:100%;box-shadow:var(--shadow-modal)}.section-title{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:4px;color:var(--gold-muted);margin:30px 0 12px}.section-title:before{content:"◆";font-size:7px;color:var(--gold);opacity:.75}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,169,97,.3),transparent)}.keyline{font-size:27px;line-height:1.65;margin:8px 0;color:var(--keyline-fg);letter-spacing:1px;text-shadow:0 0 24px rgba(201,169,97,.12)}.badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:12px;letter-spacing:1px;background:linear-gradient(150deg,#b8453a,#8e2d23);color:#f6e3de;box-shadow:0 2px 10px #b03a2e59}.badge.gray{background:#c9a9611a;color:var(--muted);box-shadow:none;border:1px solid var(--line)}.breath-circle{width:190px;height:190px;border-radius:50%;border:1px solid rgba(201,169,97,.55);background:radial-gradient(circle at 50% 42%,rgba(201,169,97,.07),transparent 68%);box-shadow:0 0 0 12px #c9a9610a,0 0 46px #c9a96124;margin:52px auto;display:flex;align-items:center;justify-content:center;transition:transform 4s ease-in-out,box-shadow 1s}.hold-btn{width:210px;height:210px;border-radius:50%;border:1px solid rgba(201,169,97,.5);background:radial-gradient(circle at 34% 28%,var(--hold-hi),transparent 46%),radial-gradient(circle at 50% 58%,var(--hold-core) 0%,var(--hold-edge) 72%);color:var(--fg);font-size:15px;line-height:1.9;letter-spacing:1px;white-space:pre-line;margin:34px auto;display:block;cursor:pointer;touch-action:none;box-shadow:0 0 0 10px #c9a9610d,0 0 0 11px #c9a9611f,var(--shadow-deep),inset 0 1px 0 var(--inset-highlight);transition:box-shadow .6s ease}.hold-btn.holding{animation:glow 2.6s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 0 10px #c9a9610d,0 0 0 11px #c9a96124,0 0 34px #c9a9614d,var(--shadow-deep)}50%{box-shadow:0 0 0 10px #c9a96114,0 0 0 11px #c9a96138,0 0 88px #b03a2e8c,var(--shadow-deep)}}.center{text-align:center}.list-item{display:block;text-decoration:none;color:inherit;margin-bottom:12px;transition:border-color .2s ease}.list-item:active{border-color:var(--gold)}.rating-row{display:flex;gap:10px;margin:12px 0}.rating-row .chip{flex:1;text-align:center}.error-text{color:var(--accent);font-size:13px;margin-top:6px}details summary{cursor:pointer}details summary::marker{color:var(--gold-muted)}@media(prefers-reduced-motion:reduce){.hold-btn.holding{animation:none}.yao,.btn,.breath-circle{transition:none}}