:root{--color-bg: #f7f5f2;--color-surface: #ffffff;--color-surface-soft: #f1efeb;--color-text-primary: #151515;--color-text-secondary: #6f6f6f;--color-text-tertiary: #9a9a9a;--color-border: #e7e4df;--color-blue: #4e86e8;--color-blue-soft: #ddeaff;--color-green: #32c86a;--color-green-soft: #ddf7e7;--color-purple: #7950c8;--color-purple-soft: #e8ddf8;--color-yellow: #f4c84a;--color-yellow-soft: #fff2c7;--color-orange: #f28a43;--color-orange-soft: #fce4d4;--color-pink: #f2a7c4;--color-pink-soft: #fbe4ed;--color-accent: #151515;--color-on-accent: #ffffff;--color-nav-glow: rgba(78, 134, 232, .28);--color-overlay: rgba(21, 21, 21, .55);--color-create-card: rgba(40, 40, 40, .72);--color-progress-track: #e8e6e2;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-card: 0 2px 10px rgba(0, 0, 0, .05);--shadow-elevated: 0 6px 20px rgba(0, 0, 0, .08);--nav-h: 72px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif;--ease: ease-out;--dur-micro: .15s;--dur-comp: .21s;--dur-page: .28s}[data-theme=dark]{--color-bg: #151515;--color-surface: #222222;--color-surface-soft: #2b2b2b;--color-text-primary: #f7f7f7;--color-text-secondary: #a8a8a8;--color-text-tertiary: #7d7d7d;--color-border: #333330;--color-blue: #6b9af0;--color-blue-soft: #243552;--color-green: #4ad484;--color-green-soft: #1e3a2a;--color-purple: #9b78db;--color-purple-soft: #33264a;--color-yellow: #f6d36a;--color-yellow-soft: #3d3418;--color-orange: #f5a05e;--color-orange-soft: #3d2b1e;--color-pink: #f4b6cd;--color-pink-soft: #3a2730;--color-accent: #f7f7f7;--color-on-accent: #151515;--color-nav-glow: rgba(107, 154, 240, .35);--color-overlay: rgba(0, 0, 0, .72);--color-create-card: rgba(34, 34, 34, .88);--color-progress-track: #3a3a3a;--shadow-card: 0 2px 10px rgba(0, 0, 0, .28);--shadow-elevated: 0 6px 20px rgba(0, 0, 0, .4)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);background:#d8d2c8;color:var(--color-text-primary);overflow:hidden;position:fixed;inset:0}button,input,textarea,select{font-family:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.desktop-root{height:100%;width:100%;display:grid;place-items:center;padding:16px;overflow:hidden}.app-shell{width:min(402px,100%);height:min(874px,100%);background:var(--color-bg);color:var(--color-text-primary);position:relative;overflow:hidden;border-radius:36px;box-shadow:0 20px 50px #0000002e;display:flex;flex-direction:column;transition:background var(--dur-comp) var(--ease),color var(--dur-comp) var(--ease)}@media(max-width:480px){body{background:var(--color-bg)}.desktop-root{padding:0}.app-shell{position:fixed;inset:0;width:100%;height:100%;height:100svh;max-height:100svh;border-radius:0;box-shadow:none}}.page{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(12px + var(--safe-top)) 16px 12px;animation:pageIn var(--dur-page) var(--ease)}.page.sub{padding-top:calc(8px + var(--safe-top))}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 0;font-size:13px;font-weight:600;color:var(--color-text-primary)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title{margin:0;font-size:22px;line-height:28px;font-weight:700}.icon-btn{width:40px;height:40px;min-width:40px;border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-card);display:grid;place-items:center;color:var(--color-text-primary);transition:transform var(--dur-micro) var(--ease)}.icon-btn.dark{background:var(--color-accent);color:var(--color-on-accent)}.icon-btn:active{transform:scale(.96)}.header-actions{display:flex;gap:8px}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:16px;transition:transform var(--dur-micro) var(--ease)}.card.pressable{cursor:pointer}.card.pressable:active{transform:scale(.98)}.section-label{margin:20px 0 10px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.btn{height:46px;border-radius:12px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--dur-micro) var(--ease),opacity var(--dur-micro) var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);width:100%}.btn-secondary{background:var(--color-surface-soft);color:var(--color-text-primary);width:100%}.btn-danger{background:#f3d6d2;color:#b42318;width:100%}[data-theme=dark] .btn-danger{background:#3a2422;color:#f3b4ac}.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600}.tag-blue{background:var(--color-blue-soft);color:var(--color-blue)}.tag-green{background:var(--color-green-soft);color:#1f8a48}.tag-purple{background:var(--color-purple-soft);color:var(--color-purple)}.tag-orange{background:var(--color-orange-soft);color:var(--color-orange)}.tag-pink{background:var(--color-pink-soft);color:#c45d82}.tag-yellow{background:var(--color-yellow-soft);color:#b8860b}.tag-soft{background:var(--color-surface-soft);color:var(--color-text-secondary)}.progress{height:5px;border-radius:999px;background:var(--color-progress-track);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-blue),var(--color-purple));transition:width var(--dur-comp) var(--ease)}.progress.green>span{background:var(--color-green)}.checkbox{width:22px;height:22px;min-width:22px;border-radius:6px;border:1.5px solid var(--color-border);background:var(--color-surface);display:grid;place-items:center;transition:background var(--dur-micro) var(--ease),border-color var(--dur-micro) var(--ease)}.checkbox.done{background:var(--color-green);border-color:var(--color-green);color:#fff}.checkbox.important{border-color:var(--color-orange)}.search-bar{display:flex;align-items:center;gap:8px;background:var(--color-surface);border-radius:999px;padding:0 14px;height:44px;box-shadow:var(--shadow-card);color:var(--color-text-tertiary)}.search-bar input{border:0;outline:none;background:transparent;width:100%;font-size:14px;color:var(--color-text-primary)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.field label{font-size:12px;color:var(--color-text-secondary);font-weight:600}.input,.textarea{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:14px;padding:12px 14px;font-size:14px;outline:none}.textarea{min-height:120px;resize:vertical;line-height:1.7}.empty{text-align:center;padding:36px 16px;color:var(--color-text-secondary)}.empty h3{margin:8px 0 4px;font-size:16px;color:var(--color-text-primary)}.empty p{margin:0;font-size:13px}.bottom-nav{flex:0 0 auto;position:relative;left:auto;right:auto;bottom:auto;width:100%;height:calc(var(--nav-h) + var(--safe-bottom));padding:6px 10px var(--safe-bottom);background:var(--color-surface);display:grid;grid-template-columns:repeat(5,1fr);align-items:start;z-index:32}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--color-text-secondary);padding-top:4px}.nav-item.active{color:var(--color-text-primary);font-weight:600}.nav-item .nav-ic{width:36px;height:36px;display:grid;place-items:center;border-radius:12px}.nav-item.active .nav-ic.home{background:var(--color-surface-soft)}.nav-plus{width:48px;height:48px;border-radius:16px;background:var(--color-accent);color:var(--color-on-accent);display:grid;place-items:center;box-shadow:0 0 0 5px var(--color-nav-glow);margin-top:-8px;transition:transform var(--dur-micro) var(--ease),border-radius var(--dur-micro) var(--ease)}.nav-plus.open{border-radius:999px}.toast-stack{position:absolute;left:16px;right:16px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}.toast{background:var(--color-accent);color:var(--color-on-accent);border-radius:14px;padding:12px 16px;font-size:13px;font-weight:600;box-shadow:var(--shadow-elevated);animation:toastIn var(--dur-comp) var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.overlay{position:absolute;inset:0;background:var(--color-overlay);z-index:30;animation:fadeIn var(--dur-comp) var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--color-surface);border-radius:24px 24px 0 0;padding:16px 16px calc(20px + var(--safe-bottom));z-index:40;animation:sheetIn var(--dur-comp) var(--ease);box-shadow:var(--shadow-elevated)}@keyframes sheetIn{0%{transform:translateY(16px);opacity:.6}to{transform:none;opacity:1}}.modal{position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);background:var(--color-surface);border-radius:20px;padding:20px;z-index:40;box-shadow:var(--shadow-elevated);animation:fadeIn var(--dur-comp) var(--ease)}.modal h3{margin:0 0 8px;font-size:16px}.modal p{margin:0 0 16px;color:var(--color-text-secondary);font-size:14px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.create-menu{position:absolute;inset:0;z-index:26;background:#464646b8;display:flex;flex-direction:column;padding:calc(48px + var(--safe-top)) 20px calc(var(--nav-h) + var(--safe-bottom) + 8px);animation:fadeIn var(--dur-comp) var(--ease)}.create-menu h2{text-align:center;color:#ffffffc7;font-size:16px;font-weight:600;margin:0 0 18px}.create-item{display:flex;align-items:center;gap:12px;background:var(--color-create-card);color:#fff;border-radius:22px;padding:12px 14px;margin-bottom:10px;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--dur-micro) var(--ease)}.create-item:active{transform:scale(.98)}.create-item .ci-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px}.create-item .ci-text{flex:1}.create-item .ci-text b{display:block;font-size:15px}.create-item .ci-text span{font-size:12px;color:#ffffffa6}.date-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}.date-chip{background:var(--color-surface);border-radius:16px;padding:10px 0 8px;text-align:center;box-shadow:var(--shadow-card)}.date-chip span{display:block;font-size:11px;color:var(--color-text-secondary)}.date-chip b{display:block;font-size:16px;margin:4px 0 6px}.date-chip .dot{width:5px;height:5px;border-radius:99px;margin:0 auto;background:transparent}.date-chip.has .dot{background:var(--color-blue)}.date-chip.active{background:var(--color-accent);color:var(--color-on-accent)}.date-chip.active span,.date-chip.active b{color:var(--color-on-accent)}.date-chip.active .dot{background:#ffffffb3}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--color-text-secondary);font-size:12px}.strike{text-decoration:line-through;color:var(--color-text-tertiary)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:12px 0 14px}.chip-row::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;height:32px;padding:0 12px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);font-size:12px;font-weight:600}.filter-chip.active{background:var(--color-accent);color:var(--color-on-accent);border-color:transparent}.skeleton{background:linear-gradient(90deg,var(--color-surface-soft),var(--color-surface),var(--color-surface-soft));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:16px;height:84px;margin-bottom:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.greeting-date{font-size:11px;letter-spacing:.12em;color:var(--color-text-tertiary);font-weight:600}.greeting{margin:4px 0 0;font-size:26px;line-height:34px;font-weight:700}.avatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(180deg,#9ec4ff,#8b7cf0);color:#fff;display:grid;place-items:center;font-weight:700}.overview-card{background:linear-gradient(135deg,#2a2f3a,#3a3348);color:#fff;border-radius:24px;padding:16px 18px 14px;margin-top:16px}.overview-card .ov-label{font-size:12px;color:#ffffff9e}.overview-stats{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;margin:10px 0 14px}.overview-stats b{font-size:28px;font-weight:700}.overview-stats small{display:block;font-size:12px;color:#ffffff9e;margin-top:2px}.ov-divider{width:1px;height:36px;background:#ffffff2e;justify-self:center}.overview-card .progress{background:#ffffff29}.overview-card .progress>span{background:linear-gradient(90deg,#8eb6ff,#c9a4ff)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-item{background:var(--color-surface);border-radius:18px;box-shadow:var(--shadow-card);padding:12px 6px 10px;text-align:center;font-size:11px;font-weight:600;color:var(--color-text-primary)}.quick-item .qi{font-size:22px;margin-bottom:6px}.module-card{width:100%;text-align:left;margin-bottom:10px}.module-top{display:flex;align-items:center;gap:12px}.module-emoji{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:22px}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.space-card{overflow:hidden;padding:0;text-align:left;width:100%}.space-cover{height:92px;padding:10px 12px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff}.space-cover .emoji{font-size:36px;align-self:flex-end}.space-body{padding:12px}.space-body h3{margin:0;font-size:15px}.new-space{min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--color-surface-soft);color:var(--color-text-secondary);font-weight:600}.task-card{width:100%;text-align:left;margin-bottom:8px}.task-card .task-title{font-size:15px;font-weight:600}.legend{display:flex;gap:12px;margin-top:10px;font-size:11px;color:var(--color-text-secondary)}.legend i{width:7px;height:7px;border-radius:99px;display:inline-block;margin-right:4px}.section-h{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin:16px 0 8px}.streak-card{background:#2b2b2b;color:#fff;border-radius:24px;padding:16px;display:flex;gap:14px;align-items:center}.ring{width:86px;height:86px;border-radius:999px;display:grid;place-items:center;background:conic-gradient(var(--color-green) calc(var(--p) * 1%),#3d3d3d 0)}.ring span{width:66px;height:66px;border-radius:999px;background:#2b2b2b;display:grid;place-items:center;font-weight:700;text-align:center;line-height:1.05;font-size:16px;white-space:pre-line}.streak-dots{display:flex;gap:6px;margin-top:10px}.streak-dots i{width:22px;height:22px;border-radius:99px;background:var(--color-green);color:#fff;font-size:10px;display:grid;place-items:center;font-style:normal}.habit-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin-bottom:8px}.pill{height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.pill-green{background:var(--color-green);color:#fff}.pill-action{background:linear-gradient(90deg,#6a7dff,#8a5ee8);color:#fff}.pill-soft{background:var(--color-surface-soft);color:var(--color-text-secondary)}.moment-hero{padding:0;overflow:hidden;width:100%;text-align:left}.moment-hero .cover{height:160px;background:#dce7fb;position:relative;display:grid;place-items:center;font-size:64px}.moment-hero .cover img,.moment-mini img{width:100%;height:100%;object-fit:cover}.time-pill{position:absolute;left:12px;bottom:10px;background:#ffffffe0;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.moment-hero p{margin:0;padding:14px;font-size:14px;line-height:1.5}.moment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.moment-mini{padding:0;overflow:hidden;min-height:140px;position:relative;width:100%}.moment-mini .art{height:108px;display:grid;place-items:center;font-size:42px}.moment-mini .cap{padding:8px 10px;font-size:11px;font-weight:600}.stamp{font-size:11px;color:var(--color-text-tertiary);letter-spacing:.08em;display:flex;align-items:center;gap:8px;margin:8px 0 10px}.stamp:after{content:"";height:1px;background:var(--color-border);flex:1}.bm-card{display:flex;gap:12px;width:100%;text-align:left;margin-bottom:10px}.bm-thumb{width:72px;min-width:72px;height:88px;border-radius:16px;display:grid;place-items:center;font-size:28px}.bm-domain{font-size:10px;letter-spacing:.08em;color:var(--color-text-tertiary)}.bm-card h3{margin:4px 0 6px;font-size:14px;line-height:1.3}.note-title-input{width:100%;border:0;background:transparent;font-size:24px;font-weight:700;outline:none;color:var(--color-text-primary);margin:8px 0}.note-body-input{width:100%;border:0;background:transparent;font-size:15px;line-height:1.7;outline:none;color:var(--color-text-primary);min-height:140px;resize:none}.editor-bar{position:sticky;bottom:8px;background:var(--color-surface-soft);border-radius:16px;display:flex;padding:6px;gap:4px}.editor-bar button{flex:1;height:34px;border-radius:10px;font-size:12px;font-weight:600}.editor-bar button.active{background:var(--color-accent);color:var(--color-on-accent)}.drop-image{height:140px;border-radius:20px;background:#e4e9fb;display:grid;place-items:center;color:var(--color-text-secondary);font-weight:600;margin:12px 0}[data-theme=dark] .overview-card,[data-theme=dark] .streak-card{background:#222}.profile-hero{display:flex;align-items:center;gap:12px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.stat-box{background:var(--color-surface);border-radius:16px;padding:12px 8px;text-align:center;box-shadow:var(--shadow-card)}.stat-box b{display:block;font-size:18px}.list-link{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:8px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--color-surface-soft);padding:4px;border-radius:14px}.seg button{height:36px;border-radius:10px;font-weight:600}.seg button.active{background:var(--color-surface);box-shadow:var(--shadow-card)}.color-picks{display:flex;gap:8px}.color-picks button{width:32px;height:32px;border-radius:999px;border:2px solid transparent}.color-picks button.active{border-color:var(--color-text-primary)}.check-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:8px}.voice-orb{width:120px;height:120px;border-radius:999px;margin:24px auto;display:grid;place-items:center;background:var(--color-surface);box-shadow:var(--shadow-elevated);font-size:40px}.voice-orb.live{box-shadow:0 0 0 10px var(--color-nav-glow)}.photo-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.photo-pick img,.photo-pick button,.file-pick{width:100%;height:88px;object-fit:cover;border-radius:14px}.file-pick{background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:12px;display:grid;place-items:center;font-weight:600}.selected-photo{outline:3px solid var(--color-blue)}.cover-img{width:100%;height:180px;object-fit:cover;border-radius:20px}.recent-entry{display:flex;align-items:center;gap:10px;width:100%;background:var(--color-surface-soft);border-radius:14px;padding:10px;margin-top:8px;text-align:left}