:root{--bg-deep:#2e3214;--bg-olive:#404821;--ink:#eee8d5;--ink-60:#eee8d599;--ink-40:#eee8d566;--ink-20:#eee8d533;--ink-08:#eee8d514;--accent:#eee8d5;--term-green:#8fa840;--clay-light:#f4efe6;--clay-base:#e8e0d0;--font-display:"Cormorant Garamond", "Noto Serif SC", serif;--font-body:"Noto Serif SC", serif;--tabbar-h:64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(120% 90% at 50% 0%, var(--bg-olive) 0%, var(--bg-deep) 68%);color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;font-weight:300}.app{flex-direction:column;max-width:560px;height:100%;margin:0 auto;display:flex;position:relative}.page{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px);flex:1;position:relative;overflow:hidden auto}.tabbar{width:100%;max-width:560px;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--ink-08);z-index:50;background:linear-gradient(#1e210cd1,#1e210cf5);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar button{color:var(--ink-40);font-family:var(--font-body);letter-spacing:.12em;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;transition:color .25s;display:flex;position:relative}.tabbar button.active{color:var(--ink)}.tabbar .tab-icon{font-size:19px;line-height:1;font-family:var(--font-display)}.tabbar .draft-dot{background:var(--term-green);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:calc(50% - 18px)}.page-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--ink);font-size:34px;font-weight:500}.page-subtitle{letter-spacing:.28em;color:var(--ink-40);text-transform:uppercase;font-size:12px}.btn-primary{font-family:var(--font-body);background:var(--ink);color:var(--bg-deep);letter-spacing:.14em;cursor:pointer;border:none;border-radius:999px;padding:13px 28px;font-size:14px;transition:transform .15s,opacity .2s}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.35;cursor:default}.btn-ghost{font-family:var(--font-body);color:var(--ink-60);border:1px solid var(--ink-20);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:999px;padding:9px 18px;font-size:12px}.floaters{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.floaters span{background:#e1f5af80;border-radius:50%;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)}12%{opacity:var(--o,.5)}88%{opacity:var(--o,.5)}to{transform:translateY(-46vh) translateX(var(--dx,8px));opacity:0}}.sound-toggle{top:calc(12px + env(safe-area-inset-top,0px));z-index:210;border:1px solid var(--ink-20);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1e210cb3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;position:fixed;right:12px}::-webkit-scrollbar{width:0;height:0}.daily{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.daily-head{z-index:2;padding:26px 20px 4px;position:relative}.daily-term{align-items:baseline;gap:10px;display:flex}.daily-term .term-name{font-family:var(--font-display);letter-spacing:.14em;color:var(--ink);font-size:24px;font-weight:500}.daily-term .term-name:before{content:"·";color:var(--term-green);margin-right:8px}.daily-term .term-en{letter-spacing:.24em;color:var(--ink-40);text-transform:uppercase;font-size:11px}.daily-countdown{color:var(--ink-40);letter-spacing:.12em;margin-top:4px;font-size:11px}.daily-meta{text-align:right;color:var(--ink-40);letter-spacing:.1em;font-size:10px;line-height:1.7;position:absolute;top:28px;right:20px}.daily h1{font-family:var(--font-display);letter-spacing:.08em;margin-top:18px;font-size:38px;font-weight:500}.daily-sub{color:var(--ink-40);letter-spacing:.14em;margin-top:4px;font-size:12px}.bubble-field{z-index:1;flex:1;min-height:0;position:relative}.bubble{cursor:pointer;background:radial-gradient(circle at 32% 26%,#ffffff47,#ffffff12 58%,#ffffff05);border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s,opacity .4s;animation:ease-in-out infinite alternate bubbleFloat;display:flex;position:absolute;box-shadow:inset 0 0 24px #ffffff1a,0 6px 22px #00000029}.bubble.picked{border-color:#eee8d5d9;transform:scale(1.08);box-shadow:inset 0 0 30px #fff3,0 6px 26px #00000038}.bubble.missed{opacity:.28;filter:saturate(.6)}.bubble .check{background:var(--ink);width:20px;height:20px;color:var(--bg-deep);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:6%;right:8%}.bubble .cat-tag{letter-spacing:.2em;color:var(--ink-40);white-space:nowrap;font-size:10px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}@keyframes bubbleFloat{0%{margin-top:0}to{margin-top:-12px}}.daily-foot{padding:8px 20px calc(14px + env(safe-area-inset-bottom,0px) + var(--tabbar-h));z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.daily-foot .note{color:var(--ink-40);letter-spacing:.12em;font-size:11px}.daily-foot .btn-primary{width:100%}.daily-collected{color:var(--ink-40);z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.daily-collected .big{font-size:44px;font-family:var(--font-display);color:var(--ink-20)}.studio{flex-direction:column;height:100%;display:flex;overflow:hidden}.studio-head{justify-content:space-between;align-items:baseline;padding:18px 18px 8px;display:flex}.studio-canvas-wrap{background:radial-gradient(100% 80% at 50% 30%, #eee8d50d, #0000001f), var(--bg-olive);border:1px solid var(--ink-08);touch-action:none;border-radius:18px;flex:1;min-height:0;margin:0 14px;position:relative;overflow:hidden}.studio-canvas-wrap canvas{touch-action:none}.canvas-tools{flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:10px}.canvas-tools .icon-btn{background:#1e210cd9;width:32px;height:30px;font-size:14px}.canvas-tools .icon-btn:disabled{opacity:.35}.icon-btn.on{border-color:var(--ink);color:var(--ink);background:#eee8d524}.canvas-tip{text-align:center;letter-spacing:.2em;color:var(--ink-20);pointer-events:none;font-size:10px;position:absolute;top:8px;left:0;right:0}.canvas-hint{color:var(--ink-20);letter-spacing:.2em;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.canvas-hint .big{font-size:40px;font-family:var(--font-display)}.part-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ink-08);background:#1e210ce6;border-radius:12px;flex-direction:column;gap:5px;padding:7px 9px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.part-controls .row{align-items:center;gap:7px;display:flex}.part-controls label{color:var(--ink-40);letter-spacing:.08em;flex-shrink:0;width:26px;font-size:10px}.part-controls input[type=range]{accent-color:var(--ink);flex:1;min-width:0;height:16px}.part-controls .collapse-btn{border:1px solid var(--ink-20);width:30px;height:20px;color:var(--ink-60);cursor:pointer;background:#1e210cf2;border-radius:8px;font-size:11px;line-height:1;position:absolute;top:-12px;right:10px}.ctrl-chip{border:1px solid var(--ink-20);color:var(--ink);font-size:12px;font-family:var(--font-body);letter-spacing:.08em;cursor:pointer;background:#1e210ceb;border-radius:999px;padding:8px 14px;position:absolute;bottom:10px;right:10px}.icon-btn{border:1px solid var(--ink-20);color:var(--ink-60);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;width:28px;height:26px;font-size:12px}.icon-btn:active{background:var(--ink-08)}.swatches{flex:1;align-items:center;gap:6px;display:flex;overflow-x:auto}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:20px;height:20px}.swatch.active{border-color:var(--ink)}.studio-tray{flex-shrink:0;padding:8px 14px 6px}.tray-tabs{gap:6px;margin-bottom:6px;display:flex;overflow-x:auto}.tray-tabs button{color:var(--ink-40);font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:5px 10px;font-size:12px}.tray-tabs button.active{color:var(--bg-deep);background:var(--ink)}.tray-list{gap:8px;padding:4px 0 6px;display:flex;overflow-x:auto}.tray-item{background:var(--ink-08);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;width:74px;padding:6px 2px 4px;display:flex;position:relative}.tray-item:active{border-color:var(--ink-40)}.tray-item .nm{color:var(--ink-40);letter-spacing:.04em;margin-top:2px;font-size:10px}.tray-item .new-star{color:var(--term-green);font-size:11px;position:absolute;top:4px;right:6px}.studio-actions{padding:4px 14px calc(10px + env(safe-area-inset-bottom,0px) + var(--tabbar-h));align-items:center;gap:10px;display:flex}.studio-actions .btn-primary{flex:1}.modal-mask{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#141608b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--ink-20);text-align:center;background:linear-gradient(160deg,#3a4120,#2b3013);border-radius:20px;width:100%;max-width:340px;padding:26px 22px}.modal h3{font-family:var(--font-display);letter-spacing:.1em;margin-bottom:4px;font-size:22px;font-weight:500}.modal .sub{color:var(--ink-40);letter-spacing:.2em;margin-bottom:18px;font-size:11px}.modal input{background:var(--ink-08);border:1px solid var(--ink-20);width:100%;color:var(--ink);font-family:var(--font-body);text-align:center;border-radius:12px;outline:none;margin-bottom:18px;padding:12px;font-size:16px}.modal input:focus{border-color:var(--ink-40)}.modal .btns{gap:10px;display:flex}.modal .btns>*{flex:1}.pub-anim{z-index:150;perspective:900px;background:radial-gradient(110% 90% at 50% 30%,#404821f5,#1d2109fa);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:fixed;inset:0}.pub-plant{animation:4.2s cubic-bezier(.55,0,.8,.35) forwards pubFly}@keyframes pubFly{0%{filter:drop-shadow(0 0 #e8f5b000);opacity:0;transform:scale(.7)}10%{opacity:1}28%{filter:drop-shadow(0 0 26px #e8f5b0d9);transform:scale(1)}66%{filter:drop-shadow(0 0 38px #e8f5b0f2);opacity:1;transform:scale(1.04)}to{filter:drop-shadow(0 0 8px #e8f5b099);opacity:0;transform:scale(.04)translateY(48vh)}}.pub-text{letter-spacing:.22em;color:var(--ink-60);font-size:13px;animation:.8s .3s both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.intro-mask{z-index:200;text-align:center;background:radial-gradient(120% 100% at 50% 8%,#47502a 0%,#2e3214 52%,#1d2109 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px;animation:1.2s both introIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes introIn{0%{opacity:0}to{opacity:1}}.intro-mask.leaving{animation:.7s both introOut}@keyframes introOut{to{opacity:0;transform:scale(1.04)}}.intro-star{width:130px;height:130px;margin-bottom:34px;position:relative}.intro-star .orb{background:radial-gradient(circle at 34% 28%,#6b7540,#404821 58%,#262b10);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 60px #e1f5af29,inset -14px -16px 34px #0006}.intro-star .crack{background:#14170a;border-radius:2px;position:absolute}.intro-star .crack.c1{width:74px;height:3px;top:40%;left:14%;transform:rotate(-24deg)}.intro-star .crack.c2{width:48px;height:2px;top:62%;left:38%;transform:rotate(18deg)}.intro-star .crack.c1:after,.intro-star .crack.c2:after{content:"";filter:blur(3px);background:#e1f5af80;animation:2.6s ease-in-out infinite crackPulse;position:absolute;inset:0}@keyframes crackPulse{0%,to{opacity:.15}50%{opacity:.7}}.intro-sprout{transform-origin:bottom;animation:1.6s cubic-bezier(.34,1.56,.64,1) .8s both sproutUp;position:absolute;top:-26px;left:50%;transform:translate(-50%)}@keyframes sproutUp{0%{transform:translate(-50%)scale(0)}to{transform:translate(-50%)scale(1)}}.intro-title-zh{font-family:var(--font-display);letter-spacing:.3em;color:var(--ink);margin-right:-.3em;font-size:44px;font-weight:500;animation:1s .35s both riseIn}.intro-title-en{letter-spacing:.5em;color:var(--ink-40);text-transform:uppercase;margin-top:10px;margin-right:-.5em;font-size:11px;animation:1s .55s both riseIn}.intro-story{color:var(--ink-60);letter-spacing:.12em;max-width:300px;margin-top:30px;font-size:14px;line-height:2.4;animation:1.2s .85s both riseIn}.intro-story em{color:var(--ink);font-style:normal}.intro-enter{margin-top:44px;animation:1.2s 1.3s both riseIn}.intro-skip{bottom:max(22px, env(safe-area-inset-bottom,0px));letter-spacing:.2em;color:var(--ink-20);cursor:pointer;background:0 0;border:none;font-size:11px;position:absolute}