:root{--ow-black: #000000;--ow-bg-primary: #000000;--ow-bg-secondary: #0a0a0a;--ow-bg-tertiary: #1a1a1a;--ow-bg-translucent: rgba(30, 41, 59, .3);--ow-text-primary: #e2e8f0;--ow-text-secondary: #94a3b8;--ow-text-tertiary: #8896ab;--ow-text-white: #ffffff;--ow-cyan-primary: #22d3ee;--ow-cyan-light: #67e8f9;--ow-cyan-dark: #06b6d4;--ow-cyan-glow: rgba(34, 211, 238, .4);--ow-cyan-glow-strong: rgba(34, 211, 238, .6);--ow-gray-800: #1f2937;--ow-gray-900: #111827;--ow-border: rgba(34, 211, 238, .3);--ow-border-hover: rgba(34, 211, 238, .5);--ow-border-subtle: rgba(255, 255, 255, .18);--ow-success: #10b981;--ow-error: #ef4444;--ow-warning: #f59e0b;--ow-info: #22d3ee;--ow-warm: #e8975a;--ow-warm-light: #f0a868;--ow-warm-muted: rgba(232, 151, 90, .6);--ow-warm-subtle: rgba(232, 151, 90, .15);--ow-ai-host: #e8975a;--ow-ai-host-muted: rgba(232, 151, 90, .5);--ow-ai-guest: #c4956e;--ow-ai-guest-muted: rgba(196, 149, 110, .5);--ow-ai-lore: #d4956a;--ow-ai-lore-muted: rgba(212, 149, 106, .5);--ow-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--ow-text-xs: .75rem;--ow-text-sm: .875rem;--ow-text-base: 1rem;--ow-text-lg: 1.125rem;--ow-text-xl: 1.25rem;--ow-text-2xl: 1.5rem;--ow-text-3xl: 1.875rem;--ow-text-4xl: 2.25rem;--ow-leading-tight: 1.25;--ow-leading-normal: 1.5;--ow-leading-relaxed: 1.6;--ow-font-normal: 400;--ow-font-medium: 500;--ow-font-semibold: 600;--ow-font-bold: 700;--ow-space-1: 8px;--ow-space-2: 16px;--ow-space-3: 24px;--ow-space-4: 32px;--ow-space-5: 40px;--ow-space-6: 48px;--ow-space-8: 64px;--ow-space-12: 96px;--ow-space-16: 128px;--ow-radius-sm: 4px;--ow-radius-md: 8px;--ow-radius-lg: 12px;--ow-radius-xl: 16px;--ow-radius-full: 9999px;--ow-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--ow-shadow-md: 0 2px 4px rgba(0, 0, 0, .5);--ow-shadow-lg: 0 4px 8px rgba(0, 0, 0, .5);--ow-shadow-xl: 0 8px 16px rgba(0, 0, 0, .5);--ow-text-glow-subtle: 0 0 10px rgba(34, 211, 238, .2);--ow-text-glow-medium: 0 0 20px rgba(34, 211, 238, .4);--ow-text-glow-strong: 0 0 30px rgba(34, 211, 238, .6);--ow-glow-subtle: 0 0 8px rgba(34, 211, 238, .15);--ow-glow-medium: 0 0 12px rgba(34, 211, 238, .25);--ow-glow-strong: 0 0 20px rgba(34, 211, 238, .4);--ow-glow-inset: inset 0 0 10px rgba(34, 211, 238, .1);--ow-glow-inset-strong: inset 0 0 15px rgba(34, 211, 238, .2);--ow-transition-quick: .15s ease-out;--ow-transition-standard: .25s ease-out;--ow-transition-complex: .35s ease-out}[data-theme=light]{--ow-bg-primary: #ffffff;--ow-bg-secondary: #f8fafc;--ow-bg-tertiary: #f1f5f9;--ow-text-primary: #1e293b;--ow-text-secondary: #475569;--ow-text-tertiary: #64748b;--ow-cyan-primary: #0891b2;--ow-border-subtle: rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--ow-font-sans);font-size:var(--ow-text-base);line-height:var(--ow-leading-normal);color:var(--ow-text-primary);background:var(--ow-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--ow-font-semibold);line-height:var(--ow-leading-tight);color:var(--ow-text-white)}h1{font-size:var(--ow-text-4xl)}h2{font-size:var(--ow-text-3xl)}h3{font-size:var(--ow-text-2xl)}h4{font-size:var(--ow-text-xl)}h5{font-size:var(--ow-text-lg)}h6{font-size:var(--ow-text-base)}a{color:var(--ow-cyan-primary);text-decoration:none;transition:color var(--ow-transition-quick)}a:hover{color:var(--ow-cyan-light)}button,.ow-btn{font-family:var(--ow-font-sans);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:lowercase;cursor:pointer;border:none;background:none;padding:0}button:disabled,.ow-btn:disabled{opacity:.5;cursor:not-allowed}.ow-btn-primary{background:transparent;color:var(--ow-cyan-primary);border:1px solid var(--ow-cyan-primary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick);box-shadow:var(--ow-glow-subtle)}.ow-btn-primary:hover:not(:disabled){background:#22d3ee1a;border-color:var(--ow-cyan-light);color:var(--ow-cyan-light);box-shadow:var(--ow-glow-medium)}.ow-btn-primary:active:not(:disabled){transform:scale(.98);box-shadow:var(--ow-glow-subtle)}.ow-btn-primary:focus-visible{outline:none;box-shadow:var(--ow-glow-medium),0 0 0 3px #22d3ee33}.ow-btn-secondary{background:transparent;color:var(--ow-text-primary);border:1px solid var(--ow-text-secondary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick)}.ow-btn-secondary:hover:not(:disabled){border-color:var(--ow-text-primary);color:var(--ow-text-white)}.ow-btn-secondary:active:not(:disabled){transform:scale(.98)}.ow-btn-secondary:focus-visible{outline:none;border-color:var(--ow-cyan-primary);box-shadow:0 0 0 3px #22d3ee33}.btn-primary{background:var(--ow-cyan-primary);color:#fff!important;border:1px solid var(--ow-cyan-primary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick);box-shadow:var(--ow-glow-subtle);font-family:var(--ow-font-sans);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:lowercase;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--ow-cyan-dark);border-color:var(--ow-cyan-light);color:#fff!important;box-shadow:var(--ow-glow-medium)}.btn-secondary{background:transparent;color:#fff!important;border:1px solid var(--ow-text-secondary);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick);font-family:var(--ow-font-sans);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:lowercase;cursor:pointer}.btn-secondary:hover:not(:disabled){border-color:var(--ow-text-primary);background:#ffffff1a;color:#fff!important}.btn-sm{padding:6px 12px!important;min-height:32px!important;font-size:var(--ow-text-sm)!important}.ow-btn-text{background:transparent;color:var(--ow-cyan-primary);border:none;padding:8px 16px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-1);transition:color var(--ow-transition-quick)}.ow-btn-text:hover:not(:disabled){color:var(--ow-cyan-light)}.ow-btn-text:active:not(:disabled){transform:scale(.98)}.ow-btn-text:focus-visible{outline:none;color:var(--ow-cyan-light);text-decoration:underline}.ow-btn-danger{background:transparent;color:var(--ow-error);border:1px solid var(--ow-error);padding:12px 24px;border-radius:var(--ow-radius-lg);min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-2);transition:all var(--ow-transition-quick)}.ow-btn-danger:hover:not(:disabled){background:#ef44441a}.ow-btn-danger:active:not(:disabled){transform:scale(.98)}.ow-btn-sm{padding:8px 16px;min-height:40px;font-size:var(--ow-text-sm)}.ow-btn-lg{padding:16px 32px;min-height:56px;font-size:var(--ow-text-lg)}.ow-card{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-md);padding:var(--ow-space-3);box-shadow:var(--ow-shadow-sm);transition:box-shadow var(--ow-transition-quick),border-color var(--ow-transition-quick)}.ow-card:hover{border-color:#22d3ee33;box-shadow:var(--ow-shadow-md)}.ow-card-interactive{cursor:pointer}.ow-card-interactive:active{transform:scale(.99)}.ow-card-emphasis{background:var(--ow-bg-translucent);border:1px solid var(--ow-border);box-shadow:var(--ow-glow-subtle),var(--ow-glow-inset)}.ow-card-emphasis:hover{border-color:var(--ow-border-hover);box-shadow:var(--ow-glow-medium),var(--ow-glow-inset-strong)}input,textarea,select,.ow-input{font-family:var(--ow-font-sans);font-size:var(--ow-text-base);color:var(--ow-text-primary);background:var(--ow-bg-secondary);border:1px solid var(--ow-text-tertiary);border-radius:var(--ow-radius-md);padding:12px 16px;min-height:48px;width:100%;transition:border-color var(--ow-transition-quick),box-shadow var(--ow-transition-quick)}input:focus,textarea:focus,select:focus,.ow-input:focus{outline:none;border-color:var(--ow-cyan-primary);box-shadow:0 0 0 3px #22d3ee33}input::placeholder,textarea::placeholder,.ow-input::placeholder{color:var(--ow-text-tertiary)}input:disabled,textarea:disabled,select:disabled,.ow-input:disabled{opacity:.5;cursor:not-allowed}textarea{min-height:120px;resize:vertical}.ow-nav-top{position:fixed;top:0;left:0;right:0;background:var(--ow-gray-800);border-bottom:1px solid rgba(34,211,238,.2);display:flex;justify-content:space-around;align-items:center;padding:env(safe-area-inset-top,var(--ow-space-2)) var(--ow-space-2) var(--ow-space-2);z-index:100;height:calc(64px + env(safe-area-inset-top,0px))}.ow-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--ow-space-2);color:var(--ow-text-secondary);font-size:var(--ow-text-sm);text-transform:lowercase;text-decoration:none;transition:color var(--ow-transition-quick);min-width:48px;min-height:48px;position:relative;cursor:pointer;border:none;background:transparent}.ow-nav-tab:active{transform:scale(.95)}.ow-nav-tab.active{color:var(--ow-cyan-primary);font-weight:var(--ow-font-semibold)}.ow-nav-tab.active:after{content:"";position:absolute;bottom:-var(--ow-space-2);left:50%;transform:translate(-50%);width:32px;height:2px;background:var(--ow-cyan-primary)}.ow-nav-icon{font-size:24px}.ow-content-with-top-nav{padding-top:calc(64px + env(safe-area-inset-top,0px) + var(--ow-space-4))}.material-icons{color:var(--ow-cyan-primary);-webkit-user-select:none;user-select:none;vertical-align:middle;font-size:20px}button .material-icons,.ow-btn .material-icons,.ow-btn-primary .material-icons,.ow-btn-secondary .material-icons,.ow-btn-text .material-icons,.ow-btn-danger .material-icons{color:inherit}.ow-icon-error{color:var(--ow-error)}.ow-icon-success{color:var(--ow-success)}.ow-icon-warning{color:var(--ow-warning)}.ow-icon-neutral{color:var(--ow-text-secondary)}.ow-icon{display:inline-block;vertical-align:middle;line-height:1}.ow-icon-sm{font-size:18px}.ow-icon-md{font-size:24px}.ow-icon-lg{font-size:32px}.ow-icon-xl{font-size:48px}.ow-icon-interactive{color:var(--ow-cyan-primary);transition:color var(--ow-transition-quick)}.ow-icon-interactive:hover{color:var(--ow-cyan-light)}.ow-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--ow-space-3);padding:var(--ow-space-4)}.ow-category-card{background:var(--ow-bg-translucent);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-md);padding:var(--ow-space-4) var(--ow-space-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ow-space-2);min-height:120px;cursor:pointer;transition:all var(--ow-transition-quick)}.ow-category-card:hover{background:#1e293b80;border-color:var(--ow-border);box-shadow:var(--ow-glow-subtle)}.ow-category-card:active{transform:scale(.98)}.ow-category-icon{color:var(--ow-cyan-primary);font-size:48px}.ow-category-label{color:var(--ow-text-primary);font-size:var(--ow-text-base);font-weight:var(--ow-font-medium);text-transform:capitalize;text-align:center}.ow-category-count{color:var(--ow-text-tertiary);font-size:var(--ow-text-sm)}.ow-toast{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border);border-radius:var(--ow-radius-lg);padding:var(--ow-space-3) var(--ow-space-4);box-shadow:var(--ow-shadow-lg),var(--ow-glow-subtle);color:var(--ow-text-primary);display:flex;align-items:center;gap:var(--ow-space-2);min-width:300px;max-width:500px}.ow-toast-success{border-color:var(--ow-success)}.ow-toast-error{border-color:var(--ow-error)}.ow-toast-warning{border-color:var(--ow-warning)}.ow-toast-info{border-color:var(--ow-cyan-primary)}.ow-toast-close{background:transparent;border:none;color:var(--ow-text-secondary);font-size:var(--ow-text-xl);cursor:pointer;padding:4px;min-width:32px;min-height:32px;border-radius:var(--ow-radius-sm);transition:all var(--ow-transition-quick)}.ow-toast-close:hover{color:var(--ow-text-white);background:#ffffff1a}.ow-toast-close:active{transform:scale(.95)}.ow-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--ow-space-4)}.ow-modal{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border);border-radius:var(--ow-radius-xl);box-shadow:var(--ow-shadow-xl),var(--ow-glow-medium);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--ow-space-6)}.ow-modal-header{border-bottom:1px solid var(--ow-border-subtle);padding-bottom:var(--ow-space-3);margin-bottom:var(--ow-space-4);display:flex;justify-content:space-between;align-items:center}.ow-modal-title{font-size:var(--ow-text-2xl);font-weight:var(--ow-font-semibold);color:var(--ow-text-white);text-transform:lowercase}.ow-modal-close{background:transparent;border:none;color:var(--ow-text-secondary);font-size:var(--ow-text-2xl);cursor:pointer;padding:var(--ow-space-1);min-width:32px;min-height:32px;transition:color var(--ow-transition-quick)}.ow-modal-close:hover{color:var(--ow-text-white)}.ow-modal-body{margin-bottom:var(--ow-space-4)}.ow-modal-footer{border-top:1px solid var(--ow-border-subtle);padding-top:var(--ow-space-3);display:flex;gap:var(--ow-space-2);justify-content:flex-end}.ow-footer{background:var(--ow-gray-900);border-top:1px solid rgba(34,211,238,.2);padding:var(--ow-space-6) var(--ow-space-4);margin-top:auto}.ow-footer-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--ow-space-4);align-items:center}@media (min-width: 768px){.ow-footer-content{flex-direction:row;justify-content:space-between}}.ow-footer-brand{color:var(--ow-text-primary);font-weight:var(--ow-font-semibold);text-transform:lowercase;font-size:var(--ow-text-lg)}.ow-footer-brand:hover{color:var(--ow-cyan-primary)}.ow-footer-links{display:flex;gap:var(--ow-space-4)}.ow-footer-links a{color:var(--ow-text-secondary);font-size:var(--ow-text-sm);text-transform:lowercase;transition:color var(--ow-transition-quick)}.ow-footer-links a:hover{color:var(--ow-cyan-primary)}.ow-safe-top{padding-top:max(var(--ow-space-2),env(safe-area-inset-top))}.ow-safe-bottom{padding-bottom:max(var(--ow-space-2),env(safe-area-inset-bottom))}.ow-safe-left{padding-left:max(var(--ow-space-2),env(safe-area-inset-left))}.ow-safe-right{padding-right:max(var(--ow-space-2),env(safe-area-inset-right))}.ow-touch-target{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.ow-text-lowercase{text-transform:lowercase}.ow-text-center{text-align:center}.ow-text-right{text-align:right}.ow-mt-1{margin-top:var(--ow-space-1)}.ow-mt-2{margin-top:var(--ow-space-2)}.ow-mt-3{margin-top:var(--ow-space-3)}.ow-mt-4{margin-top:var(--ow-space-4)}.ow-mb-1{margin-bottom:var(--ow-space-1)}.ow-mb-2{margin-bottom:var(--ow-space-2)}.ow-mb-3{margin-bottom:var(--ow-space-3)}.ow-mb-4{margin-bottom:var(--ow-space-4)}.ow-p-2{padding:var(--ow-space-2)}.ow-p-3{padding:var(--ow-space-3)}.ow-p-4{padding:var(--ow-space-4)}.ow-container{max-width:1280px;margin:0 auto;padding:0 var(--ow-space-4)}.ow-flex{display:flex}.ow-flex-col{flex-direction:column}.ow-gap-2{gap:var(--ow-space-2)}.ow-gap-3{gap:var(--ow-space-3)}.ow-gap-4{gap:var(--ow-space-4)}*:focus-visible{outline:2px solid var(--ow-cyan-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{height:100%;margin:0;padding:0}#app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-screen{height:100%;display:flex;flex-direction:column;overflow:hidden}.main-screen{flex:1;display:flex;flex-direction:column}.main-content{flex:1;display:flex;padding-top:44px;min-height:0;overflow:hidden}.classroom-panel{flex:1;min-width:0;overflow-y:auto;max-width:60%}.personal-panel{width:40%;flex-shrink:0;overflow-y:auto;background:var(--ow-bg-secondary);border-left:1px solid var(--ow-border)}.top-bar{position:fixed;top:0;left:0;right:0;height:44px;background:var(--ow-bg-secondary);border-bottom:1px solid var(--ow-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:100}.top-bar-left{display:flex;align-items:center;gap:6px}.top-bar-logo,.top-bar-title{display:none}.top-bar-phase{display:flex;align-items:center;gap:6px}.phase-name{font-size:var(--ow-text-sm);color:var(--ow-text-secondary)}.phase-name.voting{color:var(--ow-error)}.phase-name.paused{color:var(--ow-warning)}.hearts-indicator{color:var(--ow-warm);font-size:var(--ow-text-sm);animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{opacity:.6}50%{opacity:1}}.top-bar-phase.voting-emphasis{padding:2px 8px;border-radius:var(--ow-radius-sm);background:#ef444414}.top-bar-phase.is-paused{padding:2px 8px;border-radius:var(--ow-radius-sm);background:#f59e0b14}.host-btn{background:transparent;border:1px solid var(--ow-border-subtle);color:var(--ow-text-secondary);padding:2px 8px;border-radius:var(--ow-radius-sm);cursor:pointer;font-size:11px;transition:all .15s}.host-btn:hover:not(:disabled){color:var(--ow-cyan-primary);border-color:var(--ow-cyan-primary);background:#22d3ee0d}.host-btn:disabled{opacity:.3;cursor:not-allowed}.top-bar-actions{display:flex;align-items:center;gap:8px}.top-bar-link{font-size:var(--ow-text-xs);color:var(--ow-text-secondary);text-decoration:none;padding:3px 8px;border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-sm);background:transparent;cursor:pointer;transition:all .15s}.top-bar-link:hover{color:var(--ow-text-primary);border-color:var(--ow-border)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{background:transparent;border:none;padding:32px;width:100%;max-width:320px;text-align:center}.login-title{font-size:var(--ow-text-xl);font-weight:var(--ow-font-semibold);color:var(--ow-text-white);margin-bottom:4px}.login-subtitle{color:var(--ow-cyan-primary);font-size:var(--ow-text-xs);text-transform:lowercase;letter-spacing:.5px;margin-bottom:32px}.login-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.form-group{text-align:left}.form-group label{display:block;font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);margin-bottom:4px}.login-form input{width:100%;background:transparent!important;border:none!important;border-bottom:1px solid var(--ow-border-subtle)!important;border-radius:0!important;color:var(--ow-text-primary);font-size:var(--ow-text-sm);font-family:inherit;padding:8px 0;min-height:0!important;box-sizing:border-box;outline:none}.login-form input:focus{border-bottom-color:var(--ow-cyan-primary)!important}.login-form input::placeholder{color:var(--ow-text-tertiary)}.login-btn{width:100%;margin-top:16px;padding:8px 20px;font-size:var(--ow-text-xs);border:none;background:transparent;color:var(--ow-cyan-primary);cursor:pointer;justify-content:center;letter-spacing:.5px}.login-btn:hover:not(:disabled){color:var(--ow-cyan-light)}.login-help{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary)}.login-help a{color:var(--ow-cyan-primary)}.btn-primary,.ps-btn{background:transparent;color:var(--ow-cyan-primary);border:none;padding:4px 0;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s;white-space:nowrap;min-height:0;line-height:1.4;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}.btn-primary:hover:not(:disabled),.ps-btn:hover:not(:disabled){color:var(--ow-cyan-light)}.ps-btn-muted{background:transparent;color:var(--ow-text-tertiary);border:none;padding:4px 0;cursor:pointer;font-size:11px;min-height:0;transition:color .15s}.ps-btn-muted:hover{color:var(--ow-text-secondary)}.btn-primary:disabled,.ps-btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 12px;font-size:12px;font-weight:500;background:transparent;color:var(--ow-text-secondary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-full, 9999px);cursor:pointer;transition:all .15s;min-height:0;line-height:1.4;letter-spacing:.02em}.btn-sm:hover{color:var(--ow-cyan-primary);border-color:var(--ow-cyan-primary)}.classroom{padding:12px}.classroom-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--ow-border-subtle);position:sticky;top:0;background:var(--ow-bg-primary);z-index:5;padding-top:12px;margin-top:-12px}.classroom-label{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.sort-dropdown{position:relative}.sort-dropdown-trigger{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--ow-text-tertiary);padding:2px 6px;border-radius:var(--ow-radius-sm);font-size:10px;cursor:pointer;font-family:inherit}.sort-dropdown-trigger:hover,.sort-dropdown.open .sort-dropdown-trigger{color:var(--ow-text-secondary)}.sort-dropdown-arrow{width:8px;height:8px;transition:transform .15s ease}.sort-dropdown.open .sort-dropdown-arrow{transform:rotate(180deg)}.sort-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:2px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:var(--ow-radius-sm);min-width:110px;z-index:100;box-shadow:0 4px 12px #00000080}.sort-dropdown.open .sort-dropdown-menu{display:block}.sort-dropdown-option{padding:4px 8px;font-size:10px;color:var(--ow-text-secondary);cursor:pointer;white-space:nowrap}.sort-dropdown-option:hover{background:#ffffff1a}.sort-dropdown-option.selected{color:var(--ow-cyan, #22d3ee)}.classroom-list{display:flex;flex-direction:column;gap:0}.p-row{padding:6px 8px 6px 10px;margin-bottom:1px;background:#ffffff0e;border:none;border-left:2px solid var(--ow-warm-muted);border-radius:2px;transition:background .15s}.p-row:last-child{margin-bottom:0}.p-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.04)}.p-row:hover{background:#ffffff14}.p-row.p-own{background:#22d3ee0f;border-left:2px solid rgba(34,211,238,.5)}.p-row.p-own:hover{background:#22d3ee17}.p-row:nth-child(2n):not(.p-own){background:#ffffff09}.p-header{display:flex;align-items:center;gap:6px;margin-bottom:1px}.p-dot{width:5px;height:5px;border-radius:50%;background:var(--ow-text-tertiary);flex-shrink:0}.p-dot-active{background:var(--ow-success)}.p-name{font-size:var(--ow-text-xs);font-weight:var(--ow-font-semibold);color:var(--ow-text-primary)}.p-you{font-size:9px;color:var(--ow-cyan-primary);padding:0 4px;border:1px solid rgba(34,211,238,.3);border-radius:var(--ow-radius-full)}.p-status{font-size:11px;color:var(--ow-text-tertiary);font-style:italic;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-subs{display:flex;gap:6px;padding-left:11px;margin-top:4px}.p-sub{flex:1;position:relative;display:flex;flex-wrap:wrap;align-content:start;align-items:center;gap:3px 6px;padding:7px 10px 7px 32px;min-height:68px;border:none;border-radius:4px;min-width:0;background:#ffffff08}.p-sub:first-child{margin-right:0}.p-sub.p-clickable{cursor:pointer;transition:background .15s}.p-sub.p-clickable:hover{background:#ffffff0f}.p-sub.p-clickable:hover .p-sub-preview{color:var(--ow-text-primary)}.p-sub:first-child:not(.p-empty){background:#22d3ee08}.p-sub:first-child:not(.p-empty):hover{background:#22d3ee0f}.p-sub:last-child:not(.p-empty){background:#e8975a08}.p-sub:last-child:not(.p-empty):hover{background:#e8975a0f}.p-sub:not(.p-empty):hover{box-shadow:0 1px 8px #0000004d}.p-sub.p-empty{background:transparent;min-height:68px}.p-sub.p-empty .p-sub-preview,.p-sub.p-empty .p-sub-label{opacity:.5}.p-sub.p-empty:has(.p-sub-icon-active) .p-sub-label{opacity:1}.p-row:has(.p-sub.p-empty:first-child):has(.p-sub.p-empty:last-child) .p-sub{min-height:36px}.p-sub.p-empty .p-sub-preview{font-style:italic;color:var(--ow-text-tertiary)}.p-sub.p-empty .p-sub-icon{opacity:.3}.p-sub.p-empty .p-sub-icon-active .p-sub-icon{opacity:1!important;filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.p-sub-label{position:absolute;top:7px;left:8px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10px;color:var(--ow-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.p-sub-icon{font-size:17px;color:var(--ow-cyan-primary);opacity:.45;vertical-align:middle;line-height:1}.p-sub-icon-wrapper{display:inline-flex;align-items:center;justify-content:center}.p-sub-icon-active{cursor:pointer}.p-sub-icon-active .p-sub-icon{color:var(--ow-cyan-primary);opacity:1}.p-sub-icon-own{cursor:pointer}.p-sub-icon-clickable:hover .p-sub-icon{text-shadow:0 0 8px rgba(34,211,238,.5);opacity:1}.p-sub-icon-img{width:20px;height:20px;opacity:.5}.p-sub-count{font-size:11px;color:var(--ow-text-tertiary);line-height:1;font-weight:600;cursor:pointer;transition:color .15s;margin-top:2px}.p-sub-count:hover{color:var(--ow-cyan-primary)}.p-sub-preview{width:100%;font-size:12px;color:var(--ow-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;min-height:34px}.p-sub-name{display:block;font-size:10px;font-weight:600;color:var(--ow-text-primary);margin-bottom:1px}.p-sub-badge{font-size:9px;color:var(--ow-text-tertiary);flex-shrink:0}.p-badge-clickable{cursor:pointer;padding:3px 9px;border:1px solid rgba(34,211,238,.25);border-radius:var(--ow-radius-full, 9999px);font-size:12px;font-weight:500;transition:all .15s;color:var(--ow-cyan-primary);letter-spacing:.02em;display:inline-flex;align-items:center;gap:3px}.p-badge-clickable .badge-icon{font-size:13px;opacity:.7;line-height:1}.p-badge-clickable:hover{color:var(--ow-text-primary);border-color:var(--ow-cyan-primary);background:#22d3ee1a;box-shadow:0 0 6px #22d3ee26}.heart-btn{background:transparent;border:none;color:var(--ow-warm);padding:3px 4px;cursor:pointer;font-size:12px;transition:all .15s;flex-shrink:0;white-space:nowrap;letter-spacing:.02em}.heart-btn:hover{color:var(--ow-warm-light);text-shadow:0 0 8px rgba(232,151,90,.4)}.heart-btn.heart-world{color:var(--ow-cyan-primary);opacity:.6}.heart-btn.heart-world:hover{color:var(--ow-cyan-light);opacity:1;text-shadow:0 0 8px rgba(34,211,238,.4)}.heart-display.heart-world{color:#22d3ee66}.heart-btn.pulse{transform:scale(1.1)}.hc{font-weight:600}.heart-display{font-size:12px;color:var(--ow-warm-muted);flex-shrink:0;padding:3px 4px;letter-spacing:.02em}.top-spec-badge{flex-shrink:0;color:#f0c040;display:flex;align-items:center}.top-spec-badge .material-icons-outlined{font-size:16px}.p-sub-preview~.p-sub-badge{margin-top:1px}.p-sub .heart-btn,.p-sub .heart-display{position:absolute;bottom:5px;right:6px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.overlay-panel{background:var(--ow-bg-tertiary);border:1px solid var(--ow-border-subtle);border-radius:var(--ow-radius-lg);max-width:640px;width:100%;max-height:80vh;display:flex;flex-direction:column}.overlay-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ow-border-subtle);gap:8px}.overlay-title{flex:1;font-size:var(--ow-text-sm);font-weight:var(--ow-font-semibold);color:var(--ow-text-white)}.overlay-copy{background:transparent;border:none;color:var(--ow-text-tertiary);cursor:pointer;padding:4px;line-height:1;transition:color .15s;display:flex;align-items:center}.overlay-copy .material-icons-outlined{font-size:16px}.overlay-copy:hover{color:var(--ow-cyan-primary)}.overlay-close{display:none}.overlay-body{padding:16px;overflow-y:auto}.overlay-desc{font-size:var(--ow-text-sm);color:var(--ow-text-secondary);line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.overlay-text{font-size:var(--ow-text-sm);color:var(--ow-text-primary);line-height:1.7;white-space:pre-wrap}.source-input-overlay{width:100%;min-height:200px;resize:vertical;font-family:var(--ow-font-sans);font-size:13px;line-height:1.5;background:#ffffff08;border:none;border-bottom:1px solid rgba(255,255,255,.1);border-radius:var(--ow-radius-sm);color:var(--ow-text-primary);padding:10px;box-sizing:border-box}.source-input-overlay:focus{outline:none;background:#ffffff0d}.source-input-actions{margin-top:8px;text-align:right}.source-input-submit{background:transparent;color:var(--ow-cyan-primary);border:none;padding:4px 0;cursor:pointer;font-size:12px;font-weight:500;min-height:0}.source-input-submit:hover:not(:disabled){color:var(--ow-cyan-light)}.source-input-submit:disabled{opacity:.5;cursor:default}.overlay-actions{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--ow-border-subtle)}.elements-grid{display:flex;flex-direction:column;gap:4px}.el-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--ow-radius-sm)}.el-row:hover{background:#ffffff08}.el-icon{font-size:16px;color:var(--ow-cyan-primary);flex-shrink:0}.el-type{font-size:10px;color:var(--ow-text-tertiary);text-transform:uppercase;min-width:70px;flex-shrink:0}.el-name{font-size:var(--ow-text-xs);color:var(--ow-text-primary)}.type-breakdown{display:flex;flex-direction:column;gap:12px}.tb-total{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);padding-bottom:8px;border-bottom:1px solid var(--ow-border-subtle)}.tb-list{display:flex;flex-direction:column;gap:6px}.tb-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--ow-radius-sm)}.tb-row:hover{background:#ffffff08}.tb-type{font-size:var(--ow-text-xs);color:var(--ow-text-secondary);text-transform:lowercase;min-width:80px;flex-shrink:0}.tb-count{font-size:var(--ow-text-sm);color:var(--ow-text-white);font-weight:var(--ow-font-semibold);min-width:24px;text-align:right;flex-shrink:0}.tb-bar{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.tb-bar-fill{display:block;height:100%;background:var(--ow-cyan-primary);border-radius:2px;opacity:.6}.personal{padding:12px}.personal input,.personal textarea,.personal select{border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;min-height:0!important;box-shadow:none!important}.personal input:focus,.personal textarea:focus{background:#ffffff08;border-bottom-color:#22d3ee4d!important}.personal-section{padding:12px;margin-bottom:8px;background:transparent;border:none;border-left:2px solid rgba(232,151,90,.15);border-radius:0}.personal-section:last-of-type{margin-bottom:0}.ps-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.ps-header-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.ps-header-toggle:hover .ps-toggle-icon{opacity:.7!important}.ps-title{font-size:var(--ow-text-sm);font-weight:var(--ow-font-semibold);color:var(--ow-text-white);margin:0;padding-left:8px;border-left:2px solid var(--ow-cyan-primary);display:flex;align-items:center;gap:6px}.ps-title-input{background:transparent;border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:var(--ow-text-white);font-size:var(--ow-text-sm);font-weight:var(--ow-font-semibold);font-family:inherit;padding:0 0 2px;margin:0;min-height:0!important;flex:1;outline:none}.ps-title-input:focus{border-bottom-color:#22d3ee4d!important}.ps-title-input::placeholder{color:var(--ow-text-tertiary);font-weight:400}.ps-title-input:read-only{border-bottom-color:transparent!important}.ps-title-icon{font-size:15px;color:var(--ow-cyan-primary);opacity:.7}.ps-title-icon-img{width:16px;height:16px;opacity:.7}.ps-meta{font-size:10px;color:var(--ow-text-tertiary)}.ps-tools{display:flex;gap:8px;margin-bottom:8px}.ps-tool{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--ow-text-tertiary);text-decoration:none;padding:3px 6px;border:none;border-radius:var(--ow-radius-sm);transition:all .15s}.ps-tool .material-icons-outlined{font-size:14px}.ps-tool:hover{color:var(--ow-text-secondary);border-color:var(--ow-border)}.ps-hint{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);margin:0 0 8px;line-height:1.4}.ps-hint a{color:var(--ow-cyan-primary)}.ps-textarea{width:100%;min-height:140px;resize:vertical;font-family:var(--ow-font-sans);font-size:13px;line-height:1.5;background:#ffffff05;border:none;border-bottom:1px solid rgba(255,255,255,.08);border-radius:var(--ow-radius-sm);color:var(--ow-text-primary);padding:8px 10px;margin-bottom:6px;box-sizing:border-box}.ps-textarea-sm{min-height:60px}.ps-textarea:focus{outline:none;background:#ffffff0d}.ps-textarea:read-only{color:var(--ow-text-tertiary);resize:none;border-bottom-color:transparent}.ps-textarea::placeholder{color:var(--ow-text-tertiary)}.ps-input{width:100%;padding:6px 10px;font-family:var(--ow-font-sans);font-size:13px;min-height:0;background:#ffffff08;border:none;border-radius:var(--ow-radius-sm);color:var(--ow-text-primary);margin-bottom:6px;box-sizing:border-box}.ps-input:focus{outline:none;background:#ffffff0d}.ps-input::placeholder{color:var(--ow-text-tertiary)}.ps-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.ps-inline{display:flex;gap:6px;align-items:center;margin-bottom:4px}.ps-inline .ps-input{margin-bottom:0;flex:1}.ps-status{font-size:10px;color:var(--ow-text-tertiary)}.ps-status-shared,.ps-status-submitted{color:var(--ow-success)}.ps-status-modified{color:var(--ow-warning)}.ps-footer{padding-top:12px;border-top:1px solid var(--ow-border-subtle);font-size:10px;color:var(--ow-text-tertiary)}.ps-footer strong{color:var(--ow-text-white)}.ps-skeleton{display:flex;flex-direction:column;gap:8px}.skel-line{height:12px;background:#ffffff0a;border-radius:var(--ow-radius-sm);animation:skelPulse 1.5s ease-in-out infinite}.skel-block{height:60px;background:#ffffff0a;border-radius:var(--ow-radius-sm);animation:skelPulse 1.5s ease-in-out infinite;animation-delay:.2s}.skel-w30{width:30%}.skel-w40{width:40%}.skel-w50{width:50%}.skel-w60{width:60%}.skel-w80{width:80%}@keyframes skelPulse{0%,to{opacity:.4}50%{opacity:1}}.loading,.empty,.error{text-align:center;padding:24px;color:var(--ow-text-tertiary);font-size:var(--ow-text-sm)}.error{color:var(--ow-error)}.toast-container{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:1100}@media (max-width: 768px){.main-content{flex-direction:column;height:auto}.classroom-panel{max-width:100%;border-bottom:1px solid var(--ow-border);max-height:50vh}.personal-panel{width:100%;border-left:none;border-top:1px solid var(--ow-border);max-height:33vh;overflow-y:auto}.p-subs{flex-direction:column;gap:4px}}@media (max-width: 480px){.top-bar{padding:0 8px}.top-bar-title{display:none}.classroom,.personal{padding:8px}.p-header{flex-wrap:wrap}.p-status{width:100%;margin-left:14px}}.ps-reveal{animation:specReveal .3s ease-out}@keyframes specReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.builder-section{display:inline-flex;flex-direction:row;gap:5px;flex-wrap:wrap;margin-top:0;padding-top:0;border-top:none;align-items:center}.builder-icon{width:22px;height:22px;font-size:11px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:all .15s}.builder-icon.public{background:#22d3ee26;border:none;color:var(--ow-cyan-primary);cursor:pointer;box-shadow:0 0 6px #22d3ee33}.builder-icon.public:hover{background:#22d3ee40;box-shadow:0 0 10px #22d3ee59}.builder-icon.private{border:none;background:#ffffff0f;color:var(--ow-text-tertiary)}.builder-count{font-size:11px;color:var(--ow-text-tertiary);flex-shrink:0}.builder-toggle{background:transparent;border:none;color:var(--ow-cyan-primary);padding:0;cursor:pointer;font-size:12px;transition:all .15s;flex-shrink:0;white-space:nowrap;letter-spacing:.02em;display:inline-flex;align-items:center;gap:3px;min-height:0}.builder-toggle:hover{color:var(--ow-cyan-light)}.builder-toggle.active{color:var(--ow-cyan-primary)}.bt-icon{font-size:13px;vertical-align:middle;position:relative;top:-1px}.builder-form{display:flex;flex-direction:column;gap:6px;padding:10px;margin-top:6px;background:#0006;border:1px solid var(--ow-border-subtle);border-radius:6px;width:100%;order:10}.builder-form .ps-input{margin-bottom:0}.builder-form input,.builder-form textarea,.collab-form input,.collab-form textarea{min-height:0!important;padding:6px 10px!important;font-size:12px!important;border-radius:4px!important;line-height:1.4}.builder-form-row{display:flex;align-items:center;gap:8px}.builder-form label{font-size:10px;color:var(--ow-text-tertiary);display:flex;align-items:center;gap:4px;cursor:pointer}.builder-form .btn-sm{flex-shrink:0}.bf-repo{width:100%;padding:6px 10px!important;font-family:var(--ow-font-sans);font-size:12px!important;min-height:0!important;background:#ffffff0d;border:1px solid var(--ow-border-subtle);border-radius:4px;color:var(--ow-text-primary)}.bf-repo:focus{outline:none;border-color:var(--ow-cyan-primary)}.bf-repo::placeholder{color:var(--ow-text-tertiary)}.bf-public-label{font-size:11px;color:var(--ow-text-secondary);display:flex;align-items:center;gap:6px;cursor:pointer}.bf-public-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;border:1px solid var(--ow-border-subtle)!important;border-bottom:1px solid var(--ow-border-subtle)!important;border-radius:3px!important;background:#ffffff0d!important;cursor:pointer;position:relative;flex-shrink:0;display:inline-block;box-shadow:none!important}.bf-public-label input[type=checkbox]:checked{background:#22d3ee33;border-color:var(--ow-cyan-primary)}.bf-public-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-1px;left:2px;font-size:11px;color:var(--ow-cyan-primary)}.bf-actions{display:flex;gap:6px;margin-top:2px}.bf-actions .btn-sm{padding:2px 0;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--ow-text-secondary);cursor:pointer;transition:all .15s;min-height:0;letter-spacing:.02em}.bf-actions .btn-sm:hover{color:var(--ow-text-primary)}.bf-actions .bf-submit{color:var(--ow-cyan-primary)}.bf-actions .bf-submit:hover{color:var(--ow-cyan-light)}.builder-icons{display:inline-flex;gap:2px;align-items:center}.collab-btn{width:22px;height:22px;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:var(--ow-text-tertiary);cursor:pointer;flex-shrink:0;padding:0;transition:all .15s;position:absolute;bottom:5px;right:30px}.collab-btn:hover{color:var(--ow-cyan-primary);background:#22d3ee14}.collab-btn .material-icons-outlined{font-size:14px;line-height:1}.collab-form{display:flex;flex-direction:column;gap:6px;padding:10px;margin-top:6px;background:#0006;border:1px solid var(--ow-border-subtle);border-radius:6px;width:100%;order:10}.collab-form input,.collab-form textarea{width:100%;padding:5px 8px;font-family:var(--ow-font-sans);font-size:11px;background:#ffffff0d;border:1px solid var(--ow-border-subtle);border-radius:4px;color:var(--ow-text-primary)}.collab-form textarea{min-height:40px!important;resize:vertical;line-height:1.4}.collab-form input:focus,.collab-form textarea:focus{outline:none;border-color:var(--ow-cyan-primary)}.collab-form input::placeholder,.collab-form textarea::placeholder{color:var(--ow-text-tertiary)}.cf-title{font-size:11px;color:var(--ow-warm-light);font-weight:500;margin-bottom:2px}.cf-recipients{font-size:10px;color:var(--ow-text-tertiary);margin-bottom:4px}.cf-actions{display:flex;gap:6px;margin-top:2px}.cf-actions .btn-sm{padding:2px 0;font-size:11px;font-weight:500;border:none;background:transparent;color:var(--ow-text-secondary);cursor:pointer;transition:all .15s;min-height:0;letter-spacing:.02em}.cf-actions .btn-sm:hover{color:var(--ow-text-primary)}.cf-actions .cf-send{color:var(--ow-cyan-primary)}.cf-actions .cf-send:hover{color:var(--ow-cyan-light)}.collab-section{border-left:2px solid rgba(232,151,90,.2)}.collab-request{padding:8px;margin-bottom:4px;border-left:2px solid rgba(34,211,238,.3);background:#00000026;border-radius:0 var(--ow-radius-sm) var(--ow-radius-sm) 0}.collab-request:last-child{margin-bottom:0}.collab-requester{font-size:var(--ow-text-xs);color:var(--ow-text-primary);margin-bottom:2px}.collab-handles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:2px}.collab-handle{font-size:10px;color:var(--ow-text-tertiary);font-family:monospace}.collab-handle a{color:var(--ow-cyan-primary);text-decoration:none}.collab-handle a:hover{text-decoration:underline}.collab-message{font-size:var(--ow-text-xs);color:var(--ow-text-tertiary);font-style:italic;margin-top:2px}.collab-badge{font-size:10px;color:var(--ow-bg-secondary);background:var(--ow-cyan-primary);padding:0 5px;border-radius:var(--ow-radius-full, 9999px);margin-left:4px;font-weight:var(--ow-font-semibold);display:inline-block;min-width:14px;text-align:center;line-height:16px}.ps-building-line{font-size:10px;color:var(--ow-text-tertiary);padding:4px 12px;margin-bottom:8px}.ps-status-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:2px}.ps-status-bar .ps-input{margin-bottom:0;flex:1;padding:2px 8px;font-size:var(--ow-text-xs);height:22px;min-height:0;line-height:1}.ps-bar-actions{width:100px;display:flex;justify-content:flex-start;align-items:center;gap:4px;flex-shrink:0}.ps-btn-sm{background:transparent;border:none;color:var(--ow-cyan-primary);font-size:var(--ow-text-xs);cursor:pointer;padding:4px 8px;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.ps-btn-sm:hover:not(:disabled){opacity:.7}.ps-btn-sm:disabled{opacity:.3;cursor:not-allowed}.ps-source-bar,.ps-world-bar{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:2px}.ps-source-input{flex:1;background:#ffffff08;border:none;border-radius:var(--ow-radius-sm);color:var(--ow-text-primary);font-size:var(--ow-text-xs);font-family:inherit;padding:4px 8px;min-height:0;resize:none;line-height:1.4}.ps-source-input:focus{outline:none;background:#ffffff0d}.ps-source-input[readonly]{color:var(--ow-text-tertiary)}.ps-source-input::placeholder{color:var(--ow-text-tertiary)}.spec-section .ps-input,.spec-section .ps-source-input{margin-bottom:6px}.ps-spec-actions{width:auto;justify-content:flex-start;padding:0}.ps-btn-recall{color:var(--ow-text-tertiary)}.ps-btn-recall:hover:not(:disabled){color:var(--ow-text-secondary);opacity:1}.ps-welcome{padding:16px 12px 12px;margin-bottom:8px}.ps-welcome-text{font-size:var(--ow-text-base, 14px);font-weight:var(--ow-font-semibold);color:var(--ow-text-white);margin-bottom:8px}.ps-welcome-hint{font-size:var(--ow-text-sm);color:var(--ow-text-primary);line-height:1.6}.ps-phase-hint{font-size:var(--ow-text-sm);color:var(--ow-text-primary);line-height:1.6;padding:16px 12px 12px}.ps-compact-status{font-size:var(--ow-text-xs);color:var(--ow-success);padding:4px 0;cursor:pointer;transition:color .15s}.ps-compact-status:hover{color:var(--ow-text-primary)}.p-row.p-ai-host{background:#e8975a0f;border-left:2px solid var(--ow-ai-host-muted)}.p-row.p-ai-host:hover{background:#e8975a17}.p-row.p-ai-guest{background:#c4956e0f;border-left:2px solid var(--ow-ai-guest-muted)}.p-row.p-ai-guest:hover{background:#c4956e17}.p-ai-icon{font-size:13px;opacity:.6;vertical-align:middle}.p-ai-host .p-ai-icon{color:var(--ow-ai-host)}.p-ai-guest .p-ai-icon{color:var(--ow-ai-guest)}.p-ai-host .p-name{color:var(--ow-ai-host)}.p-ai-guest .p-name{color:var(--ow-ai-guest)}.p-ai-host .p-sub-icon{color:var(--ow-ai-host);opacity:.8}.p-ai-guest .p-sub-icon{color:var(--ow-ai-guest);opacity:.8}.p-row.p-ai-lore{background:#d4956a0f;border-left:2px solid var(--ow-ai-lore-muted)}.p-row.p-ai-lore:hover{background:#d4956a17}.p-ai-lore .p-ai-icon,.p-ai-lore .p-name{color:var(--ow-ai-lore)}.p-ai-lore .p-sub-icon{color:var(--ow-ai-lore);opacity:.8}.p-subs-ai .p-sub{min-height:auto;padding:5px 10px 5px 32px}.p-subs-ai .p-sub-preview{-webkit-line-clamp:1;min-height:auto}.p-subs-ai .p-sub.p-empty{min-height:auto}.p-flag-indicator{position:absolute;top:5px;right:6px}.p-flag-indicator .material-icons-outlined{font-size:14px;color:var(--ow-warm);opacity:.8}.p-flag-active .material-icons-outlined{opacity:1;filter:drop-shadow(0 0 4px rgba(232,151,90,.4))}.ps-flag-btn{background:transparent;border:none;cursor:pointer;padding:2px;transition:all .15s;line-height:1;display:flex;align-items:center}.ps-flag-btn .material-icons-outlined{font-size:18px;color:var(--ow-text-tertiary);opacity:.4;transition:all .15s}.ps-flag-btn:hover .material-icons-outlined{color:var(--ow-warm);opacity:.7}.ps-flag-btn.ps-flag-active .material-icons-outlined{color:var(--ow-warm);opacity:1;filter:drop-shadow(0 0 6px rgba(232,151,90,.5))}.ai-message{padding:8px 12px;margin-bottom:6px;border-left:2px solid rgba(232,151,90,.2);background:#e8975a0a;border-radius:0 var(--ow-radius-sm) var(--ow-radius-sm) 0}.ai-message.ai-msg-guest{border-left-color:#c4956e33;background:#c4956e0a}.ai-message:last-child{margin-bottom:0}.ai-msg-header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.ai-msg-icon{font-size:13px;color:var(--ow-ai-host);opacity:.7}.ai-msg-from{font-size:var(--ow-text-xs);color:var(--ow-ai-host)}.ai-msg-guest .ai-msg-icon,.ai-msg-guest .ai-msg-from{color:var(--ow-ai-guest)}.ai-message.ai-msg-lore{border-left-color:#d4956a33;background:#d4956a0a}.ai-msg-lore .ai-msg-icon,.ai-msg-lore .ai-msg-from{color:var(--ow-ai-lore)}.ai-msg-type{font-size:10px;color:var(--ow-text-tertiary);margin-left:auto}.ai-msg-copy{opacity:0;transition:opacity .15s;color:var(--ow-text-tertiary);padding:0 2px;margin-left:4px}.ai-message:hover .ai-msg-copy{opacity:.5}.ai-msg-copy:hover{opacity:1!important;color:var(--ow-text-secondary)}.ai-msg-content{font-size:var(--ow-text-xs);color:var(--ow-text-secondary);line-height:1.5;white-space:pre-wrap}.ai-msg-truncated{color:var(--ow-text-tertiary)}.ai-msg-expand{margin-top:4px;font-size:10px;color:var(--ow-warm)}.ai-msg-expand:hover{color:var(--ow-warm-light)}#clear-ai-messages-btn{margin-top:6px;margin-left:12px}