:root{--ink:#0c1c2c;--green:#29c96b;--green2:#0ba954;--yellow:#ffd84d;--red:#f25b56;--cyan:#63e6ff;--blue:#42a5ff;--glass:rgba(255,255,255,.86);--line:rgba(12,28,44,.12);--shadow:0 18px 60px rgba(20,65,95,.18)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#dff4ff;font-family:Inter,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}#world{display:block;width:100%;height:100%;touch-action:none;outline:none;background:#dff4ff}.screen{position:fixed;inset:0;z-index:20;display:none}.screen.active{display:flex}.glass{background:var(--glass);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.loading-screen{align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(221,244,255,.58),rgba(255,255,255,.5));overflow:hidden}.loading-art{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(41,201,107,.22),transparent 28%),radial-gradient(circle at 80% 25%,rgba(99,230,255,.28),transparent 28%),linear-gradient(180deg,#cfeeff 0 52%,#f8fff8 52%);}.loading-art:before,.loading-art:after{content:"";position:absolute;bottom:17%;width:36%;height:22%;background:linear-gradient(140deg,#fff 0 55%,#edf7fb 55%);border-radius:28px;box-shadow:80px -50px 0 -22px rgba(255,255,255,.96),140px -12px 0 -38px #8bd36b}.loading-art:before{left:5%}.loading-art:after{right:2%;transform:scaleX(-1)}.loading-panel{position:relative;width:min(760px,calc(100vw - 36px));padding:42px 48px 34px;border-radius:30px;text-align:center}.brand{display:flex;align-items:center;justify-content:center;font-weight:1000;letter-spacing:-.08em;color:#071a2c;line-height:.85}.brand span{display:inline-block}.brand i{width:.62em;height:.62em;margin:0 .08em;border-radius:.12em;background:linear-gradient(145deg,#fff 0 28%,#57d7ff 29% 65%,#1686e6 66%);transform:rotate(45deg);box-shadow:inset 0 0 0 .07em rgba(0,0,0,.08)}.brand-xl{font-size:clamp(64px,10vw,118px)}.brand-lg{font-size:clamp(58px,8vw,92px)}.brand-md{font-size:52px}.brand-sm{font-size:36px;justify-content:flex-start}.brand.light{color:#fff}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.22em;opacity:.72}.loading-track,.progress,.meter{height:12px;border-radius:999px;background:rgba(12,28,44,.1);overflow:hidden}.loading-bar,.progress i,.meter i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--green2),var(--green),#67e593);transition:width .35s ease}.loading-row{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;letter-spacing:.14em}.loading-row strong{font-size:18px}.hand-note{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:18px;transform:rotate(-3deg);margin:18px 0 0 auto;width:max-content}.light{color:#fff}
.menu-screen{align-items:center;justify-content:flex-start;padding-left:max(5vw,34px);background:linear-gradient(90deg,rgba(255,255,255,.88) 0 42%,rgba(255,255,255,.06) 70%)}.menu-card{width:min(500px,calc(100vw - 44px));padding:36px;border-radius:30px}.menu-actions{display:grid;gap:10px;margin-top:26px}.menu-actions button,.primary,.wide,.care-card button,.icon-button{border:0;border-radius:14px;min-height:52px;padding:12px 18px;background:rgba(255,255,255,.94);color:var(--ink);font-weight:900;box-shadow:0 5px 16px rgba(7,26,44,.08);transition:transform .16s ease,box-shadow .16s ease}.menu-actions button:hover,.care-card button:hover,.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(7,26,44,.12)}.menu-actions .primary,.primary{background:linear-gradient(180deg,#39df7d,#19bc5e);color:#fff}.menu-motto{margin:26px 0 0;text-align:right;letter-spacing:.14em;font-size:12px}.hud{position:fixed;inset:0;z-index:10;pointer-events:none}.goal-card{position:absolute;left:22px;top:22px;width:min(330px,calc(100vw - 44px));padding:16px;border-radius:18px}.goal-title{display:flex;align-items:center;gap:10px}.goal-title small,.dash-card small{display:block;font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.65}.goal-title strong{font-size:14px}.cube-dot{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,var(--green),#168d46);box-shadow:inset -5px -5px 0 rgba(0,0,0,.08)}.goal-card p{font-size:12px;margin:10px 0}.goal-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:900;letter-spacing:.1em}.care-strip{position:absolute;right:22px;top:22px;padding:10px;border-radius:16px;display:flex;gap:10px}.care-strip div{display:flex;align-items:center;gap:5px}.care-strip i{width:54px;height:7px;border-radius:99px;background:rgba(0,0,0,.1);overflow:hidden}.care-strip b{display:block;height:100%;background:var(--green);border-radius:99px}.context-hint{position:absolute;right:22px;bottom:22px;padding:12px 14px;border-radius:14px;font-size:12px;font-weight:800}.overlay-screen{align-items:center;justify-content:center;background:rgba(12,28,44,.52);backdrop-filter:blur(14px)}.pause-card{position:relative;width:min(680px,calc(100vw - 40px));padding:34px;border-radius:30px;background:rgba(18,45,65,.77);color:#fff}.pause-card h1{text-align:center;letter-spacing:.24em;font-size:15px}.pause-card .menu-actions{width:min(340px,100%);margin:26px auto 0}.pause-card .hand-note{position:absolute;right:26px;bottom:30px;color:white}.panel-screen{align-items:center;justify-content:center;background:rgba(239,249,255,.96);padding:24px;overflow:auto}.dashboard-shell,.simple-panel{width:min(1240px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#f6fbff;border:1px solid #fff;border-radius:28px;box-shadow:var(--shadow);padding:20px}.dashboard-shell>header,.simple-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.dashboard-shell>header p{margin:4px 0 0;font-weight:900;letter-spacing:.16em;font-size:11px}.icon-button{width:46px;height:46px;min-height:46px;padding:0;font-size:26px}.dashboard-grid{display:grid;grid-template-columns:180px minmax(0,1fr) 300px;gap:16px;margin-top:18px}.dash-nav{display:grid;align-content:start;gap:8px}.dash-nav button{border:0;text-align:left;padding:13px 14px;border-radius:12px;background:transparent;font-weight:800}.dash-nav button.active{background:#40a7ff;color:white}.dash-main{display:grid;gap:14px;min-width:0}.dash-card{background:white;border:1px solid rgba(12,28,44,.08);border-radius:18px;padding:16px;box-shadow:0 7px 20px rgba(20,65,95,.07)}.cody-status{display:flex;gap:15px;align-items:center}.cody-avatar{width:68px;height:68px;border-radius:18px;background:radial-gradient(circle at 50% 48%,#ffe45a 0 25%,#43c85d 26% 53%,transparent 54%),linear-gradient(#e8f8ff,#fff);position:relative}.cody-avatar:before,.cody-avatar:after{content:"";position:absolute;top:30px;width:19px;height:11px;background:var(--red);clip-path:polygon(0 50%,100% 0,100% 100%)}.cody-avatar:before{left:2px}.cody-avatar:after{right:2px;transform:scaleX(-1)}.cody-status h2{margin:5px 0 2px}.cody-status p{margin:0;font-size:13px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-row b{display:block;margin-top:7px;font-size:18px}.thought-card h3{margin:8px 0}.progress.large{height:14px}.thought-card p{font-size:13px}.care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.care-card .meter{margin:10px 0 7px}.care-card>b{display:block;margin-bottom:10px}.care-card button{width:100%;min-height:42px;font-size:11px;padding:8px}.care-card.dopamine .meter i{background:linear-gradient(90deg,#7d54ff,#e059ff)}.dash-side{display:grid;align-content:start;gap:12px}.dash-card label{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:8px;margin-top:11px;font-size:11px}.dash-card label i{height:8px;background:#e3edf4;border-radius:99px;overflow:hidden}.dash-card label b{display:block;height:100%;background:var(--blue);border-radius:99px}.compact p{font-size:12px}.simple-panel{width:min(760px,100%);padding:28px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.controls-grid div{display:flex;justify-content:space-between;gap:20px;padding:14px;border-radius:12px;background:white;border:1px solid var(--line)}.controls-grid span{opacity:.66}.wide{width:100%}.setting-row{display:grid;grid-template-columns:1fr minmax(160px,320px);align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}input[type=range]{width:100%}.toast{position:fixed;z-index:80;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0d2032;color:white;padding:12px 18px;border-radius:999px;font-weight:800;transition:.22s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dash-nav{display:none}.dash-side{grid-template-columns:1fr 1fr}.care-grid,.stats-row{grid-template-columns:1fr 1fr}.menu-screen{padding-left:20px}.care-strip{display:none}.goal-card{left:12px;top:12px}.context-hint{right:12px;bottom:12px}.pause-card .hand-note{display:none}}@media(max-width:560px){.loading-panel{padding:30px 22px}.brand-xl{font-size:58px}.menu-card{padding:24px}.stats-row,.care-grid,.dash-side,.controls-grid{grid-template-columns:1fr}.panel-screen{padding:10px}.dashboard-shell,.simple-panel{max-height:calc(100vh - 20px);padding:14px}.setting-row{grid-template-columns:1fr}.context-hint{font-size:10px}.goal-card{width:250px}.brand-lg{font-size:52px}}