:root{--bg-primary: #0a0a0c;--bg-secondary: #111114;--bg-card: #141418;--bg-hover: #1a1a1f;--text-primary: #e8e6e3;--text-secondary: #8a8a96;--text-muted: #5a5a66;--accent: #c8ff00;--accent-dim: rgba(200, 255, 0, .15);--purple: #b84dff;--blue: #4d9eff;--green: #4dff88;--red: #ff4d4d;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--font-serif: Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--border-subtle: 1px solid rgba(255, 255, 255, .06);--border-accent: 1px solid var(--accent);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--lobby-light-warm: rgba(255, 200, 120, .04);--lobby-light-cool: rgba(180, 200, 255, .03);--lobby-light-night: rgba(255, 170, 100, .03);--lobby-particle-color: rgba(255, 240, 220, 1);--lobby-perspective: 1200px;--lobby-door-arc-radius: 18deg;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary)}body{font-family:var(--font-sans);background:transparent;color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}#app{min-height:100vh;min-height:100dvh}.room-enter{animation:roomSlideIn var(--duration-normal) var(--ease-out)}@keyframes roomSlideIn{0%{opacity:0;transform:scale(.97) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cta-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--accent);color:var(--bg-primary);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-sm);transition:opacity var(--duration-fast)}.cta-btn:hover{opacity:.9;text-decoration:none}.cta-btn:disabled{opacity:.5;cursor:not-allowed}.notification{position:fixed;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);border:var(--border-subtle);font-size:var(--text-sm);z-index:1000;max-width:calc(100vw - var(--space-xl) * 2);animation:notifSlideUp var(--duration-normal) var(--ease-out)}@keyframes notifSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-xl);text-align:center;perspective:var(--lobby-perspective);position:relative}.lobby-light{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 35%,var(--lobby-active-light, var(--lobby-light-warm)),transparent);opacity:0;animation:lobby-fade-in .6s var(--ease-out) .2s forwards}.lobby-header{position:relative;z-index:3;transform:translate3d(calc(var(--mx, 0) * -2px),calc(var(--my, 0) * -1px),0);margin-bottom:var(--space-3xl);opacity:0;animation:lobby-materialize .8s var(--ease-out) .4s forwards}.lobby-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:300;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.lobby-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.lobby-rooms{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);max-width:900px;width:100%;transform:translate3d(calc(var(--mx, 0) * -4px),calc(var(--my, 0) * -2px),0)}.room-door{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-lg);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);width:260px;text-align:left;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-fast);will-change:transform;opacity:0;animation:lobby-door-in .5s var(--ease-out) forwards;-webkit-tap-highlight-color:transparent}.room-door:nth-child(1){transform:perspective(1200px) rotateY(var(--lobby-door-arc-radius)) translateZ(-20px) translateY(var(--breathe-offset, 0px));animation-delay:.8s}.room-door:nth-child(2){transform:perspective(1200px) rotateY(0) translateZ(10px) translateY(var(--breathe-offset, 0px));animation-delay:.6s}.room-door:nth-child(3){transform:perspective(1200px) rotateY(calc(-1 * var(--lobby-door-arc-radius))) translateZ(-20px) translateY(var(--breathe-offset, 0px));animation-delay:.8s}.room-door:nth-child(4){transform:perspective(1200px) rotateY(var(--lobby-door-arc-radius)) translateZ(-30px) translateY(var(--breathe-offset, 0px));animation-delay:.9s}.room-door:nth-child(5){transform:perspective(1200px) rotateY(0) translateZ(0) translateY(var(--breathe-offset, 0px));animation-delay:.7s}.room-door:nth-child(6){transform:perspective(1200px) rotateY(calc(-1 * var(--lobby-door-arc-radius))) translateZ(-30px) translateY(var(--breathe-offset, 0px));animation-delay:.9s}.room-door:nth-child(7){transform:perspective(1200px) rotateY(0) translateZ(0) translateY(var(--breathe-offset, 0px));animation-delay:1s}.room-door:nth-child(8){transform:perspective(1200px) rotateY(0) translateZ(0) translateY(var(--breathe-offset, 0px));animation-delay:1.05s}.room-door:hover{background:var(--bg-hover);border-color:var(--accent);transform:perspective(1200px) rotateY(0) translateZ(20px) scale(1.03) translateY(var(--breathe-offset, 0px));box-shadow:var(--shadow-lg)}.room-door-label{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs)}.room-door-desc{font-size:var(--text-sm);color:var(--text-secondary)}.room-door{position:relative}.room-door-indicators{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:5px;align-items:center;pointer-events:none}.lb-indicator{width:7px;height:7px;border-radius:50%;animation:lb-indicator-pulse 2s ease-in-out infinite}.lb-indicator--music{background:var(--accent, #c8ff00)}.lb-indicator--books{background:#e8a44a}@keyframes lb-indicator-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.lobby-currently{position:relative;z-index:3;margin-top:var(--space-3xl);font-size:var(--text-sm);color:var(--text-muted);opacity:0;transition:opacity .4s var(--ease-out);animation:lobby-fade-in .4s var(--ease-out) 1.2s forwards}.lobby-currently.currently-visible{opacity:1}.currently-label{margin-right:var(--space-sm)}.currently-value{color:var(--text-secondary);font-style:italic;text-shadow:0 0 12px var(--lobby-active-light, var(--lobby-light-warm))}@keyframes lobby-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lobby-materialize{0%{opacity:0;transform:translate3d(calc(var(--mx, 0) * -2px),calc(var(--my, 0) * -1px + 8px),0)}to{opacity:1;transform:translate3d(calc(var(--mx, 0) * -2px),calc(var(--my, 0) * -1px),0)}}@keyframes lobby-door-in{0%{opacity:0;transform:translateZ(-60px) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}@media(max-width:768px){.room-door,.room-door:nth-child(n){width:100%;max-width:280px;transform:perspective(1200px) rotateY(0) translateZ(0) translateY(var(--breathe-offset, 0px))}.room-door:hover{transform:perspective(1200px) rotateY(0) translateZ(10px) scale(1.03) translateY(var(--breathe-offset, 0px))}.lobby-rooms{gap:var(--space-sm)}}@media(max-width:600px){.lobby{perspective:none;padding-bottom:6rem}.lobby-header{transform:none;margin-bottom:var(--space-xl)}.lobby-title{font-size:1.5rem}.lobby-rooms{transform:none;gap:var(--space-sm)}.room-door,.room-door:nth-child(n){transform:none;width:calc(50% - var(--space-sm) / 2);max-width:none;padding:var(--space-md)}.room-door-label{font-size:var(--text-base)}.room-door-desc{font-size:var(--text-xs)}.room-door:hover{transform:scale(1.02);box-shadow:none}.lobby-currently{margin-top:var(--space-xl)}}.stars-revealed .lobby-header{opacity:.15!important;transition:opacity .8s ease}.stars-revealed .room-door{background:#0a0a1440;border-color:#ffeebb0a;box-shadow:none;transition:background .8s ease,border-color .8s ease,box-shadow .8s ease}.stars-revealed .room-door-label{color:#e8e0d459;transition:color .8s ease}.stars-revealed .room-door-desc{color:#8a8a9633;transition:color .8s ease}.stars-revealed .lobby-currently{opacity:.1!important;transition:opacity .8s ease}.room-shell-nav{position:fixed;top:var(--space-md);left:var(--space-md);z-index:100}.room-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;min-height:0;font-size:12px;color:var(--text-secondary);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-sm);transition:color var(--duration-fast),border-color var(--duration-fast);-webkit-tap-highlight-color:transparent}.room-back-btn:hover{color:var(--text-primary);border-color:var(--accent)}@media(max-width:600px){.room-shell-content{padding-top:calc(44px + var(--space-md) * 2)}}.workshop{max-width:640px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.workshop h1{font-size:var(--text-3xl);font-weight:300;margin-bottom:var(--space-sm)}.workshop-intro{color:var(--text-secondary);margin-bottom:var(--space-2xl)}.workshop-grid{display:flex;flex-direction:column;gap:var(--space-md)}.workshop-card{display:block;padding:var(--space-lg);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast),background var(--duration-fast);color:var(--text-primary);text-decoration:none}.workshop-card:hover{background:var(--bg-hover);border-color:var(--accent);text-decoration:none}.workshop-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.workshop-card-name{font-size:var(--text-lg);font-weight:600}.workshop-status{font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:2px var(--space-sm);border-radius:var(--radius-sm)}.workshop-status-active{color:var(--accent);background:var(--accent-dim)}.workshop-status-shipped{color:var(--green);background:#4dff881a}.workshop-status-experiment{color:var(--purple);background:#b84dff1a}.workshop-card-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-sm);line-height:1.5}.workshop-tech-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.workshop-tech{padding:2px var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted)}.workshop-next{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.contact{max-width:640px;margin:0 auto;padding:var(--space-3xl) var(--space-xl)}.contact h1{font-size:var(--text-3xl);font-weight:300;margin-bottom:var(--space-sm)}.contact-intro{color:var(--text-secondary);margin-bottom:var(--space-2xl)}.contact-channels{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-2xl)}.contact-channel{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:border-color var(--duration-fast),background var(--duration-fast)}.contact-channel:hover{background:var(--bg-hover);border-color:var(--accent);text-decoration:none}.contact-icon{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--accent);min-width:2rem;text-align:center}.contact-channel-info{display:flex;flex-direction:column}.contact-label{font-weight:500}.contact-context{font-size:var(--text-sm);color:var(--text-secondary)}.contact-footer{color:var(--text-muted);font-size:var(--text-sm)}.contact-footer a{color:var(--accent)}.swl-portal{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:var(--space-xl)}.swl-card{text-align:center;padding:var(--space-3xl);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);max-width:400px}.swl-title{font-size:var(--text-3xl);font-weight:300;margin-bottom:var(--space-sm)}.swl-tagline{color:var(--text-secondary);margin-bottom:var(--space-xl)}.swl-cta{font-size:var(--text-base)}.companion-room{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-xl);perspective:var(--lobby-perspective);position:relative}.companion-room-light{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 35%,var(--lobby-active-light, var(--lobby-light-warm)),transparent)}.companion-chat-card{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:80vh;background:#141418d9;border:var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transform:translate3d(calc(var(--mx, 0) * -3px),calc(var(--my, 0) * -1.5px),0);opacity:0;animation:lobby-fade-in .6s var(--ease-out) .4s forwards}.companion-chat-header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:var(--border-subtle)}.companion-chat-title{font-size:var(--text-xl);font-weight:300;letter-spacing:-.01em;margin-bottom:var(--space-xs)}.companion-chat-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.companion-chat-feed{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);min-height:200px;max-height:50vh;scroll-behavior:smooth}.companion-chat-feed::-webkit-scrollbar{width:4px}.companion-chat-feed::-webkit-scrollbar-track{background:transparent}.companion-chat-feed::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.companion-msg{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;max-width:85%;word-wrap:break-word;animation:companion-msg-in .2s var(--ease-out)}.companion-msg-user{align-self:flex-end;background:#c8ff0014;border:1px solid rgba(200,255,0,.12);color:var(--text-primary)}.companion-msg-companion{align-self:flex-start;background:var(--bg-card);border:var(--border-subtle);color:var(--text-primary)}@keyframes companion-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.companion-typing{align-self:flex-start;padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:4px;align-items:center}.companion-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:companion-dot-pulse 1.4s infinite}.companion-typing-dot:nth-child(2){animation-delay:.2s}.companion-typing-dot:nth-child(3){animation-delay:.4s}@keyframes companion-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.companion-chat-form{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:var(--border-subtle);background:#0e0e1280}.companion-chat-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:border-color var(--duration-fast)}.companion-chat-input:focus{border-color:var(--accent)}.companion-chat-input::placeholder{color:var(--text-muted)}.companion-chat-send{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-sm);transition:opacity var(--duration-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.companion-chat-send:hover{opacity:.85}.companion-chat-send:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.companion-room{padding:var(--space-md);perspective:none}.companion-chat-card{max-height:85vh;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#141418e6}.companion-chat-input{font-size:1rem}}.text-muted{color:var(--text-muted)}.star-toggle{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:50;font-family:"DM Serif Display",Georgia,serif;font-size:.75rem;font-weight:400;color:#e8e0d440;background:none;border:none;cursor:pointer;padding:.4rem 0;letter-spacing:.02em;opacity:0;transition:opacity 1.5s ease,color .3s ease}.star-toggle--visible{opacity:1}.star-toggle:hover{color:#e8e0d480}.star-toggle--active{color:#e8e0d473}.star-tooltip{position:fixed;bottom:3.5rem;left:50%;z-index:50;max-width:320px;font-family:DM Sans,system-ui,sans-serif;font-size:.72rem;line-height:1.6;color:#e8e0d480;background:#0a0a14b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,238,187,.06);border-radius:10px;padding:.7rem 1rem;opacity:0;transform:translate(-50%) translateY(6px);transition:opacity .8s ease,transform .8s ease;pointer-events:none}.star-tooltip--visible{opacity:1;transform:translate(-50%) translateY(0)}.star-label{position:fixed;z-index:45;font-family:"DM Serif Display",Georgia,serif;font-size:.7rem;font-weight:400;letter-spacing:.03em;white-space:nowrap;padding:.25rem .6rem;border-radius:20px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .8s ease,transform .8s ease}.star-label--visible{opacity:1;transform:translateY(0)}@media(max-width:600px){.star-toggle{bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);font-size:.65rem;padding:.6rem .8rem;min-height:44px}.star-tooltip{bottom:calc(2.8rem + env(safe-area-inset-bottom,0px));left:50%;max-width:min(260px,calc(100vw - 2rem));font-size:.65rem}}@media(prefers-reduced-motion:reduce){.star-toggle,.star-tooltip,.star-label{transition:none}}