:root{--bg: #0c0a09;--fg: #f0e9db;--muted: #9a9186;--accent: #b03a2e;--gold: #c9a961;--gold-bright: #e8d5a3;--gold-muted: #8a7a55;--card: #16120f;--line: rgba(201, 169, 97, .16)}*{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%,rgba(201,169,97,.09),transparent 62%),radial-gradient(90% 40% at 50% 112%,rgba(176,58,46,.06),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:#1c1408;font-size:18px;font-weight:600;letter-spacing:2px;cursor:pointer;box-shadow:inset 0 1px #fffbeb66,0 10px 28px #00000080,0 2px 8px #c9a9612e;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:0 6px 20px #00000059}.btn.secondary small{color:var(--muted)}.card{background:linear-gradient(180deg,#191411,#131009);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:inset 0 1px #fffbeb0a,0 14px 36px #00000061}.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,#f6eed9,#d9c795);border-radius:3px;flex:1;box-shadow:0 0 8px #c9a96138,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 rgba(201,169,97,.2);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-bright);background:#c9a9611f;box-shadow:0 0 14px #c9a96124}textarea,input[type=text],input[type=number]{width:100%;background:#100d0b;color:var(--fg);border:1px solid rgba(201,169,97,.18);border-radius:13px;padding:14px;font-size:16px;font-family:inherit;box-shadow:inset 0 2px 8px #0006;transition:border-color .25s ease,box-shadow .25s ease}textarea:focus,input[type=text]:focus,input[type=number]:focus{outline:none;border-color:#c9a9618c;box-shadow:inset 0 2px 8px #0006,0 0 0 3px #c9a9611f}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:#0c0a09d1;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-bright);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:#d8c9a8;padding:11px 16px;font-size:13px;text-align:center;letter-spacing:.5px}.modal-mask{position:fixed;inset:0;background:#040302a8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:flex-end;z-index:10}.modal{background:linear-gradient(180deg,#1a1512,#131009);border-top:1px solid rgba(201,169,97,.3);border-radius:20px 20px 0 0;padding:26px 20px 34px;width:100%;box-shadow:0 -24px 64px #0009}.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:#f6efdf;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 rgba(201,169,97,.14)}.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%,rgba(255,238,200,.13),transparent 46%),radial-gradient(circle at 50% 58%,#251a11,#0f0c0a 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,0 22px 56px #0009,inset 0 1px #fffbeb14;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,0 22px 56px #0009}50%{box-shadow:0 0 0 10px #c9a96114,0 0 0 11px #c9a96138,0 0 88px #b03a2e8c,0 22px 56px #0009}}.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:#c9a96166}.rating-row{display:flex;gap:10px;margin:12px 0}.rating-row .chip{flex:1;text-align:center}.error-text{color:#d05a4a;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}}