:root{--bg: #FDFBF7;--bg-soft: #F5F1E8;--bg-card: #FFFFFF;--bg-float: rgba(255,255,255,.82);--text: #2A2E38;--text-soft: #6B7280;--text-mute: #9AA0A6;--primary: #2F6B5C;--primary-2: #6DB6A2;--primary-soft: #E8F2EE;--accent: #D98F5E;--water: #4DA8B7;--rest: #8B7EC2;--eye: #2F6B5C;--border: rgba(47,107,92,.1);--border-strong: rgba(47,107,92,.22);--shadow-sm: 0 2px 10px rgba(31,42,68,.05);--shadow-md: 0 10px 40px rgba(31,42,68,.08);--shadow-lg: 0 24px 60px rgba(31,42,68,.12);--radius-sm: 10px;--radius: 18px;--radius-lg: 28px}[data-theme=sakura]{--primary: #C96A84;--primary-2: #F5B9C7;--primary-soft: #FCE8EF;--bg-soft: #FBF2F4;--border: rgba(201,106,132,.1);--border-strong: rgba(201,106,132,.22);--accent: #D49C49}[data-theme=night]{--primary: #3F5D9B;--primary-2: #7A95CF;--primary-soft: #DEE6F6;--bg-soft: #EEF2FA;--border: rgba(63,93,155,.1);--border-strong: rgba(63,93,155,.22);--accent: #E08F5C}[data-theme=minimal]{--primary: #3A3A3A;--primary-2: #8E8E8E;--primary-soft: #EFEFEF;--bg-soft: #F4F4F4;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.18);--accent: #2F6B5C}[data-mode=dark]{--bg: #121826;--bg-soft: #1A2235;--bg-card: #1F2A44;--bg-float: rgba(31,42,68,.9);--text: #E8ECF4;--text-soft: #9AA5BD;--text-mute: #65708C;--primary-soft: rgba(109,182,162,.14);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.16);--shadow-sm: 0 2px 10px rgba(0,0,0,.3);--shadow-md: 0 10px 40px rgba(0,0,0,.45);--shadow-lg: 0 24px 60px rgba(0,0,0,.55)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:LXGW WenKai,Fraunces,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;background-image:radial-gradient(ellipse at 10% 0%,var(--primary-soft) 0%,transparent 45%),radial-gradient(ellipse at 90% 100%,rgba(217,143,94,.1) 0%,transparent 40%);background-attachment:fixed}[data-mode=dark] body{background-image:radial-gradient(ellipse at 10% 0%,rgba(109,182,162,.1) 0%,transparent 45%),radial-gradient(ellipse at 90% 100%,rgba(217,143,94,.06) 0%,transparent 40%)}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.font-display{font-family:Fraunces,LXGW WenKai,serif;letter-spacing:.01em}.font-body{font-family:LXGW WenKai,PingFang SC,sans-serif}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);filter:brightness(1.05)}.btn-primary:disabled{background:var(--primary-2);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--bg-soft)}.btn-danger{background:#c25450;color:#fff}.btn-block{width:100%}.btn-lg{padding:14px 26px;font-size:15px;border-radius:14px}.form-item{margin-bottom:18px}.form-label{display:block;margin-bottom:8px;font-size:13px;color:var(--text-soft)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.form-textarea{resize:vertical;min-height:90px}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px}.card-title{font-family:Fraunces,serif;font-size:20px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:10px}.card-sub{color:var(--text-soft);font-size:13px}.page{max-width:1240px;margin:0 auto;padding:32px 28px 80px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-family:Fraunces,serif;font-size:32px;font-weight:700;margin:0;line-height:1.2}.page-subtitle{color:var(--text-soft);font-size:14px;margin-top:6px}.progress{width:100%;height:8px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-2),var(--primary));border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.progress-water .progress-bar{background:linear-gradient(90deg,#7fc8d6,#4da8b7)}.progress-rest .progress-bar{background:linear-gradient(90deg,#b7a8de,#8b7ec2)}.progress-eye .progress-bar{background:linear-gradient(90deg,var(--primary-2),var(--primary))}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--bg-soft);border:1px solid var(--border);transition:.25s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:50%;transform:translateY(-50%);background:#fff;border-radius:50%;transition:.25s;box-shadow:0 2px 6px #00000026}input:checked+.slider{background:var(--primary);border-color:var(--primary)}input:checked+.slider:before{transform:translate(20px,-50%)}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;background:var(--primary-soft);color:var(--primary);font-weight:500}.tag-water{background:#4da8b71f;color:var(--water)}.tag-rest{background:#8b7ec224;color:var(--rest)}.tag-eye{background:var(--primary-soft);color:var(--eye)}.badge{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--bg-soft);border:2px dashed var(--border);transition:transform .3s ease;position:relative}.badge.unlocked{background:linear-gradient(135deg,var(--primary-soft),var(--bg-card));border:2px solid var(--primary-2);box-shadow:0 0 0 4px #6db6a214,var(--shadow-sm)}.badge.unlocked:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:radial-gradient(circle,rgba(109,182,162,.2),transparent 70%);z-index:-1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-up{animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) both}.breathe{animation:breathe 3s ease-in-out infinite}.slide-in{animation:slideInRight .4s cubic-bezier(.2,.8,.2,1) both}.stagger>*{animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-2)}.toast-wrap{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{min-width:240px;max-width:380px;padding:14px 18px;background:var(--bg-float);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-size:14px;color:var(--text);animation:slideInRight .3s cubic-bezier(.2,.8,.2,1) both}.toast.success{border-left:4px solid var(--primary)}.toast.error{border-left:4px solid #C25450}.toast.info{border-left:4px solid var(--water)}.toast.warn{border-left:4px solid var(--accent)}