:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110b;--bg-soft:#0e1a12;--card:#132117;--border:#91be7c3d;--text:#f0f4ec;--text-dim:#b9c9b2;--accent:#8fd66a;--accent-strong:#d9f2cf;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font-family:inherit}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--bg-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.app-title{color:var(--accent-strong);letter-spacing:.02em;font-size:20px;font-weight:600}.nav-tabs{gap:6px;display:flex}.nav-tabs button{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:14px}.nav-tabs button.active{color:var(--accent-strong);border-color:var(--accent);background:#8fd66a29}.header-right{color:var(--text-dim);align-items:center;gap:10px;font-size:12px;display:flex}.sync-badge{border:1px solid var(--border);border-radius:999px;padding:4px 10px}.header-timer-badge{color:var(--accent);border:1px solid #8fd66a66;border-radius:999px;padding:6px 14px;font-size:18px;font-weight:700;animation:1.8s ease-in-out infinite header-timer-pulse}@keyframes header-timer-pulse{0%,to{opacity:1}50%{opacity:.6}}.sync-badge.saving{color:#f4d994;border-color:#f4d99466}.sync-badge.error{color:#ff9a8f;border-color:#ff9a8f66}.sync-badge.synced{color:var(--accent)}.signout-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.settings-btn,.music-header-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:15px;line-height:1}.music-header-btn.on{background:#8fd66a1a;border-color:#8fd66a80}.settings-row{text-align:left;align-items:center;gap:14px;margin-bottom:8px;display:flex}.settings-row-text{flex:1}.settings-row-title{margin-bottom:4px;font-size:14px}.settings-row-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.switch{flex-shrink:0;width:44px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-track{background:var(--border);cursor:pointer;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch-track:before{content:"";background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:before{background:#07110b;transform:translate(18px)}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 20px 60px}.auth-screen{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:32px}.auth-card h1{color:var(--accent-strong);margin:0 0 4px;font-size:26px}.auth-card .subtitle{color:var(--text-dim);margin-bottom:24px;font-size:14px}.web-scope-note{color:#f4d994;text-align:left;background:#f4d9941a;border:1px solid #f4d9944d;border-radius:10px;margin:-8px 0 20px;padding:10px 14px;font-size:12.5px;line-height:1.5}.auth-field{text-align:left;margin-bottom:14px;display:block}.auth-field label{color:var(--text-dim);margin-bottom:6px;font-size:12px;display:block}.auth-field input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px}.timer-note-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.auth-error{color:#ff9a8f;text-align:left;margin-bottom:12px;font-size:13px}.auth-submit{background:var(--accent);color:#07110b;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px;font-size:15px;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:default}.auth-toggle{color:var(--text-dim);margin-top:16px;font-size:13px}.auth-toggle button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;font-size:15px}.music-blocked-hint{text-align:left;color:#f4d994;cursor:pointer;background:#f4d99414;border:1px solid #f4d99466;border-radius:12px;width:100%;margin-bottom:20px;padding:12px 14px;display:block}.music-theme{margin-bottom:24px}.music-theme-title{color:var(--text-dim);margin:0 0 10px;font-size:14px}.music-track-list{flex-direction:column;gap:10px;display:flex}.music-track-row{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;display:flex}.music-track-icon{border:1px solid var(--border);background:var(--bg);cursor:pointer;filter:grayscale()opacity(.5);border-radius:12px;flex-shrink:0;width:44px;height:44px;font-size:20px;transition:filter .2s,border-color .2s,transform .15s}.music-track-icon:hover{transform:scale(1.05)}.music-track-icon.on{filter:none;background:#8fd66a1a;border-color:#8fd66a80}.music-track-name{flex:0 0 200px;font-size:14px}.music-volume-slider{accent-color:var(--accent);flex:1}.goals-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.goal-card{background:var(--card);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.goal-card h3{color:var(--text);margin:0;font-size:16px}.goal-edit-btn{cursor:pointer;opacity:.6;vertical-align:middle;background:0 0;border:none;margin-left:4px;font-size:12px}.goal-edit-btn:hover{opacity:1}.goal-bloom-count{color:var(--text-dim);font-size:12px;font-weight:400}.goal-stage-icon{object-fit:contain;align-self:center;width:72px;height:72px;transition:filter .4s,transform .4s}.goal-stage-icon.stage-1{filter:grayscale(70%)opacity(.55);transform:scale(.72)}.goal-stage-icon.stage-2{filter:grayscale(40%)opacity(.7);transform:scale(.82)}.goal-stage-icon.stage-3{filter:grayscale(15%)opacity(.85);transform:scale(.92)}.goal-stage-icon.stage-4{filter:opacity(.95);transform:scale(1)}.goal-stage-icon.stage-5{filter:drop-shadow(0 0 12px #f4d994a6);transform:scale(1.08)}@keyframes timer-wiggle{0%{transform:translate(-4px)rotate(-4deg)scale(1)}50%{transform:translate(4px,-4px)rotate(4deg)scale(1.06)}to{transform:translate(-4px)rotate(-4deg)scale(1)}}.timer-active{animation:1.8s ease-in-out infinite timer-wiggle}.goal-stage-icon.timer-active,.modal-stage-icon.timer-active{filter:drop-shadow(0 0 10px #8fd66a8c)!important}.goal-progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.goal-progress-fill{background:var(--accent);height:100%}.goal-meta{color:var(--text-dim);justify-content:space-between;font-size:12px;display:flex}.goal-live-clock{text-align:center;color:#ff9a8f;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:22px;font-weight:700}.goal-timer-btn{border:1px solid var(--border);color:var(--accent-strong);cursor:pointer;background:#8fd66a1a;border-radius:10px;padding:9px;font-size:14px}.goal-timer-btn.running{color:#ff9a8f;background:#ff9a8f26;border-color:#ff9a8f66}.goal-reveal-btn{background:var(--accent);color:#07110b;cursor:pointer;border:none;border-radius:10px;padding:9px;font-weight:600}.goal-log-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:12px;text-decoration:underline}.add-goal-card{border:1px dashed var(--border);color:var(--text-dim);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:18px;display:flex}.add-goal-card input,.add-goal-card textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:9px 10px;font-family:inherit}.add-goal-card button{background:var(--accent);color:#07110b;cursor:pointer;border:none;border-radius:8px;width:100%;padding:9px;font-weight:600}.empty-hint{color:var(--text-dim);margin-top:4px;font-size:13px}.friend-search-form{gap:8px;max-width:360px;display:flex}.friend-search-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;flex:1;padding:9px 12px}.friend-search-form button{background:var(--accent);color:#07110b;cursor:pointer;border:none;border-radius:10px;padding:9px 16px;font-weight:600}.friend-list{flex-direction:column;gap:8px;display:flex}.friend-row{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.friend-row-actions{gap:8px;display:flex}.feed-list{flex-direction:column;gap:12px;max-width:560px;display:flex}.feed-item{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.feed-item-head{color:var(--text-dim);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.feed-item-head strong{color:var(--accent-strong)}.feed-item-body{color:var(--text);margin-bottom:10px;font-size:14px}.feed-skill{color:var(--accent)}.feed-item-actions{gap:10px;display:flex}.feed-like-btn,.feed-comment-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:5px 12px;font-size:12px}.feed-like-btn.liked{color:#ff9a8f;border-color:#ff9a8f66}.feed-comments{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.feed-comment-row{color:var(--text-dim);font-size:13px}.feed-comment-row strong{color:var(--text)}.feed-comment-form{gap:8px;margin-top:4px;display:flex}.feed-comment-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;flex:1;padding:7px 10px;font-size:13px}.feed-comment-form button{background:var(--accent);color:#07110b;cursor:pointer;border:none;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.friend-goal-list{flex-direction:column;gap:14px;max-height:50vh;display:flex;overflow-y:auto}.friend-goal-row{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.friend-goal-icon{object-fit:contain;flex-shrink:0;width:44px;height:44px}.friend-goal-icon.stage-1{filter:grayscale(70%)opacity(.55)}.friend-goal-icon.stage-2{filter:grayscale(40%)opacity(.7)}.friend-goal-icon.stage-3{filter:grayscale(15%)opacity(.85)}.friend-goal-icon.stage-4{filter:opacity(.95)}.friend-goal-icon.stage-5{filter:drop-shadow(0 0 10px #f4d994a6)}.friend-goal-info{flex:1;min-width:0}.friend-goal-name{margin-bottom:6px;font-size:14px}.modal-backdrop{z-index:20;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;max-height:84vh;padding:26px;overflow-y:auto}.modal-stage-icon{object-fit:contain;width:108px;height:108px;margin:0 auto 16px;transition:filter .4s,transform .4s;display:block}.modal-stage-icon.stage-1{filter:grayscale(70%)opacity(.55);transform:scale(.72)}.modal-stage-icon.stage-2{filter:grayscale(40%)opacity(.7);transform:scale(.82)}.modal-stage-icon.stage-3{filter:grayscale(15%)opacity(.85);transform:scale(.92)}.modal-stage-icon.stage-4{filter:opacity(.95);transform:scale(1)}.modal-stage-icon.stage-5{filter:drop-shadow(0 0 14px #f4d994a6);transform:scale(1.08)}.modal-card h2{text-align:center;color:var(--accent-strong);margin:0 0 2px}.modal-card .scientific{text-align:center;color:var(--text-dim);margin-bottom:14px;font-size:13px;font-style:italic}.modal-row{border-top:1px solid var(--border);color:var(--text-dim);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.modal-row strong{color:var(--text)}.modal-desc{color:var(--text-dim);margin-top:12px;font-size:13.5px;line-height:1.6}.growth-log{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.growth-log-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:13px}.growth-log-list{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.growth-log-year{color:var(--text-dim);margin:6px 0 2px;font-size:12px}.growth-log-row{background:#ffffff0a;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12.5px;display:flex}.growth-log-row span{color:var(--text-dim)}.growth-log-row strong{color:var(--accent-strong);font-weight:600}.growth-log-note{color:var(--text-dim);white-space:pre-wrap;word-break:break-word;background:#ffffff08;border-radius:6px;margin:-2px 0 2px;padding:6px 10px;font-size:12px}.friend-garden-card{max-width:520px}.modal-close{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;margin:18px auto 0;padding:8px 20px;display:block}