.sand-garden{--garden-ink:var(--text);--garden-muted:var(--text-muted);--garden-paper:var(--bg);isolation:isolate;height:100svh;min-height:800px;color:var(--garden-ink);background:radial-gradient(at 51% 40%,#2a3330 0%,#12161a 78%);font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.sand-garden button,.sand-garden a{-webkit-tap-highlight-color:transparent}.sand-garden button{cursor:pointer}.sand-garden button:focus-visible,.sand-garden a:focus-visible,.sand-garden input:focus-visible{outline:3px solid var(--line-gold);outline-offset:5px}.garden-grain{pointer-events:none;opacity:.16;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.24' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.garden-header{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:40px;right:40px}.garden-back{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.garden-brand{letter-spacing:.06em;align-items:center;gap:9px;font-size:12px;display:flex}.garden-brand b{opacity:.55;margin-left:9px;font-weight:400}.garden-header-actions{gap:8px;display:flex}.garden-icon{width:36px;height:36px;color:var(--text);background:#8c7d5a1f;border:1px solid #8c7d5a59;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.garden-icon:hover{background:#8c7d5a38}.garden-heading{z-index:2;pointer-events:none;position:absolute;top:102px;left:6%}.garden-eyebrow{letter-spacing:.19em;color:var(--line-gold);font-size:10px;font-weight:600}.garden-heading h1{letter-spacing:-.02em;margin:12px 0 8px;font-size:46px;font-weight:600;line-height:1.4}.garden-heading h1 span{border:1px solid var(--line-gold);vertical-align:middle;width:25px;height:25px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-left:14px;font-size:12px;display:inline-flex}.garden-heading p{color:var(--text-muted);font-size:12px;line-height:1.7}.garden-world{z-index:0;position:absolute;inset:9% 0 12%}.garden-world-drawing{right:25%}.garden-loading{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex}.garden-loading a{text-decoration:underline}.garden-welcome{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1b2120d1;border:1px solid #8c7d5a47;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:25px 30px;display:flex;position:absolute;bottom:75px;left:6%;right:6%;box-shadow:0 10px 40px #00000059}.garden-welcome h2{letter-spacing:-.02em;margin:8px 0;font-size:22px;font-weight:600}.garden-welcome p{color:var(--text-muted);font-size:12px;line-height:1.7}.garden-entry-actions{flex-shrink:0;align-items:center;gap:30px;display:flex}.garden-colors{gap:9px;display:flex}.garden-colors button{border:3px solid var(--bg);border-radius:50%;width:22px;height:22px}.garden-colors button.selected{outline:1px solid var(--line-gold);outline-offset:3px}.garden-primary{background:var(--accent-fill);color:var(--bg);border:0;border-radius:13px;justify-content:center;align-items:center;gap:30px;padding:17px 22px;font-size:13px;display:flex;box-shadow:0 5px 12px #0006}.garden-primary:hover{background:#6f6137}.garden-presence{z-index:3;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:absolute;top:108px;right:5%}.garden-presence button{background:#1b2120b3;border:1px solid #8c7d5a4d;border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.garden-presence>span{color:var(--text-muted);text-align:right;max-width:240px;font-size:10px;line-height:1.6}.garden-live-dot{background:#ffd84a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 4px #ffd84acc}.garden-hint{color:var(--text-muted);white-space:nowrap;pointer-events:none;background:#111513c7;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex;position:absolute;bottom:156px;left:50%;transform:translate(-50%)}.garden-toolbar{z-index:4;background:#111513e0;border:1px solid #8c7d5a47;border-radius:20px;gap:8px;padding:7px;display:flex;position:absolute;bottom:67px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}.garden-toolbar button{min-width:99px;height:66px;color:var(--text-muted);border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.garden-toolbar button:hover,.garden-toolbar button.active{color:var(--text);background:#8c7d5a38}.garden-wave{font-size:25px;line-height:19px}.garden-footer{color:var(--text-muted);z-index:2;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:25px;left:6%;right:6%}.garden-footer span:last-child{letter-spacing:.17em;font-size:8px}.garden-drawing-panel{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111513e6;border:1px solid #8c7d5a47;border-radius:22px;width:min(330px,32vw);padding:22px;position:absolute;top:190px;right:4%;box-shadow:0 15px 45px #0006}.garden-panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.garden-panel-title h2{letter-spacing:-.02em;margin-top:5px;font-size:17px;font-weight:600}.garden-drawing-panel>p{color:var(--text-muted);margin:15px 0;font-size:11px}.garden-sand-pad{aspect-ratio:1;border:6px solid var(--line-gold);touch-action:none;cursor:crosshair;border-radius:10px;width:100%;display:block;box-shadow:inset 0 2px 8px #00000073}.garden-pad-actions{justify-content:space-between;gap:10px;margin-top:15px;display:flex}.garden-pad-actions button{color:var(--text-muted);align-items:center;gap:6px;padding:7px 0;font-size:10px;display:flex}.garden-drawing-panel small{text-align:center;color:var(--text-muted);margin-top:12px;font-size:9px;display:block}.garden-popover{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111513eb;border:1px solid #8c7d5a47;border-radius:18px;width:290px;padding:22px;position:absolute;box-shadow:0 10px 45px #00000073}.garden-settings{top:76px;right:35px}.garden-popover p{color:var(--text-muted);margin:14px 0 0;font-size:11px;line-height:1.8}.garden-settings label{align-items:center;gap:10px;margin-top:20px;font-size:12px;display:flex}.garden-settings input{accent-color:var(--accent-fill);width:16px;height:16px}.garden-text-button{color:var(--line-gold);align-items:center;gap:7px;margin-top:24px;font-size:12px;display:flex}.garden-people{top:180px;right:5%}.garden-room-switch{flex-direction:column;gap:6px;margin-top:14px;display:flex}.garden-room-switch button{width:100%;color:var(--text);border:1px solid #8c7d5a38;border-radius:12px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;display:flex}.garden-room-switch button:not(:disabled):hover{background:#8c7d5a2e}.garden-room-switch button.current{border-color:var(--line-gold);color:var(--line-gold)}.garden-room-switch button span{color:var(--text-muted);font-size:11px}.garden-person-row{align-items:center;gap:8px;margin-top:16px;font-size:11px;display:flex}.garden-person-row>span:first-child{border-radius:50%;width:15px;height:15px}.garden-person-row>span:nth-child(2){flex:1}.garden-person-row button{padding:6px}.garden-toast{z-index:20;width:max-content;max-width:90%;color:var(--text);background:#111513f2;border-radius:16px;padding:13px 20px;font-size:12px;line-height:1.6;position:absolute;bottom:164px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #00000080}.garden-reduced *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (min-width:1500px){.garden-heading{top:135px;left:9%}.garden-world{inset:8% 2% 10%}.garden-world-drawing{right:25%}}@media (max-height:850px) and (min-width:701px){.sand-garden{min-height:650px}.garden-heading{top:90px}.garden-drawing-panel{width:280px;padding:18px;top:150px}.garden-world{inset:8% 0 17%}.garden-world-drawing{right:26%}.garden-welcome{padding:20px 25px;bottom:62px}}@media (max-width:700px){.sand-garden{height:100svh;min-height:740px}.garden-header{top:18px;left:20px;right:20px}.garden-brand{font-size:10px}.garden-brand b{display:none}.garden-heading{top:88px;left:24px}.garden-heading h1{margin-top:8px;font-size:35px}.garden-heading p{max-width:240px;font-size:11px}.garden-eyebrow{font-size:8px}.garden-world{inset:17% -8% 25%}.garden-welcome{padding:20px;display:block;bottom:57px;left:16px;right:16px}.garden-welcome h2{font-size:19px}.garden-welcome p{max-width:280px;font-size:11px}.garden-entry-actions{justify-content:space-between;gap:18px;margin-top:20px}.garden-primary{gap:12px;padding:14px 16px;font-size:11px}.garden-colors{gap:5px}.garden-colors button{width:19px;height:19px}.garden-footer{font-size:9px;bottom:22px;left:22px;right:22px}.garden-footer span:last-child{font-size:6px}.garden-presence{align-items:flex-start;gap:5px;top:196px;left:24px;right:auto}.garden-presence button{padding:7px 11px;font-size:10px}.garden-presence>span{text-align:left;max-width:300px;font-size:9px}.garden-toolbar{gap:2px;padding:5px;bottom:58px}.garden-toolbar button{min-width:90px;height:59px}.garden-hint{padding:8px 10px;font-size:9px;bottom:141px}.garden-drawing-panel{width:210px;padding:14px;top:auto;bottom:141px;right:16px}.garden-panel-title h2{font-size:15px}.garden-drawing-panel>p{margin:8px 0;font-size:9px;line-height:1.6}.garden-drawing-panel small{margin-top:6px;font-size:8px;line-height:1.5}.garden-pad-actions{gap:4px;margin-top:7px}.garden-pad-actions button{font-size:9px}.garden-world-drawing{inset:19% -13% 24%;transform:translate(-60px,-35px)}.garden-settings{top:70px;right:16px}.garden-people{top:236px;right:16px}.garden-toast{font-size:11px;bottom:135px}.garden-drawing-panel .garden-icon{width:28px;height:28px}}.garden-world-drawing{inset:20% 25% 16% 4%}@media (max-width:700px){.garden-world-drawing{inset:22% -13% 24%;inset:27% 0 46%;transform:none}.garden-drawing-panel{grid-template-columns:1fr 170px;gap:10px 14px;width:calc(100% - 32px);display:grid}.garden-drawing-panel .garden-panel-title{grid-column:1/-1}.garden-drawing-panel>p{grid-area:2/1;margin:0;line-height:1.8}.garden-drawing-panel .garden-sand-pad{grid-area:2/2/5}.garden-drawing-panel .garden-pad-actions{flex-direction:column;grid-area:3/1;justify-content:center;margin:0}.garden-drawing-panel small{text-align:left;grid-area:4/1;margin:0;line-height:1.7}}@media (max-width:360px){.garden-drawing-panel{grid-template-columns:1fr 140px}.garden-entry-actions{gap:12px}.garden-primary{gap:6px;padding:13px 10px}.garden-colors{gap:3px}}