html{height:100vh;height:-webkit-fill-available;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:root{--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--font-chinese: "Noto Serif SC", "Noto Sans SC", "PingFang SC", sans-serif;--bg-app: radial-gradient(circle at 50% 0%, #0d2827 0%, #051010 100%);--bg-card: rgba(12, 38, 36, .65);--border-color: rgba(13, 242, 201, .15);--border-focus: rgba(13, 242, 201, .5);--text-main: #e2f5f3;--text-muted: #83aba8;--text-inverse: #030e0d;--primary: #0df2c9;--primary-glow: rgba(13, 242, 201, .3);--primary-dark: #078a73;--primary-light: #80f9e3;--accent-blue: #00b4d8;--accent-purple: #9d4edd;--success: #2ec4b6;--success-glow: rgba(46, 196, 182, .25);--danger: #ff5a5f;--danger-glow: rgba(255, 90, 95, .25);--warning: #ffb703;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-radius: 24px;--btn-radius: 14px}[data-theme=light]{--bg-app: linear-gradient(180deg, #f0f9f8 0%, #d8eae7 100%);--bg-card: rgba(255, 255, 255, .7);--border-color: rgba(7, 138, 115, .15);--border-focus: rgba(7, 138, 115, .4);--text-main: #0c2624;--text-muted: #537572;--text-inverse: #ffffff;--primary: #078a73;--primary-glow: rgba(7, 138, 115, .2);--primary-dark: #045446;--primary-light: #0df2c9;--success: #0b9e8d;--success-glow: rgba(11, 158, 141, .2);--danger: #d94246;--danger-glow: rgba(217, 66, 70, .2);--warning: #d97706;--glass-shadow: 0 8px 32px 0 rgba(7, 138, 115, .1)}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-main);height:100vh;height:-webkit-fill-available;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}#root{width:100%;max-width:480px;height:100vh;height:-webkit-fill-available;display:flex;flex-direction:column;position:relative;box-shadow:0 0 50px #00000080;background:var(--bg-app);overflow:hidden}.glass-panel{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);border-radius:var(--card-radius)}.glass-input{background:#00000040;border:1px solid var(--border-color);border-radius:var(--btn-radius);color:var(--text-main);padding:14px 18px;font-family:var(--font-sans);font-size:16px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}[data-theme=light] .glass-input{background:#fff9}.glass-input:focus{border-color:var(--border-focus);box-shadow:0 0 12px var(--primary-glow)}.btn-primary{background:var(--primary);color:var(--text-inverse);font-family:var(--font-display);font-weight:600;border:none;border-radius:var(--btn-radius);padding:14px 24px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px var(--primary-glow);transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:active{transform:scale(.96);box-shadow:0 2px 6px var(--primary-glow)}.btn-secondary{background:#ffffff0d;color:var(--text-main);font-family:var(--font-sans);font-weight:500;border:1px solid var(--border-color);border-radius:var(--btn-radius);padding:12px 20px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}[data-theme=light] .btn-secondary{background:#00000008}.btn-secondary:active{transform:scale(.97);background:#ffffff1a}.btn-icon{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-main);border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:active{transform:scale(.9);background:var(--primary-glow);border-color:var(--primary)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.animate-shake{animation:shake .4s ease-in-out}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-scaleUp{animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slideUp{animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0df2c933;border-radius:10px}.view-container{padding:20px 20px 0;display:flex;flex-direction:column;flex:1;width:100%;height:100%;overflow:hidden;min-height:0}.view-header{margin-bottom:24px}.view-title{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:10px;letter-spacing:-.5px}.view-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030e0dbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.close-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}[data-theme=light] .close-btn{background:#0000000d}.close-btn:hover{color:var(--primary);background:#0df2c91a;border-color:#0df2c94d}.close-btn:active{transform:scale(.9)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}