@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#122a28;--panel:#1b3532;--mint:#b8dfc6;--cream:#ffe6b8;--coral:#f38577;--ink:#142c29;--muted:#9eafa5;--line:#304944;--gold:#f3ce72;font-family:'DM Sans',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f2e4}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{transition:transform .16s,background .16s}button:active:not(:disabled){transform:scale(.96)}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1,h2,.wordmark,blockquote{font-family:'Space Grotesk',sans-serif}h2{font-size:18px;font-weight:600}.app-shell{max-width:1800px;margin:auto;display:flex}.sidebar{width:96px;position:fixed;top:0;bottom:0;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:30px 12px;z-index:10;background:var(--bg)}.mini-logo{width:49px;height:49px;border-radius:16px;background:var(--coral);color:var(--ink);display:grid;place-items:center;font-size:30px;font-weight:bold;box-shadow:0 5px 0 #081c19}.sidebar nav{width:100%;display:grid;gap:14px;margin-top:67px}.nav-item{color:var(--muted);background:none;border-radius:14px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px}.nav-item span{font-size:26px;line-height:1}.nav-item.active{background:#26473f;color:var(--mint)}.nav-item:hover{background:#26473f}.side-motto{margin-top:auto;font-size:11px;letter-spacing:2.5px;line-height:1.8;color:#7d9689}.main-shell{margin-left:96px;padding:0 38px;width:calc(100% - 96px)}.topbar{height:91px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap}.wordmark-star{color:var(--coral);margin-left:11px}.top-meta{font-size:11px;letter-spacing:1.7px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:13px;align-items:center}.balance{display:flex;align-items:center;gap:9px;border:1px solid #51604a;border-radius:50px;padding:9px 15px;font-size:15px}.balance>span:first-child{color:var(--gold);font-size:20px}.balance-label{font-size:12px;color:var(--muted)}.icon-button{width:39px;height:39px;background:none;border:1px solid var(--line);border-radius:50%;color:#d3e0d4;font-size:21px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 0 24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.5}h1{font-size:35px;letter-spacing:-1.3px;margin-top:6px;font-weight:600}.page-heading .eyebrow{color:var(--muted)}.day-label{display:flex;align-items:center;gap:13px}.sun-symbol{color:var(--gold);font-size:35px}.day-label strong{display:block;font-size:14px;font-weight:500}.day-label div>span{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-top:6px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.playground{height:592px;background:radial-gradient(ellipse at 50% 40%,#3b6550 0%,#2d5144 40%,#234138 78%);border-radius:24px;position:relative;overflow:hidden;border:1px solid #49644d;isolation:isolate}.scene-top{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:10px;letter-spacing:1.3px;color:#c8d8b5}.scene-tag{background:#15352ac9;padding:9px 11px;border-radius:50px;display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;border-radius:100%;background:#b8df9e}.scene-top strong{color:var(--cream);margin-left:4px}.scene-copy{position:absolute;left:29px;top:80px;z-index:2;pointer-events:none}.scene-copy h2{font-size:31px;letter-spacing:-1px;color:var(--cream)}.scene-copy p{font-size:12px;color:#c3d4bb;margin-top:6px}#scene{position:absolute;inset:30px 0 55px}#scene canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}.speech-bubble{position:absolute;top:127px;right:28px;width:145px;padding:12px 14px;background:var(--cream);color:var(--ink);border-radius:13px 13px 13px 2px;font-size:12px;font-weight:600;line-height:1.45;transform:rotate(5deg);pointer-events:none;z-index:2;box-shadow:0 4px 0 #20392c55}.speech-bubble span{color:var(--coral)}.stage-caption{position:absolute;bottom:104px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#a1b895;pointer-events:none;font-size:9px;letter-spacing:1.5px}.stage-caption span:first-child{font-size:15px;letter-spacing:4px}.play-controls{position:absolute;bottom:48px;left:24px;right:24px;display:flex;gap:10px;justify-content:center;z-index:5}.primary-button{background:var(--coral);color:var(--ink);height:47px;padding:0 20px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;box-shadow:0 4px 0 #15281f55}.primary-button:hover{background:#ff9e8b}.primary-button>span{font-size:19px}.primary-button small{font-size:9px;letter-spacing:1px;border-left:1px solid #b965573d;padding-left:12px}.pet-button{border:1px solid #5f7961;background:#2b4a3d;color:var(--cream);border-radius:12px;height:47px;padding:0 14px;font-size:21px;display:flex;align-items:center;gap:8px}.pet-button span{font-size:12px}.play-instruction{position:absolute;bottom:21px;left:12px;right:12px;text-align:center;color:#a9bca1;font-size:10px}.right-column{display:flex;flex-direction:column;gap:16px}.card-header{display:flex;align-items:center;justify-content:space-between}.affirmation-card{background:var(--cream);color:var(--ink);border-radius:20px;padding:20px 23px;min-height:235px;position:relative}.text-icon{background:none;color:inherit;font-size:26px;width:31px;height:31px;display:grid;place-items:center}.little-star{color:#dd7360;font-size:31px;margin-top:8px;line-height:1}blockquote{font-size:23px;line-height:1.25;letter-spacing:-.7px;margin:9px 0 12px;max-width:240px;font-weight:500}.affirmation-footer{display:flex;align-items:center;justify-content:space-between;color:#8f9278}.affirmation-footer>span{font-size:10px;letter-spacing:2px}.affirmation-footer button{color:#da7d6c}.focus-card,.goals-card{border-radius:19px;border:1px solid var(--line);background:var(--panel);padding:20px 22px}.focus-card{height:156px}.focus-card h2,.goals-card h2{font-size:16px}.reward-label{color:var(--gold);font-size:9px;letter-spacing:1px}.timer-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.timer-row strong{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:35px;line-height:1;letter-spacing:-1.5px;display:block;font-variant-numeric:tabular-nums}.timer-row div>span{font-size:10px;color:var(--muted);display:block;margin-top:6px}.round-button{width:43px;height:43px;border-radius:50%;background:var(--mint);color:var(--ink);font-size:16px}.focus-bottom{display:flex;justify-content:space-between;margin-top:9px}.duration-options{display:flex;gap:5px}.duration-options button{background:none;color:var(--muted);font-size:10px;padding:3px 9px;border-radius:6px;height:25px}.duration-options button.selected{background:#355749;color:#d4e7c6}.reset-button{background:none;color:var(--muted);font-size:20px;width:28px;height:28px}.goals-card{flex:1;padding-top:17px}.goals-card .card-header>span{font-size:11px;color:var(--muted)}.goal{display:flex;align-items:center;gap:10px;min-height:32px;font-size:12px;margin-top:7px}.goal input{appearance:none;width:17px;height:17px;border:1px solid #677b66;border-radius:5px;flex-shrink:0;cursor:pointer;margin:0}.goal input:checked{background:var(--mint);border-color:var(--mint)}.goal input:checked:after{content:'✓';color:var(--ink);display:block;text-align:center;font-size:12px}.goal:has(input:checked) span{color:#88a58d;text-decoration:line-through}.goal small{margin-left:auto;color:#b0c99c;white-space:nowrap;font-size:9px}#goal-form{display:flex;gap:6px;margin-top:13px;border-top:1px solid var(--line);padding-top:10px}#goal-input{width:100%;min-width:0;font-size:11px;background:none;border:0;outline:none;color:#f4ebd5;padding:5px 0}#goal-input::placeholder{color:#829d90}#goal-form button{background:none;color:var(--mint);font-size:21px;min-width:25px}.collection{padding:25px 0 22px;scroll-margin-top:20px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.collection-heading h2{font-size:20px;letter-spacing:-.5px}.collection-heading h2>span{font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:1px;font-size:11px;margin-left:12px;color:var(--muted)}.collection-heading p{font-size:11px;color:var(--muted);margin-top:5px}.surprise-button{border:1px solid #556246;color:var(--gold);background:none;border-radius:10px;font-size:12px;padding:12px 14px}.surprise-button span{font-size:9px;opacity:.7;margin-left:9px}.cat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.cat-card{height:133px;padding:10px;border-radius:16px;background:#1b3430;border:1px solid var(--line);text-align:left;color:#f6f2e4;position:relative;overflow:hidden}.cat-card.active{border-color:var(--gold);background:#2c4333}.cat-card:hover{background:#28443a}.cat-card .cat-visual{height:65px;display:grid;place-items:center}.cat-card .cat-swatch{width:38px;height:40px;background:var(--cat-color);border-radius:18px 18px 16px 16px;position:relative;box-shadow:0 6px 18px #0002}.cat-swatch:before,.cat-swatch:after{content:'';position:absolute;top:-5px;background:var(--cat-color);width:13px;height:17px;border-radius:3px}.cat-swatch:before{left:1px;transform:rotate(-13deg)}.cat-swatch:after{right:1px;transform:rotate(13deg)}.cat-swatch span{position:absolute;z-index:2;top:5px;left:10px;color:#17382c;font-size:16px}.cat-swatch i{position:absolute;width:21px;height:18px;bottom:1px;left:9px;border-radius:50%;background:#efd47b;border:2px solid #ad924b;color:#29452b;font-size:11px;font-style:normal;text-align:center}.cat-card strong{display:block;font-size:12px;font-weight:500}.cat-card .cat-status{display:block;font-size:9px;color:var(--muted);margin-top:5px}.cat-card.active .cat-status{color:var(--gold)}.cat-card .selected-mark{position:absolute;right:11px;top:11px;color:var(--gold);font-size:11px}.cat-card.locked .cat-visual{opacity:.55}.cat-card .price{color:var(--gold)}footer{display:flex;justify-content:space-between;padding:15px 0 23px;border-top:1px solid var(--line);color:#839b8d;font-size:10px;gap:15px}footer>span:last-child{font-size:8px;letter-spacing:1.2px}.hidden{display:none!important}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border-radius:14px;padding:15px 24px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:500;z-index:100;box-shadow:0 8px 40px #0005;max-width:90vw;text-align:center}.round-status{position:absolute;top:80px;left:24px;right:24px;display:flex;justify-content:center;gap:42px;background:#123a30d9;border:1px solid #7a8a58;border-radius:15px;padding:14px;z-index:4}.round-status div{text-align:center}.round-status span{display:block;color:#b2c69c;font-size:9px;letter-spacing:2px}.round-status strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:28px;color:var(--cream);font-variant-numeric:tabular-nums}.playing .scene-copy,.playing .speech-bubble{display:none}#spark-layer{position:absolute;inset:155px 20px 150px;z-index:3;pointer-events:none}.spark{position:absolute;width:55px;height:55px;background:none;color:#fff1a2;font-size:38px;filter:drop-shadow(0 0 11px #ffcf5180);pointer-events:auto;transform:translate(-50%,-50%);animation:sparkIn .3s ease-out;touch-action:manipulation}.spark:active{transform:translate(-50%,-50%) scale(.85)!important}.spark:hover{color:white}.spark.gold{color:#ffac80}.spark .key{position:absolute;bottom:0;left:20px;font-size:9px;background:#1d4034bb;padding:2px 4px;border-radius:4px;color:#c6d5b6}.float-score{position:absolute;pointer-events:none;color:var(--cream);font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;animation:floatUp .65s forwards;transform:translate(-50%,-50%)}@keyframes floatUp{to{opacity:0;translate:0 -45px}}@keyframes sparkIn{from{opacity:0;scale:.2}to{opacity:1;scale:1}}dialog{max-width:400px;width:calc(100% - 40px);border:1px solid #6b7153;border-radius:24px;padding:35px 30px;background:var(--cream);color:var(--ink);text-align:center;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#051c18b8;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:10px;right:12px;background:none;font-size:25px;color:var(--ink);width:34px;height:34px}.result-star{font-size:65px;line-height:1.1;color:#df8b57;margin-bottom:20px}dialog h2{font-size:29px;letter-spacing:-1px;margin-top:12px}dialog p{font-size:13px;line-height:1.6;margin-top:14px;color:#5b6a56}.result-stats{display:flex;justify-content:center;gap:38px;margin:26px 0}.result-stats strong{display:block;font-size:38px;font-family:'Space Grotesk',sans-serif}.result-stats span{font-size:11px;color:#66765c}dialog .primary-button{width:100%}.secondary-button{background:none;color:var(--ink);height:44px;font-size:13px;margin-top:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-top:22px}.setting-row input{accent-color:#386b4d;width:20px;height:20px}.settings-stats{font-size:12px;margin-top:17px;color:#566249}.scene-error{position:absolute;top:50%;left:20%;right:20%;text-align:center;color:var(--cream);line-height:1.7;font-size:15px}.reduced-motion *{animation:none!important;scroll-behavior:auto!important}@media(min-width:1500px){.main-shell{padding:0 60px}.dashboard{grid-template-columns:minmax(0,1fr) 350px}.playground{height:640px}.affirmation-card{min-height:263px}blockquote{font-size:26px;max-width:290px}.goals-card{padding-top:23px}.goal{font-size:14px}.goal small{font-size:11px}}@media(max-width:1100px){.main-shell{padding:0 24px}.top-meta{display:none}.dashboard{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.page-heading h1{font-size:30px}.day-label div>span{max-width:120px;line-height:1.5}.speech-bubble{right:20px;width:125px;top:155px}.scene-copy h2{font-size:27px}.cat-grid{gap:8px}.cat-card{padding:9px}.cat-card strong{font-size:11px}.pet-button span{display:none}.primary-button{padding:0 14px;font-size:13px}.primary-button small{display:none}.affirmation-card{padding:19px}.eyebrow{font-size:9px}.focus-card,.goals-card{padding-left:19px;padding-right:19px}}@media(max-width:800px){.sidebar{width:76px;padding:24px 8px}.main-shell{margin-left:76px;width:calc(100% - 76px);padding:0 20px}.dashboard{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.affirmation-card{grid-column:1/-1;min-height:150px;padding:19px 23px}.little-star{position:absolute;right:32px;top:49px;font-size:48px}.affirmation-card blockquote{max-width:80%;font-size:25px;margin:7px 0 12px}.affirmation-footer{max-width:85%}.focus-card{height:auto;min-height:190px}.timer-row{margin-top:22px}.focus-bottom{margin-top:21px}.goals-card{min-height:190px}.playground{height:580px}.speech-bubble{top:132px;right:28px}.cat-grid{grid-template-columns:repeat(3,1fr)}.cat-card{height:135px}.cat-card strong{font-size:13px}.day-label{display:none}footer{flex-wrap:wrap;gap:8px}footer>span:last-child{width:100%}.collection-heading h2{font-size:18px}.collection-heading h2>span{margin-left:5px}.surprise-button{font-size:11px;padding:11px}.surprise-button span{display:none}}@media(max-width:540px){.sidebar{position:fixed;top:auto;bottom:0;height:74px;width:100%;padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);background:#122a28f0;backdrop-filter:blur(14px)}.sidebar .mini-logo,.side-motto{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0;margin:0;height:100%}.nav-item{height:57px;width:65px;gap:5px;border-radius:12px;font-size:11px}.nav-item span{font-size:24px}.main-shell{margin:0;padding:0 16px 86px;width:100%}.topbar{height:76px;gap:12px}.wordmark{font-size:24px}.top-actions{gap:8px}.balance{padding:7px 11px;gap:7px}.icon-button{width:34px;height:34px}.page-heading{padding:21px 1px 18px}.page-heading h1{font-size:30px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.dashboard{gap:16px}.playground{height:510px;border-radius:20px}.scene-top{top:17px;left:17px;right:17px;font-size:9px}.scene-copy{top:72px;left:20px}.scene-copy h2{font-size:26px}.scene-copy p{font-size:11px}.speech-bubble{top:133px;right:18px;width:115px;font-size:10px;padding:11px}#scene{inset:48px -15px 45px}.stage-caption{left:20px;right:20px;bottom:109px;font-size:7px;letter-spacing:1px}.play-controls{left:18px;right:18px;bottom:50px;gap:8px}.pet-button span{display:block}.primary-button{font-size:13px;padding:0 17px}.pet-button{font-size:20px;padding:0 12px}.pet-button span{font-size:11px}.play-instruction{font-size:9px;bottom:24px}.right-column{gap:12px}.affirmation-card{min-height:165px}.affirmation-card blockquote{font-size:24px;max-width:85%}.little-star{right:22px;font-size:35px;top:55px}.focus-card,.goals-card{padding:16px 14px;min-height:210px}.focus-card h2,.goals-card h2{font-size:14px}.reward-label{font-size:8px}.timer-row strong{font-size:29px}.timer-row{gap:8px;margin-top:25px}.round-button{width:36px;height:36px;flex-shrink:0}.duration-options{gap:0}.duration-options button{font-size:9px;padding:3px 6px}.reset-button{font-size:17px;width:24px}.goal{font-size:11px;gap:7px;margin-top:10px;min-height:32px}.goal small{display:none}.goal input{width:17px;height:17px}.goal input:checked:after{font-size:12px}#goal-input{font-size:10px}#goal-form{margin-top:10px}.collection{padding-top:24px}.collection-heading{gap:8px}.collection-heading h2{font-size:17px}.collection-heading h2>span{display:block;margin:4px 0 0;font-size:10px}.collection-heading p{display:none}.cat-grid{gap:9px}.cat-card{height:125px}.cat-card strong{font-size:11px}.cat-card .cat-status{font-size:8px}.surprise-button{font-size:11px;padding:10px}.round-status{gap:30px;top:76px}#spark-layer{inset:152px 8px 151px}.spark{width:53px;height:53px}.toast{bottom:93px;font-size:12px;padding:13px 18px}footer{font-size:9px;padding-bottom:0}.card-header .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spark,.float-score{animation:none}}
.cat-visual img{width:110px;max-width:100%;height:82px;object-fit:contain;margin-top:-14px;pointer-events:none}.cat-card.locked .cat-visual{opacity:.5}.cat-card .cat-visual{height:72px}.cat-swatch{display:none!important}
.goal input:disabled{opacity:1}.goal:has(input:disabled){cursor:default}.goal input{width:20px;height:20px}.goal input:checked:after{line-height:18px}#shuffle-button,#save-affirmation{min-width:44px;min-height:44px}.duration-options button{height:32px;min-width:35px}.focus-card{height:167px}.focus-bottom{margin-top:3px}.goals-card{padding-top:14px}.goal{margin-top:4px}#goal-form button{min-width:34px;min-height:34px}.focus-card .reset-button{height:32px;width:32px}#goal-form{margin-top:7px;padding-top:5px}.nav-item:focus-visible{outline-offset:-2px}@media(min-width:1500px){.focus-card{height:178px}.focus-bottom{margin-top:8px}}@media(max-width:800px){.focus-card{height:auto}.focus-bottom{margin-top:21px}.goal{margin-top:7px}.cat-visual img{height:86px}}@media(max-width:540px){.focus-card{min-height:221px}.goals-card{min-height:221px}.goal{margin-top:8px}.focus-bottom{margin-top:18px}.duration-options button{height:36px;min-width:30px;padding:3px 5px}.cat-card .cat-visual{height:63px}.cat-visual img{width:98px;height:76px;margin-top:-12px}.affirmation-card{padding-top:16px;padding-bottom:16px}.timer-row div>span{font-size:10px}.reset-button{height:36px!important}.goals-card .card-header{min-height:22px}}
#goal-input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.icon-button{width:44px;height:44px}.focus-card{height:176px}.duration-options button{min-height:36px}.reset-button{min-width:36px;min-height:36px}.round-button{width:44px;height:44px}#goal-form button{min-width:36px;min-height:36px}.cat-card{height:136px}#scene canvas{touch-action:pan-y}.goal{min-height:34px}@media(max-width:800px){.focus-card{height:auto}}@media(max-width:540px){.sidebar{height:calc(74px + env(safe-area-inset-bottom))}.main-shell{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.toast{bottom:calc(93px + env(safe-area-inset-bottom))}.icon-button{width:38px;height:44px;border:0}.top-actions{gap:5px}.duration-options button{min-height:44px}.reset-button{min-height:44px!important;min-width:32px}.cat-card{height:130px}.pet-button{height:48px}.focus-card{min-height:235px}.goals-card{min-height:235px}.focus-bottom{margin-top:17px}}@media(max-width:380px){.topbar{gap:5px}.wordmark{font-size:21px}.wordmark-star{margin-left:4px}.balance{font-size:13px;padding:7px 9px}.balance-label{display:none}.icon-button{width:33px}.right-column{grid-template-columns:1fr}.affirmation-card{grid-column:auto}.focus-card{min-height:188px}.timer-row{margin-top:12px}.focus-bottom{margin-top:8px}.goals-card{min-height:215px}.scene-copy h2{font-size:23px}.scene-copy p{font-size:10px}.speech-bubble{width:100px;top:137px;right:13px}.play-controls{left:12px;right:12px}.pet-button span{display:none}.primary-button{padding:0 14px}.collection-heading h2{font-size:16px}.surprise-button{font-size:10px}.cat-grid{gap:7px}.cat-card{padding:8px}.cat-card strong{font-size:10px}.cat-card .cat-status{font-size:8px}}
.affirmation-card{padding:18px 21px;min-height:222px}.affirmation-card .card-header{height:28px}.little-star{font-size:25px;margin-top:9px}blockquote{font-size:22px;line-height:1.25;margin:9px 0 10px}.affirmation-footer{height:28px}.right-column{gap:14px}.goals-card{padding-bottom:13px}.dashboard{align-items:start}.scene-copy p{font-size:14px}.play-instruction{font-size:12px}.goal{font-size:14px;min-height:36px}.timer-row div>span{font-size:12px}.duration-options button{font-size:12px}.pet-button span{font-size:14px}.cat-card strong{font-size:14px}.cat-card .cat-status{font-size:11px}#goal-input{font-size:12px}.collection-heading p{font-size:12px}.surprise-button{font-size:14px}.goal small{font-size:10px}.focus-card{height:171px}.cat-visual img{height:87px;width:112px}@media(min-width:1500px){.affirmation-card{min-height:263px}blockquote{font-size:26px}.focus-card{height:178px}}@media(max-width:1100px){.goal{font-size:12px}.scene-copy p{font-size:12px}.pet-button span{font-size:12px}.surprise-button{font-size:12px}.cat-card strong{font-size:12px}.cat-card .cat-status{font-size:10px}}@media(max-width:800px){.right-column{gap:15px}.affirmation-card{min-height:155px}.little-star{font-size:38px;top:45px}.affirmation-card blockquote{font-size:24px;max-width:80%}.focus-card{height:auto}.goal{font-size:13px}.cat-card strong{font-size:14px}.cat-card .cat-status{font-size:11px}}@media(max-width:540px){.right-column{grid-template-columns:1fr}.affirmation-card{min-height:173px}.affirmation-card blockquote{font-size:24px;max-width:85%;margin-top:10px}.focus-card{min-height:170px;padding:18px 21px}.focus-card h2,.goals-card h2{font-size:18px}.reward-label{font-size:11px}.timer-row{margin-top:13px}.timer-row strong{font-size:34px}.focus-bottom{margin-top:7px}.duration-options button{font-size:13px;min-width:46px}.focus-card .reset-button{min-width:44px}.goals-card{min-height:230px;padding:18px 21px}.goal{font-size:14px;min-height:38px;margin-top:8px}.goal small{display:block;font-size:10px}.scene-copy p{font-size:12px}.pet-button span{font-size:12px}.play-instruction{font-size:11px}.cat-card strong{font-size:12px}.cat-card .cat-status{font-size:10px}.cat-card{height:132px}.cat-visual img{height:76px;width:94px}.collection-heading h2{font-size:18px}.surprise-button{font-size:12px}#goal-input{font-size:13px}#goal-form button{min-width:44px;min-height:44px}.affirmation-footer{max-width:100%}.icon-button{position:relative}.icon-button:before{content:'';position:absolute;inset:0 -3px}.playground{height:510px}}@media(max-width:380px){.pet-button span{display:none}.collection-heading h2{font-size:16px}.surprise-button{font-size:11px}.cat-card .cat-status{font-size:9px}}
.mode-switch{display:flex;gap:3px;background:#1c3832;padding:4px;border:1px solid #345247;border-radius:50px;font-size:12px;margin-left:-13px}.mode-switch a{padding:7px 12px;color:#96aa9c;border-radius:50px}.mode-switch .selected{background:#b8dfc6;color:#16372d}.collection-controls{display:flex;align-items:center;gap:15px;margin:21px 0 12px}.family-filters{display:flex;gap:6px;overflow:auto;flex:1;min-width:0;padding:2px 0 5px;scrollbar-width:thin;scrollbar-color:#3e6651 transparent}.family-filters button{background:#1c3530;border:1px solid #365443;border-radius:30px;padding:10px 14px;color:#bdcbb8;font-size:12px;white-space:nowrap;min-height:42px}.family-filters button.selected{background:#b8dfc6;border-color:#b8dfc6;color:#15382b}.collection-view{display:flex;gap:8px;align-items:center;font-size:12px;white-space:nowrap;color:#9eb1a4}.collection-view select{max-width:137px;background:#203b33;color:#e0e7ca;border:1px solid #47624d;border-radius:9px;padding:10px;font:inherit;min-height:42px}.family-note{font-size:12px;color:#a8bba7;line-height:1.6;min-height:23px;margin-bottom:14px}.cat-card{height:164px;padding:12px}.cat-card .cat-visual{height:96px}.cat-visual img{width:145px;height:105px;margin-top:-5px}.catalog-number{font-size:9px;letter-spacing:1.2px;color:#9ba993}.cat-rarity{float:right;font-size:9px;color:#c0cba6}.cat-card.locked .cat-visual{opacity:.87}.cat-card.active .cat-rarity{color:#ead393}.cat-card strong{font-size:13px}.cat-card .cat-status{font-size:10px;margin-top:6px}.pinned-mark{position:absolute;right:12px;bottom:18px;color:#ee9278;font-size:12px}.collection-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 0 0;color:#b9cdab;font-size:13px}.collection-bottom a{text-decoration:underline;text-underline-offset:4px}.collection-pages{display:flex;align-items:center;gap:15px}.collection-pages span{font-size:12px;color:#a4b39e;min-width:33px;text-align:center}.collection-pages button{width:44px;height:44px;border:1px solid #3e604c;border-radius:50%;background:#1d392f;color:#d8dfc0;font-size:25px}.collection-empty{grid-column:1/-1;font-size:14px;color:#b9c9b1;padding:20px}.preview-return{position:absolute;top:58px;right:22px;z-index:8;padding:9px 12px;background:#cfdbb7;border-radius:8px;color:#1b3f2c;font-size:11px}.cat-detail-number{font-size:11px;letter-spacing:2px;color:#6e7960}.cat-detail-meta{font-size:12px;line-height:1.6;color:#7c7a60;margin:12px 0 17px}.cat-detail-actions{display:flex;align-items:center;justify-content:center;gap:25px}.cat-requirements{background:#d8d9b745;border-radius:11px;margin-bottom:17px}.cat-requirements:empty{display:none}.cat-requirements p{margin:0;font-size:12px;line-height:1.5;padding:7px 15px}.cat-detail-number{margin-top:8px}#cat-detail-image{width:240px;height:192px;object-fit:contain;margin:8px auto 0;display:block}#cat-dialog{max-width:450px;max-height:90vh;overflow:auto;padding-top:22px}#cat-dialog h2{margin-top:6px}#cat-dialog>p{margin-top:10px}.top-meta{margin-left:0;letter-spacing:1.3px;font-size:9px}@media(max-width:1200px){.top-meta{display:none}.mode-switch{margin-left:0}.cat-rarity{font-size:8px}}@media(max-width:800px){.cat-grid{grid-template-columns:repeat(3,1fr)}.cat-card{height:177px}.cat-card .cat-visual{height:109px}.cat-visual img{height:119px;width:155px}.collection-controls{flex-direction:column;align-items:stretch}.collection-view{align-self:flex-end}.family-filters{flex:none}}@media(max-width:540px){.topbar{height:92px;flex-wrap:wrap;gap:8px;align-content:center;position:relative;padding-bottom:11px}.wordmark{font-size:23px}.mode-switch{order:4;position:absolute;left:0;bottom:5px;padding:2px;border:0;background:none;font-size:10px;gap:5px}.mode-switch a{padding:3px 9px}.top-actions{align-self:flex-start;margin-bottom:15px}.topbar .balance-label{display:none}.topbar .balance{font-size:13px;padding:5px 9px}.topbar .icon-button{width:33px;height:38px}.page-heading{padding-top:20px}.collection-heading h2{font-size:17px}.collection-heading h2>span{display:inline-block;margin-left:6px}.surprise-button{font-size:11px;padding:10px;max-width:130px}.collection-controls{margin-top:15px;gap:9px}.family-filters{width:100%;max-width:100%;gap:5px}.family-filters button{font-size:12px;min-height:44px;padding:9px 13px}.collection-view{font-size:12px}.collection-view select{min-height:44px}.family-note{font-size:12px;line-height:1.5}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-card{height:183px;padding:13px}.cat-card .cat-visual{height:109px}.cat-visual img{height:119px;width:155px}.cat-card strong{font-size:14px}.cat-card .cat-status{font-size:10px}.catalog-number,.cat-rarity{font-size:10px}.collection-bottom{font-size:12px}.cat-detail-actions{gap:12px}.cat-detail-actions button{font-size:12px}.preview-return{top:57px;right:16px;font-size:10px}.scene-top{font-size:8px}.scene-tag{max-width:230px}.stage-caption span:last-child{max-width:175px;text-align:right}.play-instruction{font-size:10px}}@media(max-width:380px){.wordmark{font-size:21px}.top-actions{gap:2px}.topbar .icon-button{width:31px}.collection-heading h2{font-size:16px}.cat-card{height:170px;padding:10px}.cat-card .cat-visual{height:98px}.cat-visual img{height:106px}.cat-card strong{font-size:13px}.cat-rarity{font-size:9px}.cat-card .cat-status{font-size:9px}}
/* The agent practice desk and studio use the same collection language. */
.agent-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:23px;align-items:start}.agent-stage{height:650px}.agent-stage #agent-scene{position:absolute;inset:95px 0 117px}.agent-stage .scene-copy{top:85px}.agent-stage .scene-copy h2{font-size:28px}.agent-stage .speech-bubble{top:165px}.agent-progress{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:48px;left:24px;right:24px;gap:5px;border:1px solid #5f7250;border-radius:14px;background:#153c2f;padding:13px}.agent-progress>div{display:grid;grid-template-columns:23px 1fr;gap:5px 7px;color:#96b297}.agent-progress span{grid-row:1/3;display:grid;place-items:center;font-size:10px;border:1px solid #58794b;border-radius:50%;width:25px;height:25px;align-self:center}.agent-progress strong{font-size:12px;font-weight:500}.agent-progress small{font-size:10px;color:#7f9a76}.agent-progress .complete{color:#f0dfa8}.agent-progress .complete span{background:#b4d4a7;color:#173b2c;border-color:#b4d4a7}.agent-progress .complete small{color:#cfbf82}.agent-stage-note{position:absolute;bottom:20px;left:10px;right:10px;text-align:center;color:#a6b99c;font-size:11px}.agent-workspace{display:grid;gap:15px}.agent-connection,.work-card{background:#1b3532;border:1px solid var(--line);border-radius:20px;padding:22px}.agent-connection h2{font-size:17px}.agent-connection .card-header>span{font-size:9px;letter-spacing:1px;color:#a7b99b}.agent-connection p{font-size:13px;line-height:1.55;color:#abbcaf;margin-top:12px}.agent-connection .primary-button{width:100%;margin-top:17px}.agent-identity{font-family:monospace;word-break:break-all;font-size:11px;color:#b6d2ad;margin-top:15px}.agent-daily{font-size:11px;line-height:1.6;color:#98ac99;margin-top:12px}.work-card h2{font-size:18px}.work-card .reward-label{font-size:10px}.work-field{display:flex;flex-direction:column;gap:8px;margin-top:17px;font-size:13px;color:#d6dfc8}.work-field input,.work-field textarea,.work-field select,.task-navigation select{width:100%;border:1px solid #486150;background:#142d27;color:#ede8d0;border-radius:10px;padding:11px 12px;font-size:14px;line-height:1.45;font-family:'DM Sans',sans-serif;resize:vertical}.work-field textarea::placeholder{color:#789783}.work-form-hint{font-size:11px;color:#93ad98;line-height:1.6;margin-top:13px}.work-card .primary-button{margin-top:17px;width:100%;font-size:13px}.task-summary{border-left:2px solid var(--mint);font-size:13px;line-height:1.55;color:#cdd8bd;margin-top:16px;padding-left:12px;white-space:pre-wrap}.new-task-button{background:none;color:#b9caaa;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;margin-top:5px}.task-navigation select{font-size:12px;margin-top:12px}.agent-note{border:1px dashed #4a6250;padding:17px 20px;border-radius:15px;font-size:12px;color:#9fb59f;line-height:1.6}.agent-note a{display:inline-block;margin-top:7px;text-decoration:underline;text-underline-offset:4px;color:#d0d6b0}.machine-link{font-size:12px;color:#d4d8ad;text-decoration:underline;text-underline-offset:5px}.charms-section{padding-top:30px}.charm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.charm-card{border-radius:19px;background:#253d31;border:1px solid #526049;padding:23px}.charm-symbol{color:#e4c376;font-size:33px}.charm-card h3{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:500;margin:12px 0 8px}.charm-card p{font-size:13px;line-height:1.6;color:#b0c0a5}.charm-card .secondary-button{color:#e6dca8;text-decoration:underline;text-underline-offset:4px;height:auto;min-height:44px;font-size:13px}.charm-meta{font-size:10px;letter-spacing:1.5px;color:#92aa90}.charm-guidance{border-radius:18px;background:#ffe6b8;color:#23412c;padding:25px 30px;margin-top:20px;font-size:14px;line-height:1.7}.charm-guidance h3{font-size:24px;font-family:'Space Grotesk',sans-serif;margin:0 0 9px}.charm-guidance p{font-size:14px}.charm-guidance ol{padding-left:22px}.charm-guidance li{margin:5px 0}.api-brief{border:1px solid var(--line);border-radius:20px;padding:25px;display:flex;gap:40px;align-items:center;margin:15px 0 25px}.api-brief>div:first-child{flex:1}.api-brief .eyebrow{color:#b2bd91}.api-brief h2{font-size:24px;margin-top:6px}.api-brief p{font-size:14px;color:#a9bea9;line-height:1.6;margin-top:12px;max-width:710px}.api-brief>div:last-child{display:flex;flex-direction:column;align-items:stretch;min-width:170px}.api-brief .secondary-button{color:#d6dbb4;text-align:center;display:grid;place-items:center;margin:0;text-decoration:underline;text-underline-offset:4px}.agent-mode .top-meta{font-size:9px}#agent-cat-dialog{max-width:430px}#agent-cat-image{width:240px;height:192px;display:block;margin:auto;object-fit:contain}.agent-mode footer a{font-size:10px;letter-spacing:1px}.studio-shell{max-width:1200px;margin:auto;padding:25px 32px 50px}.studio-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px;gap:20px}.studio-nav>div{display:flex;gap:20px;font-size:13px;color:#b5c4a6}.studio-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding:50px 0}.studio-heading h1{font-size:clamp(36px,5vw,65px);max-width:700px;line-height:1.06;margin:12px 0 24px}.studio-heading p{font-size:16px;color:#b9c8b0;line-height:1.65;max-width:670px}.studio-heading img{width:100%;height:340px;object-fit:contain;background:#2a493b;border:1px solid #52664b;border-radius:26px}.studio-heading .eyebrow{color:#bdcead;font-size:11px}.studio-families{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.studio-family{background:#1c3630;border:1px solid #365442;border-radius:22px;overflow:hidden}.studio-family img{display:block;width:100%;height:235px;object-fit:contain;background:#2b493c}.studio-family>div{padding:22px}.studio-family .eyebrow{font-size:10px;color:#b6c699}.studio-family h2{font-size:24px;margin:8px 0 12px}.studio-family p{font-size:14px;line-height:1.6;color:#acc1ab}.studio-family a{font-size:12px;display:inline-block;text-decoration:underline;text-underline-offset:4px;margin-top:18px;color:#d3d5a5}.studio-principles{margin:45px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.studio-principles h2{font-size:20px;margin-bottom:12px}.studio-principles p{color:#b4c4ac;font-size:14px;line-height:1.7}.studio-reading{border-radius:20px;background:#eadcb3;color:#25422b;padding:28px 35px;margin-top:30px}.studio-reading h2{font-size:24px;margin-bottom:16px}.studio-reading li{font-size:14px;line-height:1.7;margin:9px 0}.studio-reading a{text-decoration:underline}.studio-caption{font-size:12px;line-height:1.7;color:#b8c8ae;margin-top:25px}.studio-nav a:focus-visible,.studio-family a:focus-visible{outline-offset:4px}@media(max-width:1150px){.agent-dashboard{grid-template-columns:minmax(0,1fr) 320px;gap:17px}.agent-stage .scene-copy h2{font-size:24px}.agent-stage .speech-bubble{right:18px;top:200px}.agent-progress{left:15px;right:15px;padding:12px}.agent-progress strong{font-size:11px}.agent-progress>div{grid-template-columns:20px 1fr;gap:4px}.agent-progress span{width:21px;height:21px;font-size:9px}.agent-connection,.work-card{padding:18px}.api-brief{gap:20px}}@media(max-width:900px){.agent-dashboard{grid-template-columns:1fr}.agent-stage{height:590px}.agent-workspace{grid-template-columns:1fr 1fr}.agent-note{grid-column:1/-1}.agent-progress{left:25px;right:25px;padding:17px}.agent-progress strong{font-size:13px}.agent-progress>div{grid-template-columns:25px 1fr;gap:4px 8px}.agent-progress span{width:25px;height:25px}.agent-stage .speech-bubble{top:155px;right:28px}.studio-families{grid-template-columns:repeat(2,1fr)}.studio-heading{gap:30px}.studio-heading img{height:290px}}@media(max-width:540px){.agent-mode .page-heading{display:block}.agent-mode h1{font-size:29px}.agent-mode .page-heading>.machine-link{display:block;margin-top:11px;font-size:12px}.agent-dashboard{gap:16px}.agent-stage{height:530px}.agent-stage #agent-scene{inset:120px -14px 113px}.agent-stage .scene-copy{top:69px;left:20px}.agent-stage .scene-copy h2{font-size:23px;line-height:1.15}.agent-stage .scene-copy p{font-size:12px;margin-top:7px}.agent-stage .speech-bubble{top:167px;right:17px;width:117px;font-size:11px}.agent-progress{left:15px;right:15px;bottom:42px;gap:3px;padding:12px 9px}.agent-progress>div{display:flex;flex-direction:column;align-items:center;gap:4px}.agent-progress strong{font-size:11px}.agent-progress span{width:22px;height:22px;font-size:9px}.agent-progress small{font-size:9px}.agent-stage-note{bottom:15px;font-size:10px}.agent-workspace{grid-template-columns:1fr}.agent-note{grid-column:auto}.agent-connection,.work-card{padding:21px}.work-field{font-size:14px}.work-form-hint,.agent-note,.agent-connection p{font-size:13px}.agent-daily{font-size:12px}.charm-grid{grid-template-columns:1fr;gap:12px}.charm-card{padding:21px}.charm-card h3{font-size:21px}.charm-card p{font-size:14px}.charms-section .collection-heading{align-items:flex-start}.charm-meta{font-size:8px;max-width:70px;text-align:right;line-height:1.5}.charms-section .collection-heading p{display:block;font-size:12px;line-height:1.6;max-width:230px}.charm-guidance{padding:22px}.api-brief{display:block;padding:23px}.api-brief h2{font-size:24px}.api-brief p{font-size:14px}.api-brief>div:last-child{margin-top:15px;align-items:flex-start}.agent-mode .collection-bottom{display:block}.agent-mode .collection-pages{margin-top:15px;justify-content:flex-end}.agent-mode #agent-collection-note{display:block;font-size:12px;line-height:1.5}.studio-shell{padding:23px 18px 40px}.studio-nav{gap:10px;align-items:flex-start}.studio-nav .wordmark{font-size:22px}.studio-nav>div{flex-direction:column;gap:9px;font-size:12px;text-align:right}.studio-heading{grid-template-columns:1fr;padding:35px 0 28px;gap:22px}.studio-heading h1{font-size:40px;margin-top:10px}.studio-heading img{height:290px}.studio-families{grid-template-columns:1fr;gap:18px}.studio-family img{height:250px}.studio-principles{grid-template-columns:1fr;gap:25px;margin:32px 0}.studio-reading{padding:24px}.studio-reading ul{padding-left:19px}.studio-reading li{font-size:13px}.studio-reading h2{font-size:22px}.studio-caption{font-size:13px}}