:root{color:#143840;font-synthesis:none;text-rendering:optimizelegibility;--deep:#073a43;--deep-2:#0e5964;--teal:#168d89;--living:#35aaa0;--glass:#dff2eb;--sand:#e4bc76;--coral:#e67b67;--ink:#13363e;--muted:#647d7d;--line:#114b4e24;--panel:#ffffffe6;--shadow:0 20px 55px #0f47461c;background:#edf5f1;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:#edf5f1;min-width:320px;min-height:100%}body{background:radial-gradient(circle at 75% 4%,#d7eee7 0,#0000 32%),#edf5f1;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}svg{display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em}p{line-height:1.55}.app-loading{min-height:100vh;color:var(--deep-2);align-content:center;place-items:center;gap:18px;font-weight:700;display:grid}.loading-fish{font-size:42px;animation:1.8s ease-in-out infinite loading-swim}@keyframes loading-swim{50%{transform:translate(24px)}}.primary,.secondary,.danger-quiet,.danger.solid,.text-button,.icon-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 18px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg, var(--teal), var(--deep-2));box-shadow:0 10px 24px #0e596438}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-1px)}.primary svg,.secondary svg,.danger-quiet svg{width:20px;height:20px}.secondary{color:var(--deep-2);background:#e4f1ed;border:1px solid #1269691f}.text-button{color:var(--deep-2);background:0 0;padding-inline-start:8px;padding-inline-end:8px}.text-button.light{color:#fff}.danger-quiet{color:#a34d43;background:#fff2ef}.danger.solid{color:#fff;background:#a34d43}.wide{width:100%}.large{min-height:54px;padding-inline-start:24px;padding-inline-end:24px;font-size:1.02rem}.round{border-radius:50%;flex:none;width:52px;height:52px;min-height:0;padding:0}.round svg{width:24px;height:24px}.icon-button{width:42px;color:var(--deep);background:#fffc;padding:8px}.icon-button svg{width:22px}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.72rem;font-weight:850;line-height:1.2}.muted{color:var(--muted)}.centered{text-align:center}.label{color:#628085;text-transform:uppercase;letter-spacing:.08em;font-size:.67rem;font-weight:800}.fine-print{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.76rem}.onboarding{background:#062f38;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);min-height:100vh;display:grid}.onboarding>.aquarium{border-radius:0;min-height:100vh}.onboarding-card{z-index:5;background:#f4f8f4;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(42px,7vw,110px);display:flex;position:relative}.onboarding-card h1{color:var(--deep);margin:22px 0 16px;font-size:clamp(3.2rem,7vw,6rem);line-height:.9}.onboarding-card .promise{color:var(--teal);max-width:510px;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:750}.onboarding-card>p:not(.eyebrow):not(.promise){color:var(--muted);max-width:500px}.onboarding-card .primary{min-width:220px;margin-top:20px}.brand-mark{color:#fff;width:58px;height:58px;box-shadow:var(--shadow);background:linear-gradient(145deg,#1aa7a0,#0b4f5a);border-radius:20px;place-items:center;font-weight:900;display:grid}.starter-screen{background:radial-gradient(circle at 50% 0,#d7eee7,#0000 38%),#f1f6f2;min-height:100vh;padding:clamp(32px,6vw,82px)}.starter-copy{text-align:center;max-width:700px;margin:0 auto 34px}.starter-copy h1{color:var(--deep);margin-bottom:14px;font-size:clamp(2.3rem,5vw,4.3rem)}.starter-copy p:last-child{color:var(--muted)}.starter-grid{grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:22px;display:grid}.starter-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);color:var(--ink);text-align:left;border-radius:28px;padding:25px 20px;transition:all .2s}.starter-card:hover{border-color:var(--living);transform:translateY(-5px)}.starter-preview{background:linear-gradient(#8cd6ce,#206b73);border-radius:21px;place-items:center;height:150px;margin-bottom:18px;display:grid;overflow:hidden}.starter-preview .fish-svg{width:85%}.starter-card strong{font-size:1.15rem;display:block}.starter-card span{color:var(--muted);font-size:.86rem}.app-shell{grid-template-columns:92px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.session-active{display:block}.side-navigation{z-index:50;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6faf7e6;flex-direction:column;align-items:center;width:92px;padding:18px 10px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.logo-button{color:var(--deep);background:0 0;border:0;margin-bottom:45px}.logo-button span{color:#fff;background:linear-gradient(145deg,#1aa7a0,#0b4f5a);border-radius:17px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.logo-button strong{display:none}.side-navigation nav{gap:9px;width:100%;display:grid}.side-navigation nav button,.settings-nav{color:#698080;background:0 0;border:0;border-radius:18px;place-items:center;gap:3px;min-height:62px;padding:8px 4px;font-size:.68rem;font-weight:750;display:grid}.side-navigation nav button svg,.settings-nav svg{width:23px;height:23px}.side-navigation button.active{color:var(--deep-2);background:#dceee9}.settings-nav{width:100%;margin-top:auto}.app-content{grid-column:2;min-width:0}.bottom-navigation{display:none}.view{max-width:1500px;min-height:100vh;margin:0 auto;padding:clamp(28px,4vw,62px)}.view-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:32px;display:flex}.view-header h1{color:var(--deep);margin-bottom:8px;font-size:clamp(2rem,4vw,3.6rem)}.view-header p:last-child{color:var(--muted);margin-bottom:0}.calm-badge{color:var(--teal);background:#dff1eb;border-radius:100px;padding:9px 14px;font-size:.78rem;font-weight:750}.panel{background:var(--panel);box-shadow:var(--shadow);border:1px solid #0f5e5b1a;border-radius:26px;padding:clamp(20px,3vw,32px)}.panel h2{color:var(--deep)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-heading>svg{width:30px;color:var(--living)}.aquarium{--water-top:#42b7ae;--water-mid:#0f6571;--water-deep:#062f3b;background:linear-gradient(180deg, var(--water-top), var(--water-mid) 47%, var(--water-deep));isolation:isolate;border-radius:30px;min-height:clamp(360px,58vh,680px);position:relative;overflow:hidden}.aquarium-compact{min-height:330px}.water-rays{background:linear-gradient(110deg,#0000 12%,#e6fff329 13%,#0000 27%,#eefff61a 30%,#0000 47%);animation:18s ease-in-out infinite alternate water-drift;position:absolute;top:-10%;bottom:30%;left:10%;right:10%;transform:skew(-8deg)}.distant-rock{filter:saturate(.7);background:#052e3538;border-radius:70% 60% 0 0;width:35%;height:45%;position:absolute;bottom:8%}.rock-one{left:-8%;transform:rotate(8deg)}.rock-two{height:55%;right:-11%;transform:rotate(-10deg)}.substrate{z-index:9;background:linear-gradient(175deg,#d4b57a,#9b7b52);border-radius:55% 50% 0 0;height:25%;position:absolute;top:auto;bottom:-8%;left:-5%;right:-5%;box-shadow:inset 0 16px #ffebbc2b}.cove-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cove-back{z-index:3;opacity:.88}.cove-fish{z-index:5}.cove-mid{z-index:7}.cove-front{z-index:11}.cove-item{transform-origin:bottom;width:clamp(75px,12vw,155px);position:absolute}.cove-item .plant-svg,.cove-item .decor-svg{width:100%;height:auto}.layer-back{filter:saturate(.78);opacity:.74}.layer-front{width:clamp(65px,10vw,125px)}.swimming-fish{top:var(--fish-y);width:clamp(96px,16vw,210px);transform:scale(var(--fish-scale));animation:fish-swim var(--fish-duration) ease-in-out var(--fish-delay) infinite alternate;transform-origin:50%;position:absolute}.fish-svg{transform-origin:50%;width:100%;overflow:visible}.fish-tail{transform-origin:80px 64px;animation:1.2s ease-in-out infinite alternate tail-cycle}.fish-fin{transform-origin:130px 71px;animation:.9s ease-in-out infinite alternate fin-cycle}.plant-sway{transform-origin:80px 198px;animation:6s ease-in-out infinite alternate plant-sway}.lantern-glow{animation:4s ease-in-out infinite lantern-pulse}.bubble-field i{left:var(--bubble-x);width:var(--bubble-size);height:var(--bubble-size);animation:bubble-rise 6s linear var(--bubble-delay) infinite;background:#d3faf21f;border:1px solid #e1fff894;border-radius:50%;position:absolute;bottom:-20px}.aquarium-focus .swimming-fish{animation-duration:calc(var(--fish-duration) * 1.25)}.aquarium-paused .swimming-fish{animation-play-state:paused}.aquarium-paused:after{content:"";z-index:15;background:#05202747;position:absolute;top:0;bottom:0;left:0;right:0}.aquarium-break{filter:saturate(1.08)brightness(1.04)}.aquarium.reduced .swimming-fish{transform:scale(var(--fish-scale));top:var(--fish-y);animation:none}.aquarium.reduced .plant-sway,.aquarium.reduced .water-rays,.reduced-motion .plant-sway,.reduced-motion .water-rays{animation:none}.completion-ripple{z-index:20;border:3px solid #ffe19ecc;border-radius:50%;width:30px;height:30px;animation:1.3s ease-out both completion-ripple;position:absolute;top:50%;left:50%}@keyframes fish-swim{0%{transform:scale(var(--fish-scale));left:-18%}48%{transform:scale(var(--fish-scale))}52%{transform:scaleX(calc(var(--fish-scale) * -1)) scaleY(var(--fish-scale))}to{transform:scaleX(calc(var(--fish-scale) * -1)) scaleY(var(--fish-scale));left:94%}}@keyframes tail-cycle{to{transform:rotate(10deg)}}@keyframes fin-cycle{to{transform:rotate(-8deg)}}@keyframes plant-sway{to{transform:rotate(2.5deg)}}@keyframes water-drift{to{transform:translate(28px)skew(-8deg)}}@keyframes lantern-pulse{50%{opacity:.6;filter:drop-shadow(0 0 12px #ffe08a)}}@keyframes bubble-rise{0%{opacity:0;transform:translate(0)scale(.75)}10%{opacity:.8}to{opacity:0;transform:translate(14px,-620px)scale(1.25)}}@keyframes completion-ripple{to{opacity:0;width:850px;height:850px;top:calc(50% - 425px);left:calc(50% - 425px)}}.cove-view{padding-top:28px}.cove-hero{position:relative}.cove-topbar{z-index:22;color:#fff;text-shadow:0 2px 18px #00242b40;justify-content:space-between;gap:20px;display:flex;position:absolute;top:28px;bottom:auto;left:30px;right:30px}.cove-topbar .eyebrow{color:#c7f5e9}.cove-topbar h1{margin:0;font-size:clamp(1.8rem,4vw,3.4rem)}.resource-row{align-items:flex-start;gap:9px;display:flex}.resource-pill{color:#f7fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#042f3773;border:1px solid #ffffff2e;border-radius:100px;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-weight:800;display:flex}.resource-pill svg{width:18px}.button-pill{font:inherit}.quick-launch{z-index:23;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px 18px 16px 23px;display:flex;position:absolute;top:auto;bottom:25px;left:28px;right:28px}.glass-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4fbf6e0;border:1px solid #ffffff73;box-shadow:0 20px 45px #002b2d38}.quick-launch div{gap:4px;display:grid}.quick-launch strong{color:var(--deep);font-size:1.05rem}.dashboard-grid{grid-template-columns:1.3fr .7fr;gap:22px;margin-top:24px;display:grid}.fish-switcher{gap:7px;margin:12px 0 18px;display:flex;overflow-x:auto}.fish-switcher button{border:1px solid var(--line);color:var(--teal);background:#edf5f1;border-radius:50%;flex:none;width:38px;height:38px;font-size:.7rem;font-weight:850}.fish-switcher button.active{color:#fff;background:var(--teal)}.growth-copy{color:var(--muted);justify-content:space-between;font-size:.78rem;font-weight:700;display:flex}.progress-track{background:#dceae5;border-radius:100px;height:11px;margin:9px 0 22px;overflow:hidden}.progress-track i{background:linear-gradient(90deg, var(--living), var(--sand));border-radius:inherit;height:100%;display:block}.shell-progress{grid-template-columns:repeat(8,1fr);gap:7px;margin:22px 0 18px;display:grid}.shell-progress i{aspect-ratio:1;background:#e0ece8;border-radius:50% 50% 45% 45%;box-shadow:inset 0 -3px #10525214}.shell-progress i.filled{background:linear-gradient(145deg,#ffd690,#e6996d)}.discovery-panel p:not(.eyebrow){color:var(--muted)}.setup-layout{grid-template-columns:minmax(400px,.95fr) minmax(320px,1.05fr);align-items:start;gap:28px;display:grid}.setup-card{width:100%;max-width:650px}.field-label,.task-picker label{color:var(--deep);gap:8px;font-size:.78rem;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#f5faf7;border-radius:13px;outline:none;padding:10px 13px}input:focus,select:focus{border-color:var(--living);box-shadow:0 0 0 3px #35aaa026}fieldset{border:0;margin:25px 0 0;padding:0}legend{color:var(--deep);margin-bottom:10px;font-size:.78rem;font-weight:850}.preset-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.preset-row button,.mode-grid button{border:1px solid var(--line);min-height:57px;color:var(--ink);background:#f3f8f5;border-radius:13px;font-weight:800}.preset-row button small,.mode-grid button small{color:var(--muted);font-size:.67rem;font-weight:600;display:block}.preset-row button.selected,.mode-grid button.selected{border-color:var(--living);color:var(--deep-2);box-shadow:inset 0 0 0 1px var(--living);background:#dcf0ea}.mode-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-grid button{text-align:left;padding:10px 12px}.reward-estimate{color:#785e38;background:#f8eedb;border-radius:14px;justify-content:space-between;gap:12px;margin:24px 0 16px;padding:12px 14px;font-size:.8rem;font-weight:750;display:flex}.reward-estimate span{align-items:center;gap:7px;display:flex}.reward-estimate svg{width:18px}.setup-preview{position:sticky;top:24px}.setup-preview blockquote{color:var(--teal);text-align:center;margin:20px 0;font-size:1.35rem;font-style:italic;font-weight:750}.task-picker{background:#eef6f2;border-radius:17px;gap:12px;margin-top:18px;padding:15px;display:grid}.task-picker-heading{align-items:center;gap:8px;font-size:.82rem;display:flex}.task-picker-heading svg{width:19px;color:var(--teal)}.status-dot,.connection-state i{background:#4bbd7c;border-radius:50%;width:8px;height:8px;margin-left:auto;box-shadow:0 0 0 4px #4bbd7c1f}.task-actions{justify-content:space-between;gap:10px;display:flex}.task-actions .text-button{min-height:32px;font-size:.72rem}.integration-note{color:#4f7273;background:#edf5f1;border-radius:14px;align-items:flex-start;gap:10px;margin-top:15px;padding:13px 14px;font-size:.78rem;line-height:1.45;display:flex}.integration-note svg{flex:none;width:21px}.field-error{color:#a34d43;margin:5px 0 0;font-size:.75rem}.focus-active{background:#062f38;min-height:100vh;position:relative;overflow:hidden}.focus-active>.aquarium{border-radius:0;min-height:100vh}.focus-overlay{z-index:30;color:#fff;text-align:center;background:radial-gradient(circle,#04313814,#021c222e);flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.live-chip{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#062e3580;border:1px solid #ffffff2e;border-radius:100px;align-items:center;gap:8px;padding:8px 13px;font-size:.75rem;font-weight:750;display:flex}.live-chip i{background:#bfeecf;border-radius:50%;width:8px;height:8px;animation:4s ease-in-out infinite alive-pulse}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-shadow:0 8px 35px #001f2533;margin:32px 0 17px;font-size:clamp(5rem,16vw,12rem);line-height:1}.focus-task{margin-bottom:8px;font-size:clamp(1.1rem,2.5vw,1.7rem);font-weight:750}.focus-note{color:#ffffffc2}.timer-controls{flex-direction:column;align-items:center;gap:7px;margin-top:25px;display:flex}.timer-controls .secondary{color:var(--deep);background:#ffffffe6}.admin-complete-button{color:#fff;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08363db8;border:1px solid #ffffff7a;border-radius:999px;min-height:38px;margin-top:8px;padding:8px 14px;font-size:.72rem;font-weight:850;box-shadow:0 8px 22px #00141933}.admin-complete-button:hover{background:#08363de6;transform:translateY(-1px)}@keyframes alive-pulse{50%{opacity:.4;transform:scale(.75)}}.completion-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03242a5c}.completion-symbol{width:70px;height:70px;color:var(--deep);background:#e7c27e;border-radius:50%;place-items:center;margin-bottom:18px;display:grid;box-shadow:0 0 0 14px #efce8b29}.completion-symbol svg{width:34px}.completion-overlay .eyebrow{color:#ffe1a7}.completion-overlay h1{max-width:780px;margin-bottom:17px;font-size:clamp(2.1rem,5vw,4.8rem)}.reward-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px;display:grid}.reward-summary span{background:#042d337a;border:1px solid #ffffff2e;border-radius:16px;place-items:center;gap:3px;min-width:125px;padding:12px 15px;display:grid}.reward-summary svg{width:20px}.reward-summary b{font-size:1.25rem}.sync-message{color:#d8eee8;font-size:.82rem}.filter-row{gap:8px;margin-bottom:24px;padding-bottom:3px;display:flex;overflow-x:auto}.filter-row button{border:1px solid var(--line);color:var(--muted);background:#ffffffb8;border-radius:100px;flex:none;min-height:40px;padding:8px 16px;font-weight:750}.filter-row button.active{color:#fff;background:var(--deep-2)}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.collection-card{border:1px solid var(--line);background:#ffffffd6;border-radius:22px;min-width:0;padding:16px;box-shadow:0 12px 35px #0f474612}.collection-preview{background:linear-gradient(#a9ddd5,#397980);border-radius:16px;place-items:center;height:150px;display:grid;overflow:hidden}.collection-preview>svg{width:88%;height:88%}.collection-preview .plant-svg,.collection-preview .decor-svg{width:70%}.collection-card h2{color:var(--deep);margin:8px 0 5px;font-size:1.05rem}.collection-card p{min-height:48px;color:var(--muted);margin-bottom:14px;font-size:.76rem}.rarity-line{color:var(--muted);justify-content:space-between;align-items:center;margin-top:11px;font-size:.63rem;display:flex}.rarity{text-transform:uppercase;letter-spacing:.08em;border-radius:100px;padding:3px 7px;font-weight:850}.rarity-common{color:#4b716b;background:#e2efeb}.rarity-uncommon{color:#2c6c81;background:#ddedf3}.rarity-rare{color:#725796;background:#ece4f5}.rarity-special{color:#96632c;background:#f8e9cc}.owned-label{min-height:43px;color:var(--teal);justify-content:center;align-items:center;gap:7px;font-size:.74rem;font-weight:750;display:flex}.owned-label svg{width:18px}.collection-card.locked{opacity:.68}.locked-silhouette{filter:saturate(0)brightness(.42);place-items:center;width:100%;height:100%;display:grid;position:relative}.locked-silhouette>svg{width:85%}.locked-silhouette>span{filter:none;color:#fff;font-size:1.8rem;font-weight:900;position:absolute}.background-swatch{width:100%;height:100%}.arrange-stage{gap:12px;margin-bottom:25px;display:grid;position:relative}.arrange-stage .aquarium{min-height:420px}.arrange-toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);background:#f9fdfac7;border-radius:17px;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;font-size:.75rem;display:flex;position:static}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.metric-grid article{border:1px solid var(--line);background:#fffc;border-radius:21px;gap:5px;padding:21px;display:grid}.metric-grid svg{width:24px;color:var(--living)}.metric-grid strong{color:var(--deep);font-size:2rem;line-height:1.1}.metric-grid span{color:var(--muted);font-size:.75rem}.reflection{background:linear-gradient(130deg,#fffffff0,#e4f2ec);margin-bottom:28px}.reflection h2{max-width:800px;margin-bottom:9px;font-size:clamp(1.4rem,3vw,2.4rem)}.reflection p:last-child{color:var(--muted);margin-bottom:0}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-heading h2{margin-bottom:0}.history-list{gap:8px;display:grid}.history-list article{border:1px solid var(--line);background:#ffffffc7;border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 14px;display:grid}.history-status{width:36px;height:36px;color:var(--muted);background:#e5efeb;border-radius:50%;place-items:center;display:grid}.history-status svg{width:18px}.status-completed{color:#318463;background:#dcefe5}.history-list article>div:nth-child(2){gap:4px;display:grid}.history-list article strong{color:var(--deep)}.history-list article span{color:var(--muted);font-size:.72rem}.history-meta{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.sync-tag{background:#f3e8d4;border-radius:100px;padding:3px 7px;color:#826735!important}.sync-tag.synced{background:#dcefe5;color:#318463!important}.empty-state{text-align:center;color:var(--muted);border:1px dashed #0e596440;border-radius:22px;justify-items:center;padding:50px 20px;display:grid}.empty-state svg{width:35px;color:var(--living)}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-section h2{margin-bottom:14px;font-size:1.15rem}.settings-section>p{color:var(--muted);font-size:.82rem}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding:13px 0;display:flex}.setting-row>span{gap:3px;display:grid}.setting-row strong{color:var(--deep);font-size:.84rem}.setting-row small{color:var(--muted);font-size:.7rem;line-height:1.35}.setting-row input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#cbdad5;border:0;border-radius:100px;flex:none;width:44px;height:25px;min-height:25px;padding:3px;transition:all .2s}.setting-row input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block;box-shadow:0 2px 6px #00000026}.setting-row input[type=checkbox]:checked{background:var(--teal)}.setting-row input[type=checkbox]:checked:before{transform:translate(19px)}.setting-row select{width:145px;min-height:42px}.connection-state{color:#357658;align-items:center;gap:10px;padding:10px 0;font-size:.8rem;font-weight:750;display:flex}.connection-state i{margin-left:0}.button-row{flex-wrap:wrap;gap:9px;margin-top:10px;display:flex}.status-message{background:#edf5f1;border-radius:10px;padding:9px 11px;margin:12px 0 0!important}.about-section span{color:var(--muted);font-size:.7rem}code{background:#0b4f5a14;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,monospace}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031f25a8;place-items:center;padding:18px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal-card{text-align:center;background:#f7faf7;border-radius:28px;width:min(520px,100%);max-height:calc(100vh - 36px);padding:30px;position:relative;overflow:auto;box-shadow:0 35px 90px #00161c4d}.compact-modal{width:min(430px,100%)}.compact-modal h2{color:var(--deep)}.compact-modal p{color:var(--muted)}.compact-modal button+button{margin-top:8px}.modal-close{z-index:5;position:absolute;top:15px;right:15px}.discovery-card h2{color:var(--deep);margin-bottom:8px;font-size:2rem}.discovery-card>p,.reward-reveal>p{color:var(--muted)}.wheel{aspect-ratio:1;background:conic-gradient(#e89c7f 0 25%, #5ab58b 25% 50%, #6caeb3 50% 75%, #927bc0 75%);border:11px solid #f1d59e;border-radius:50%;place-items:center;width:min(280px,75vw);margin:24px auto;display:grid;position:relative;box-shadow:0 15px 35px #285a532e,inset 0 0 0 3px #ffffff73}.wheel>span{color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:900;position:absolute}.wheel>span:first-child{top:15%;left:25%}.wheel>span:nth-child(2){top:22%;right:9%;transform:rotate(70deg)}.wheel>span:nth-child(3){bottom:15%;right:22%;transform:rotate(180deg)}.wheel>span:nth-child(4){bottom:24%;left:5%;transform:rotate(270deg)}.wheel-center{color:#a16a34;background:#f7f2df;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 5px 16px #234b4733}.wheel-center svg{width:34px}.wheel.spinning{animation:1.7s cubic-bezier(.15,.7,.1,1) both wheel-spin}@keyframes wheel-spin{to{transform:rotate(1040deg)}}.chance-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px;display:grid}.chance-grid span{color:var(--muted);background:#eaf3ef;border-radius:10px;padding:8px 5px;font-size:.65rem;display:grid}.chance-grid b{color:var(--deep-2);font-size:.78rem}.guarantee-line{color:var(--muted);justify-content:space-between;margin:13px 2px 18px;font-size:.75rem;display:flex}.reward-orb{background:radial-gradient(circle,#d7f1e9,#5faeab);border-radius:50%;place-items:center;width:210px;height:210px;margin:18px auto;display:grid;box-shadow:0 0 0 12px #eaf5ef,0 18px 35px #1e645f26}.reward-orb svg{width:88%;max-height:82%}.reward-orb .plant-svg,.reward-orb .decor-svg{width:72%}.reward-conversion{background:#edf5f1;border-radius:12px;padding:10px;font-weight:700;color:var(--teal)!important}.high-contrast{--ink:#001e24;--muted:#395b5d;--line:#002a304d}.high-contrast .timer-display{text-shadow:0 3px #001e24,0 0 18px #001e24}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (max-width:1100px){.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-layout{grid-template-columns:minmax(380px,1fr) minmax(280px,.8fr)}}@media (max-width:820px){.onboarding{background:#f4f8f4;grid-template-columns:1fr}.onboarding>.aquarium{border-radius:0 0 38px 38px;min-height:43vh}.onboarding-card{text-align:center;align-items:center;padding:34px 26px 46px}.onboarding-card h1{font-size:clamp(3rem,14vw,5rem)}.starter-grid{grid-template-columns:1fr;max-width:430px;margin:auto}.starter-card{grid-template-columns:130px 1fr;align-items:center;column-gap:17px;display:grid}.starter-preview{grid-row:span 2;height:108px;margin:0}.app-shell{display:block}.side-navigation{display:none}.app-content{padding-bottom:82px}.bottom-navigation{z-index:60;min-height:72px;padding:7px max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbf8f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;top:auto;bottom:0;left:0;right:0}.bottom-navigation button{color:#6d8381;background:0 0;border:0;border-radius:13px;align-content:center;justify-items:center;gap:2px;font-size:.6rem;font-weight:750;display:grid}.bottom-navigation button.active{color:var(--deep-2);background:#e0efea}.bottom-navigation svg{width:22px;height:22px}.view{padding:23px 18px}.cove-view{padding:0 0 94px}.cove-hero .aquarium{border-radius:0 0 32px 32px;min-height:67vh}.cove-topbar{top:22px;bottom:auto;left:18px;right:18px}.cove-topbar h1{font-size:2rem}.quick-launch{top:auto;bottom:16px;left:15px;right:15px}.dashboard-grid{grid-template-columns:1fr;padding:0 16px}.setup-layout{grid-template-columns:1fr}.setup-preview{display:none}.setup-card{max-width:none}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.view-header{align-items:flex-end}.arrange-stage{margin-inline-start:-18px;margin-inline-end:-18px}.arrange-stage .aquarium{border-radius:0}}@media (max-width:520px){.view-header{display:block}.view-header>button,.view-header>span{margin-top:8px}.resource-row{flex-direction:column}.resource-pill{min-height:32px;padding:6px 10px}.preset-row{grid-template-columns:repeat(3,1fr)}.mode-grid{grid-template-columns:1fr}.mode-grid button{text-align:center}.reward-estimate{flex-direction:column;align-items:flex-start}.reward-summary{grid-template-columns:1fr 1fr 1fr;width:100%}.reward-summary span{min-width:0;padding-inline-start:7px;padding-inline-end:7px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{border-radius:17px;padding:10px}.collection-preview{height:120px}.collection-card p{display:none}.collection-card .secondary{padding-inline-start:7px;padding-inline-end:7px;font-size:.68rem}.metric-grid{gap:8px}.metric-grid article{padding:14px}.metric-grid strong{font-size:1.55rem}.history-list article{grid-template-columns:38px minmax(0,1fr)}.history-meta{flex-direction:row;grid-column:2;align-items:flex-start}.arrange-toolbar{flex-direction:column;align-items:stretch}.chance-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.auth-page{background:radial-gradient(circle at 70% 10%,#d7eee7 0,#0000 34%),linear-gradient(145deg,#edf5f1,#e3f0ea);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:#fffffff0;border-radius:28px;padding:34px}.auth-brand{color:var(--deep);align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-brand>span{color:#fff;background:linear-gradient(135deg, var(--teal), var(--deep-2));border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.auth-card h1{color:var(--deep);margin-bottom:10px;font-size:clamp(2rem,7vw,3.4rem)}.auth-intro{color:var(--muted);margin-bottom:22px}.auth-form{gap:14px;display:grid}.auth-form label{color:var(--deep);gap:7px;font-size:.8rem;font-weight:800;display:grid}.auth-form input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:0 14px}.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #168d891f}.auth-error{color:#923f36;background:#f9e6e2;border-radius:11px;margin:0;padding:10px 12px;font-size:.78rem}.auth-switch{width:100%;color:var(--teal);margin-top:12px}.auth-footnote{color:var(--muted);text-align:center;margin:14px 0 0;font-size:.67rem}.api-warning{z-index:200;color:#863e35;text-align:center;background:#f9e6e2;border-radius:12px;width:min(680px,100% - 24px);padding:10px 14px;font-size:.75rem;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #461e191f}.account-section p strong{color:var(--deep)}.database-state{color:#497170;background:#edf5f1;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;font-size:.78rem;font-weight:700;display:flex}.database-state i{background:#8fa09f;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #647d7d1a}.database-saved i{background:#4bbd7c;box-shadow:0 0 0 4px #4bbd7c1f}.database-saving i,.database-loading i{background:#d3a14d;box-shadow:0 0 0 4px #d3a14d1f}.database-offline{color:#87584b;background:#f8ece7}.database-offline i{background:#d07763;box-shadow:0 0 0 4px #d077631f}@media (max-width:520px){.auth-page{padding:14px}.auth-card{border-radius:22px;padding:26px 20px}}.aquarium-editable .cove-item-editable{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 #fff0);transition:filter .16s}.aquarium-editable .cove-item-editable:hover{filter:drop-shadow(0 0 8px #e8fff6b8)}.aquarium-editable .cove-item-editable:active{cursor:grabbing;filter:drop-shadow(0 0 12px #fff0b4c7)}.aquarium-editable:after{content:"Drag items to reposition";z-index:30;color:#ffffffeb;letter-spacing:.03em;pointer-events:none;background:#042f3894;border-radius:999px;padding:7px 11px;font-size:.68rem;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)}.admin-section{grid-column:1/-1}.admin-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.admin-heading h2{margin-bottom:7px}.admin-heading p:last-child{color:var(--muted);max-width:720px;margin:0}.admin-user-list{gap:12px;display:grid}.admin-user-card{border:1px solid var(--line);background:#ffffffb8;border-radius:18px;padding:17px}.admin-user-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.admin-user-title>div{gap:3px;display:grid}.admin-user-title strong{color:var(--deep);font-size:.9rem}.admin-user-title span,.admin-updated{color:var(--muted);font-size:.68rem}.admin-updated{text-align:right}.admin-resource-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:12px;display:grid}.admin-resource-grid span{color:var(--muted);text-align:center;background:#edf5f1;border-radius:11px;gap:2px;padding:9px;font-size:.65rem;display:grid}.admin-resource-grid b{color:var(--deep);font-size:.92rem}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-actions button{min-height:38px;padding:8px 11px;font-size:.7rem}.admin-note{color:#956846;margin-top:9px;display:block}@media (max-width:760px){.admin-heading,.admin-user-title{flex-direction:column}.admin-updated{text-align:left}.admin-resource-grid{grid-template-columns:repeat(3,1fr)}.admin-actions button{flex:42%}}@media (max-width:430px){.admin-resource-grid{grid-template-columns:repeat(2,1fr)}.admin-actions button{flex-basis:100%}}