:root{color-scheme:dark;--bg: #0a0a12;--surface: #13131b;--panel-solid: #14141f;--glass: rgba(20, 20, 31, .72);--glass-strong: rgba(26, 26, 40, .84);--hairline: rgba(232, 230, 240, .1);--hairline-strong: rgba(232, 230, 240, .18);--text: #e8e6f0;--muted: #9a97ad;--accent: #7b5ea7;--accent-soft: rgba(123, 94, 167, .15);--safety: #4ea8de;--safety-soft: rgba(78, 168, 222, .14);--danger: #ff8a8a;--font-display: "Space Grotesk", "Be Vietnam Pro", system-ui, sans-serif;--font-body: "Be Vietnam Pro", system-ui, "Segoe UI", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--r-sm: 4px;--r-md: 8px;--r-full: 9999px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55}::selection{background:#7b5ea773}.label-caps{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.glass{background:var(--glass);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:0 16px 40px -12px #05050aa6}.muted{color:var(--muted)}.small{font-size:12px}.safety-text{color:var(--safety)}.pulse-dot,.mood-dot{width:6px;height:6px;border-radius:var(--r-full);display:inline-block;background:var(--safety);flex-shrink:0}.pulse-dot{box-shadow:0 0 10px 1px currentColor}.btn{font-family:var(--font-body);font-size:14px;background:#e8e6f00a;color:var(--muted);border:1px solid var(--hairline);border-radius:var(--r-sm);padding:9px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.btn:hover:not(:disabled){color:var(--text);border-color:var(--hairline-strong)}.btn:disabled{opacity:.35;cursor:default}.btn.ghost{background:transparent}.btn.label-caps{letter-spacing:.18em}.btn.primary{background:var(--accent-soft);border:1px solid rgba(123,94,167,.6);color:#ecdcff}.btn.primary:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 24px -4px #7b5ea773}.btn.safety{background:var(--safety-soft);border:1px solid rgba(78,168,222,.55);color:#c8e6ff}.btn.safety:hover:not(:disabled){border-color:var(--safety);box-shadow:0 0 24px -4px #4ea8de66}.btn.icon-only{padding:6px 11px;font-size:13px}.chip{display:inline-flex;align-items:center;gap:7px;border-radius:var(--r-full);padding:6px 13px;font-size:12px;color:var(--muted);border:1px solid var(--hairline);background:transparent;cursor:default}button.chip{cursor:pointer;transition:all .25s ease}.chip-ghost{background:#e8e6f00a}.chip-safety{color:#c8e6ff;border-color:#4ea8de73;background:var(--safety-soft)}.chip-safety:hover{border-color:var(--safety);box-shadow:0 0 24px -6px #4ea8de66}.chip-violet{color:#ecdcff;border-color:#7b5ea78c;background:var(--accent-soft)}.btn-row{display:flex;justify-content:flex-end;gap:8px}.error-text{color:var(--danger);font-size:13px}.screen{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid var(--hairline);background:#0a0a12cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.nav-brand{display:flex;align-items:center;gap:18px;cursor:pointer}.nav-logo{font-family:var(--font-display);font-weight:700;letter-spacing:.25em;text-transform:uppercase;font-size:14px}.nav-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;border-left:1px solid var(--hairline);padding-left:18px}.nav-links{display:flex;gap:26px}.nav-link{background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:6px 2px;transition:color .25s ease}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);text-shadow:0 0 18px rgba(123,94,167,.8)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-avatar{width:36px;height:36px;border-radius:var(--r-full);object-fit:cover;display:block;box-shadow:0 0 14px -3px #7b5ea7b3}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 28px;border-top:1px solid var(--hairline);font-size:12px;flex-wrap:wrap}.footer-logo{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.footer-muted{color:var(--muted)}.footer-right{display:inline-flex;align-items:center;gap:18px;flex-wrap:wrap}.footer-hotline{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--safety)}.gallery-main{flex:1;width:100%;max-width:1380px;margin:0 auto;padding:22px 28px 40px;display:flex;flex-direction:column;gap:20px}.gallery-statusline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.statusline-left,.statusline-right{display:inline-flex;align-items:center;gap:10px}.mood-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.hero{text-align:center;padding:48px 16px 34px;display:flex;flex-direction:column;align-items:center;gap:14px}.hero-badge{color:#c8b3ec;background:#7b5ea71f;border:1px solid rgba(123,94,167,.35);border-radius:var(--r-full);padding:7px 16px}.hero-title{margin:6px 0 0;font-family:var(--font-display);font-size:64px;font-weight:600;letter-spacing:.25em;text-indent:.25em;line-height:1.1;text-shadow:0 0 60px rgba(123,94,167,.55)}.hero-subtitle{margin:0;color:var(--text);font-size:16px}.hero-quote{margin:2px 0 8px;font-family:var(--font-serif);font-style:italic;font-size:21px;color:var(--muted);max-width:560px}.hero-cta{width:150px;height:150px;margin:10px 0 6px;border-radius:18px;border:1px solid rgba(123,94,167,.5);background:radial-gradient(circle at 50% 38%,#7b5ea759,#14141f66 55%),var(--panel-solid);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.hero-cta:hover{transform:translateY(-3px);border-color:#d6baffe6;box-shadow:0 0 70px -8px #7b5ea7bf}.hero-cta-scribble{font-size:34px;line-height:1;color:#d6baff}.hero-cta-sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:var(--font-display)}.hero-secondary{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.hero-disclaimer{margin:8px 0 0;color:var(--muted);font-size:12px}.trust-bar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--hairline);font-size:12px;color:var(--muted)}.trust-item{display:inline-flex;align-items:center;gap:8px}.trust-bar .chip-ghost{margin-left:auto;font-family:var(--font-display)}.features{display:flex;flex-direction:column;gap:18px;padding-top:16px}.features-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.features-kicker{color:var(--safety);margin:0 0 6px}.features-title{margin:0;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.1em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.feature-card{padding:20px 22px;display:flex;flex-direction:column;gap:10px}.feature-head{display:flex;align-items:center;justify-content:space-between}.feature-icon{font-size:18px;opacity:.9}.feature-title{margin:2px 0 0;font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:.04em}.feature-body{margin:0;color:var(--muted);font-size:13.5px}.feature-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline);padding-top:10px;margin-top:4px}.draw-scene{height:100vh;display:flex;flex-direction:column;overflow:hidden}.draw-scene .top-nav{position:static;padding:10px 28px}.draw-subheader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 28px 0;padding:10px 18px;border-radius:var(--r-md)}.subheader-left{display:flex;flex-direction:column;gap:2px}.subheader-actions{display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:var(--r-full);margin-left:4px;box-shadow:0 0 12px 1px currentColor}.canvas-wrap{flex:1;min-height:0;position:relative;transition:transform .7s ease,opacity .7s ease,box-shadow .25s ease}.canvas-wrap.released{transform:scale(.001);opacity:0}.draw-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;background:radial-gradient(ellipse at center,#10101c 0%,var(--bg) 70%)}.draw-canvas.bucket-mode{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M6 11 L9 23 Q14 25.5 19 23 L22 11 Z' fill='%23e63946' stroke='white' stroke-width='1.6'/><ellipse cx='14' cy='11' rx='8.4' ry='2.8' fill='%23b02626' stroke='white' stroke-width='1.6'/><path d='M6 11 Q14 2.5 22 11' fill='none' stroke='white' stroke-width='1.6'/></svg>") 14 24,cell}.paper-notebook .draw-canvas{background:linear-gradient(90deg,transparent 0 46px,rgba(200,60,60,.35) 46px 47px,transparent 47px),repeating-linear-gradient(0deg,transparent 0 23px,rgba(78,114,184,.18) 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,rgba(78,114,184,.14) 23px 24px),#f7f4ea}.paper-office .draw-canvas{background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(120,110,90,.16) 27px 28px),#efe8d8}.paper-watercolor .draw-canvas{background:radial-gradient(ellipse at 20% 30%,rgba(214,186,255,.1) 0%,transparent 45%),radial-gradient(ellipse at 80% 70%,rgba(200,220,255,.1) 0%,transparent 45%),#f5f1e8}.paper-notebook .canvas-hint-quote,.paper-office .canvas-hint-quote,.paper-watercolor .canvas-hint-quote{color:#28283cb8}.canvas-hint{position:absolute;inset:auto 0 28px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;text-align:center;padding:0 16px}.canvas-hint-quote{margin:0;font-family:var(--font-serif);font-style:italic;font-size:21px;color:#e8e6f0bf;max-width:620px}.draw-dock{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:20;width:60px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 6px;border-radius:14px;transition:width .25s ease}.draw-dock.open{width:196px;align-items:stretch;padding:8px 10px}.dock-toggle{position:absolute;top:50%;left:100%;transform:translateY(-50%);width:18px;height:56px;border:1px solid var(--hairline);border-left:none;border-radius:0 10px 10px 0;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--muted);cursor:pointer;font-size:13px;line-height:1;transition:all .2s ease}.dock-toggle:hover{color:var(--text);border-color:var(--hairline-strong)}.dock-color-btn{width:34px;height:34px;border-radius:var(--r-full);border:2px solid rgba(232,230,240,.5);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.dock-color-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 16px -2px #e8e6f080}.dock-color-btn:disabled{opacity:.4;cursor:default}.dock-color-btn.light{border-color:#0006}.dock-color-btn.rainbow{background:conic-gradient(#ff2d2d,#ff8a00,#ffe000,#2ecc40,#0080ff,#8b00ff,#ff69b4,#ff2d2d);border-color:#fff;box-shadow:0 0 18px -2px #ffffffa6;animation:rainbow-spin 6s linear infinite}@keyframes rainbow-spin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.rainbow-chip{display:flex;align-items:center;gap:8px;width:100%;background:#e8e6f00a;border:1px solid var(--hairline);border-radius:var(--r-sm);color:var(--muted);padding:8px 10px;font-size:13px;cursor:pointer;transition:all .2s ease}.rainbow-chip:hover{color:var(--text);border-color:var(--hairline-strong)}.rainbow-chip.active{color:#fff;border-color:var(--accent);background:var(--accent-soft)}.rainbow-dot{width:14px;height:14px;border-radius:var(--r-full);background:conic-gradient(#ff2d2d,#ff8a00,#ffe000,#2ecc40,#0080ff,#8b00ff,#ff69b4,#ff2d2d);flex-shrink:0}.dock-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24}.dock-popover{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);z-index:25;width:176px;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--glass-strong)}.palette-grid{display:grid;grid-template-columns:repeat(4,26px);gap:7px;justify-content:start}.palette-grid .swatch{width:26px;height:26px}.dock-section{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.draw-dock.open .dock-section{align-items:stretch}.dock-label{font-family:var(--font-display);color:var(--muted);letter-spacing:.16em;display:none}.draw-dock.open .dock-label{display:block}.dock-items{display:flex;flex-direction:column;gap:5px;width:100%;align-items:center}.dock-btn{display:flex;align-items:center;gap:9px;width:38px;height:34px;justify-content:center;background:transparent;border:1px solid var(--hairline);border-radius:var(--r-sm);color:var(--muted);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;overflow:hidden;white-space:nowrap;transition:all .2s ease}button.dock-btn:hover:not(:disabled){color:var(--text);border-color:var(--hairline-strong)}.dock-btn:disabled{opacity:.4;cursor:default}.draw-dock.open .dock-btn{width:100%}.dock-btn.active{color:#ecdcff;border-color:#7b5ea7b3;background:var(--accent-soft);box-shadow:0 0 16px -5px #7b5ea7b3}.dock-btn.mode{cursor:pointer}.dock-btn.mode.locked{cursor:pointer;opacity:1}.dock-btn.dock-bucket{border-color:#e639468c;color:var(--danger)}.dock-btn.dock-bucket:hover:not(:disabled){border-color:#e63946;box-shadow:0 0 16px -4px #e6394699}.dock-btn.dock-bucket.active{color:#fff;background:#e6394638;border-color:#e63946;box-shadow:0 0 20px -4px #e63946cc}.dock-icon{font-size:15px;line-height:1;flex-shrink:0}.dock-sep{width:26px;height:1px;background:var(--hairline);flex-shrink:0}.draw-dock.open .dock-sep{width:100%}.dock-release{display:flex;align-items:center;justify-content:center;gap:9px;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid rgba(123,94,167,.6);background:var(--accent-soft);color:#ecdcff;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;overflow:hidden;white-space:nowrap;transition:all .25s ease;flex-shrink:0}.dock-release:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 24px -4px #7b5ea78c}.dock-release:disabled{opacity:.35;cursor:default}.draw-dock.open .dock-release{width:100%}.dock-release .dock-icon{font-size:18px}.mode-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:8px 13px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:all .25s ease;white-space:nowrap}.mode-chip-icon{font-size:14px}.toolbar-sep{width:1px;height:26px;background:var(--hairline)}.tool-group{display:flex;align-items:center;gap:8px}.swatch{width:26px;height:26px;border-radius:var(--r-full);border:2px solid transparent;cursor:pointer;transition:transform .2s ease}.swatch:hover:not(:disabled){transform:scale(1.12)}.swatch.active{border-color:#fff;box-shadow:0 0 14px -2px #e8e6f0cc}.swatch:disabled{opacity:.4}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05050ab8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.overlay-card{background:var(--glass-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--hairline-strong);border-radius:var(--r-md);padding:26px;width:min(500px,94vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.overlay-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:.02em}.overlay-card textarea{background:#0a0a1299;color:var(--text);border:none;border-bottom:1px solid var(--hairline-strong);border-radius:var(--r-sm);padding:10px;font:inherit;resize:none}.overlay-card textarea:focus{outline:none;border-bottom-color:var(--accent);box-shadow:0 12px 20px -14px #7b5ea799}.char-count{align-self:flex-end;color:var(--muted);font-size:11px}.artwork-canvas{display:block;width:100%;max-height:42vh;object-fit:contain;border-radius:var(--r-sm)}.artwork-meta{display:flex;align-items:center;gap:10px}.mood-badge{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:var(--accent-soft);border:1px solid rgba(123,94,167,.5);color:#ecdcff;border-radius:var(--r-full);padding:4px 13px}.confession{margin:0}.serif-quote{font-family:var(--font-serif);font-size:17px}.overlay-card.safety{width:min(640px,94vw);border-color:#4ea8de59}.safety-head{display:flex;align-items:center;gap:12px}.safety-icon{width:44px;height:44px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;font-size:19px;background:var(--safety-soft);border:1px solid rgba(78,168,222,.4)}.safety-head-text{display:flex;flex-direction:column;gap:1px;flex:1}.safety-head .icon-only{align-self:flex-start}.hotlines{display:flex;flex-direction:column;gap:10px}.hotline-card{display:flex;align-items:center;gap:14px;background:#0a0a128c;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:14px 16px}.hotline-icon{width:38px;height:38px;border-radius:var(--r-sm);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#e8e6f00d;border:1px solid var(--hairline)}.hotline-info{flex:1;display:flex;flex-direction:column;gap:3px}.hotline-name{font-family:var(--font-display);font-weight:600;font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hotline-card .btn{flex-shrink:0}.verify-note{color:var(--danger);font-family:var(--font-display);font-size:10px;letter-spacing:.08em}.safety-quote{display:flex;gap:10px;align-items:baseline;background:#0a0a128c;border:1px solid var(--hairline);border-radius:var(--r-sm);padding:13px 16px;color:#c8b3ec}.safety-quote em{font-family:var(--font-serif);font-size:15.5px}.safety-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.nebula-scene{height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.nebula-mount{flex:1;min-height:0;position:relative}.nebula-mount canvas{display:block}.nebula-hud-top{position:absolute;top:74px;left:28px;right:28px;display:flex;align-items:center;gap:12px;z-index:10;pointer-events:none}.nebula-hud-top .btn,.nebula-hud-top .offline-banner{pointer-events:auto}.offline-banner{display:inline-flex;align-items:center;gap:8px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,138,138,.4);border-radius:var(--r-full);padding:7px 14px;font-size:12px}.nebula-stat{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.star-label{position:absolute;top:0;left:0;z-index:9;pointer-events:none;color:#ecdcff;background:#7b5ea7d9;border-radius:var(--r-full);padding:5px 12px;white-space:nowrap;transition:opacity .3s ease}.hover-tip{position:absolute;top:0;left:0;z-index:11;pointer-events:none;display:flex;align-items:center;gap:8px;background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hairline-strong);border-radius:var(--r-full);padding:6px 12px;white-space:nowrap;opacity:0;transition:opacity .15s ease}.hover-tip .tip-mood{font-size:10px;padding:2px 10px}.nebula-filterbar{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:14px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 40px);z-index:10}.filter-chip{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid transparent;border-radius:var(--r-full);color:var(--muted);padding:7px 13px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.filter-chip:hover{color:var(--text)}.filter-chip.active{color:var(--text);border-color:var(--hairline-strong);background:#e8e6f00f}.nebula-caption{position:absolute;bottom:40px;left:0;right:0;text-align:center;z-index:9;pointer-events:none}.artwork-meta .resonate-btn{margin-left:auto;border-color:#ffd68c73;color:#ffd68c}.artwork-meta .resonate-btn:disabled{opacity:.8;cursor:default}.echo-list{flex-shrink:0;display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto;margin-top:10px}.echo-item{font-size:14px;opacity:.85}.echo-compose{flex-shrink:0;display:flex;gap:8px;align-items:center;margin-top:10px}.echo-compose input{flex:1}.echo-compose .char-count{flex-shrink:0}