.room{--room-bg:#f6f7f9;--room-surface:#fff;--room-ink:#1d2330;--room-muted:#5d6676;--room-line:#dfe3ea;--room-radius:14px;--room-font:"IBM Plex Sans Arabic", system-ui, "Segoe UI", Tahoma, sans-serif;--room-shadow:0 1px 2px #1018280f, 0 4px 16px #1018280f;--room-planet-light:#b9f0c8;--room-planet-dark:#2f8f5b}.room[data-theme=school]{--room-bg:#f4f1e8;--room-surface:#fffdf7;--room-line:#e3dccb;--room-radius:8px}.room[data-theme=studio]{--room-bg:#f3f0fb;--room-line:#e2dcf3;--room-radius:18px}.room[data-theme=habit]{--room-bg:#eef8f2;--room-line:#d3eadb}.room[data-theme=kids]{--room-bg:#fff4e3;--room-surface:#fff;--room-ink:#2a2140;--room-line:#ffd9a8;--room-radius:26px;--room-font:"Baloo Bhaijaan 2", "IBM Plex Sans Arabic", system-ui, sans-serif;--room-planet-light:#ffe08a;--room-planet-dark:#4cae6e}.room[data-theme=planet]{--room-bg:radial-gradient(circle at 20% 10%, #23305c, #0b1024 70%);--room-surface:#ffffff14;--room-ink:#eef1ff;--room-muted:#aab3d6;--room-line:#ffffff24;--room-shadow:none;--room-planet-light:#8fe3ff;--room-planet-dark:#3557c5}.room[data-theme=office]{--room-bg:#eef1f5;--room-ink:#17202c;--room-radius:6px}.room[data-theme=calm]{--room-bg:#f1f5f2;--room-muted:#63736a;--room-radius:20px}.room-doors{grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr));gap:12px;display:grid}.room-door{font:inherit;color:inherit;background:var(--room-surface);border:1px solid var(--room-line);border-radius:var(--room-radius);cursor:pointer;filter:grayscale(.65)opacity(.8);grid-template-rows:76px auto auto;justify-items:center;gap:4px;padding:10px 6px;transition:filter .3s,transform .2s;display:grid}.room-door[data-lit]{filter:none}.room-door:hover:not(:disabled){transform:translateY(-2px)}.room-door[data-planned]{cursor:default;filter:grayscale()opacity(.55)}.room-door[data-planned] .room-door-building{border:2px dashed var(--room-muted);box-shadow:none;background:0 0}.room-door-building{inline-size:54px;block-size:calc(30px + var(--pulse) * 44px);background:color-mix(in srgb, var(--door-accent) calc(35% + var(--pulse) * 65%), #9097a1);box-shadow:0 0 calc(4px + var(--pulse) * 26px) color-mix(in srgb, var(--door-accent) 70%, transparent);border-radius:14px 14px 6px 6px;align-self:end;place-items:center;font-size:1.5rem;transition:block-size .4s,box-shadow .4s;display:grid}.room-door-title{text-align:center;overflow-wrap:anywhere;max-inline-size:100%;font-weight:600;line-height:1.3}.room-door-meter{color:var(--room-muted);min-block-size:1.2em;font-size:.8rem}.room-world{aspect-ratio:5/3;min-block-size:300px;position:relative}.room-world-ground{block-size:100%;inline-size:100%;position:absolute;inset:0}.room-world-shadow{fill:#0000002e}.room-world-land{fill:color-mix(in srgb, var(--room-accent) 22%, var(--room-surface));stroke:color-mix(in srgb, var(--room-accent) 45%, transparent);stroke-width:1px}.room-world-heart{fill:color-mix(in srgb, var(--room-accent) 30%, transparent)}.room-world .room-door{background:0 0;border:0;inline-size:min(30%,128px);padding:2px;position:absolute;transform:translate(-50%,-50%)}.room-world .room-door:hover:not(:disabled){transform:translate(-50%,calc(-50% - 2px))}@media (width<=560px){.room-world{aspect-ratio:1}.room-world .room-door{grid-template-rows:60px auto auto;font-size:.8rem}.room-world .room-door-building{inline-size:40px;block-size:calc(24px + var(--pulse) * 34px);font-size:1.15rem}}@media (prefers-reduced-motion:reduce){.room-door,.room-door-building{transition:none}}.room{background:var(--room-bg);min-block-size:100%;color:var(--room-ink);font-family:var(--room-font);box-sizing:border-box;padding:20px 16px 32px}.room *,.room :before,.room :after{box-sizing:inherit}.room-header{max-inline-size:1180px;margin:0 auto 16px}.room-header h1{margin:0 0 4px;font-size:clamp(1.4rem,3vw,2rem)}.room-header p,.room-muted{color:var(--room-muted);margin:0}.room-body{grid-template-columns:minmax(0,1fr);gap:16px;max-inline-size:1180px;margin:0 auto;display:grid}@media (width>=900px){.room-body.has-aside{grid-template-columns:minmax(0,1fr) 360px;align-items:start}}.room-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.room-panel{background:var(--room-surface);border:1px solid var(--room-line);border-radius:var(--room-radius);box-shadow:var(--room-shadow);outline-offset:2px;outline:3px solid #0000;min-inline-size:0;padding:16px;transition:outline-color .2s,transform .2s}.room-panel[data-wide]{grid-column:1/-1}.room-panel[data-focus]{outline-color:var(--room-accent);transform:translateY(-2px)}.room-panel h2{margin:0 0 12px;font-size:1rem}.room-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.room-list li{border-block-end:1px solid var(--room-line);align-items:center;gap:10px;padding:6px 0;display:flex}.room-list input[type=checkbox]{block-size:20px;inline-size:20px;accent-color:var(--room-accent);flex:none}.room-list-text{overflow-wrap:anywhere;flex:1;min-inline-size:0;display:grid}.room-list-text small{color:var(--room-muted)}.room-icon-button{color:var(--room-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;block-size:32px;inline-size:32px;font-size:1.2rem}.room-add{gap:8px;margin-block-start:12px;display:flex}.room-add input{min-inline-size:0;font:inherit;border:1px solid var(--room-line);border-radius:calc(var(--room-radius) / 2);background:var(--room-surface);color:inherit;flex:1;padding:8px 10px}.room-add button{font:inherit;border-radius:calc(var(--room-radius) / 2);background:var(--room-accent);color:#fff;cursor:pointer;border:0;padding:8px 14px}.room-error{color:#c62828;margin:8px 0 0}.room-stat{margin:0;display:grid}.room-stat strong{color:var(--room-accent);font-size:2.4rem}.room-stat span,.room-progress p,.room-growth figcaption{color:var(--room-muted)}.room-progress-track{background:var(--room-line);border-radius:999px;block-size:12px;overflow:hidden}.room-progress-track span{background:var(--room-accent);block-size:100%;transition:inline-size .3s;display:block}.room-progress p{margin:10px 0 0}.room-text{white-space:pre-line;margin:0;line-height:1.7}.room-growth{justify-items:center;margin:0;display:grid}.room-growth svg{block-size:auto;inline-size:min(100%,420px)}.room-planet-light{stop-color:var(--room-planet-light)}.room-planet-dark{stop-color:var(--room-planet-dark)}.room-planet-shadow{fill:#0000001f}.room-planet-ring{fill:none;stroke:var(--room-accent);stroke-width:3px;opacity:.45}.room-plant line{stroke:#2d6a3e;stroke-width:2.5px;stroke-linecap:round}.room-leaf{fill:#3fa35f}.room-flower{fill:var(--room-accent)}.room-plant{transform-box:fill-box;transform-origin:bottom;animation:.5s ease-out both room-grow}@keyframes room-grow{0%{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.room-plant,.room-panel,.room-progress-track span{transition:none;animation:none}}:root{--app-bg:#f5f6f8;--app-surface:#fff;--app-ink:#18202b;--app-muted:#5b6573;--app-line:#dde2e9;--app-accent:#5b4bff;--app-notice:#fff5d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--app-bg:#11151c;--app-surface:#1a2029;--app-ink:#e8ecf2;--app-muted:#9aa5b4;--app-line:#2c3440;--app-accent:#8f84ff;--app-notice:#3a3218;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html,body,#root{min-block-size:100%;margin:0}body{background:var(--app-bg);color:var(--app-ink);font-family:IBM Plex Sans Arabic,system-ui,Segoe UI,Tahoma,sans-serif;line-height:1.5}a{color:inherit}:focus-visible{outline:3px solid var(--app-accent);outline-offset:2px}.app-page{max-inline-size:1080px;margin:0 auto;padding:32px 16px 48px}.hero{margin-block-end:32px}.hero h1{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.8rem)}.hero p{max-inline-size:60ch;color:var(--app-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem}.notice{background:var(--app-notice);border-radius:10px;margin:12px 0;padding:10px 14px}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--app-surface);border:1px solid var(--app-line);border-block-start:6px solid var(--card-accent);border-radius:14px;gap:6px;padding:18px;text-decoration:none;display:grid}.card strong{font-size:1.2rem}.card span{color:var(--app-muted)}.card-theme{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.room-page{min-block-size:100vh}.room-page>.notice{border-radius:0;margin:0}.room-bar{background:var(--app-surface);border-block-end:1px solid var(--app-line);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px;font-size:.9rem;display:flex}.room-bar>span:last-child{color:var(--app-muted)}.room-crumbs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-crumbs [aria-current]{font-weight:600}.dock{background:var(--room-surface);border:1px solid var(--room-line);border-radius:var(--room-radius);box-shadow:var(--room-shadow);grid-template-columns:minmax(0,1fr);gap:8px;padding:12px;display:grid}@media (width>=900px){.dock{position:sticky;inset-block-start:12px}}.dock-tabs{flex-wrap:wrap;gap:6px;display:flex}.dock-tabs button,.dock-form button{font:inherit;border:1px solid var(--room-line);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.dock-tabs button[aria-selected=true],.dock-form button[type=submit]{background:var(--room-accent);border-color:var(--room-accent);color:#fff}.dock-form button:disabled{opacity:.5;cursor:default}.dock-who{margin:0}.dock-log{grid-template-columns:minmax(0,1fr);gap:8px;max-block-size:min(55vh,520px);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.dock-line{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;max-inline-size:90%;padding:8px 12px}.dock-agent{background:color-mix(in srgb, var(--room-accent) 12%, transparent);justify-self:start}.dock-person{background:var(--room-line);justify-self:end}.dock-activity,.dock-thinking{color:var(--room-muted);justify-self:center;padding:2px 8px;font-size:.85rem}.dock-error{color:#c62828;justify-self:center}.dock-form{align-items:end;gap:8px;display:flex}.dock-form textarea{min-inline-size:0;font:inherit;resize:vertical;border:1px solid var(--room-line);background:var(--room-surface);color:inherit;border-radius:12px;flex:1;padding:8px 10px}.dock-call{color:var(--room-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.dock-call button{font:inherit;border:1px solid var(--room-accent);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px}.dock-call[data-status=live]{color:var(--room-accent);font-weight:600}.immersive{z-index:10;color:#fff;position:fixed;inset:0;overflow:hidden}.immersive-world{position:absolute;inset:0}.immersive-title,.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.immersive-exit,.immersive .round,.immersive-cast button,.immersive-live,.caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#140c306b;border:1px solid #ffffff38}.immersive-exit{top:max(12px, env(safe-area-inset-top));opacity:.75;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;text-decoration:none;display:grid;position:absolute;inset-inline-start:12px}.immersive-cast{top:max(12px, env(safe-area-inset-top));gap:6px;display:flex;position:absolute;inset-inline-end:12px}.immersive-cast button{font:inherit;opacity:.75;border-radius:999px;padding:6px 12px;font-size:14px}.immersive-cast button[aria-pressed=true]{opacity:1;border-color:#ffffffb3}.immersive-bottom{inset-inline:0;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute}.immersive-bottom>*{pointer-events:auto}.immersive-captions{justify-items:center;gap:6px;max-width:min(680px,100%);display:grid}.caption{text-align:center;text-shadow:0 1px 2px #0006;border-radius:14px;margin:0;padding:8px 14px;font-size:clamp(16px,2.4vw,21px);line-height:1.55}.caption-person{opacity:.75;font-size:15px}.immersive-controls{align-items:center;gap:10px;display:flex}.immersive .round{border-radius:50%;width:48px;height:48px;font-size:20px}.immersive-begin{color:#2e1065;font:inherit;background:linear-gradient(135deg,#f9a8d4,#c4b5fd,#93c5fd);border:0;border-radius:999px;padding:14px 28px;font-size:20px;font-weight:700;animation:2.4s ease-in-out infinite immersive-glow;box-shadow:0 0 28px #f472b699}.immersive-live{border-radius:999px;padding:10px 16px;animation:1.8s ease-out infinite immersive-ring;box-shadow:0 0 #c4b5fdb3}.immersive-type{gap:8px;width:min(560px,100%);display:flex}.immersive-type input{min-width:0;font:inherit;border:0;border-radius:999px;flex:1;padding:10px 14px}.immersive-type button{font:inherit;border:0;border-radius:999px;padding:10px 16px}@keyframes immersive-glow{50%{box-shadow:0 0 44px #c4b5fde6}}@keyframes immersive-ring{to{box-shadow:0 0 0 14px #c4b5fd00}}@media (prefers-reduced-motion:reduce){.immersive-begin,.immersive-live{animation:none}}