:root{--color-bg: #0d0d0d;--color-bg-soft: #161616;--color-text: #f5f5f5;--color-text-dim: #999;--color-accent: #c8ff00;--color-border: rgba(245, 245, 245, .18);--color-border-strong: rgba(245, 245, 245, .4);--color-error: #ff5252;--bg-image: none;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4rem;--card-bg: rgba(13, 13, 13, .55);--card-bg-strong: rgba(13, 13, 13, .7);--card-blur: 14px}*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;min-height:100vh;background:var(--color-bg)}body,#root{margin:0;padding:0;min-height:100vh}body{color:var(--color-text);font-family:var(--font-mono);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:transparent}#root{background:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none;filter:contrast(1.05) saturate(.9)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0d0d0df2,#0d0d0dbf),radial-gradient(ellipse at center,#0d0d0d00,#0d0d0d4d),repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 3px);z-index:1;pointer-events:none}#root{position:relative;z-index:2}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:.02em}h1{font-size:1.5rem;text-transform:uppercase}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em}h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim)}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit;font-size:16px}::selection{background:var(--color-accent);color:var(--color-bg)}.shell{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:880px;margin:0 auto;padding:0 var(--space-2)}@media (min-width: 600px){.container{padding:0 var(--space-3)}}.stack>*+*{margin-top:var(--space-2)}.stack-lg>*+*{margin-top:var(--space-4)}.stack-sm>*+*{margin-top:var(--space-1)}.topbar{border-bottom:1px solid var(--color-border);background:#0d0d0db3;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);position:sticky;top:0;z-index:10}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);gap:var(--space-2);min-height:56px;position:relative}.brand{display:flex;align-items:center;gap:.4rem;font-weight:700;letter-spacing:.04em;text-transform:lowercase;font-size:1.05rem}.brand-marker{display:inline-block;background:var(--color-accent);color:var(--color-bg);padding:0 .45em;font-weight:700;letter-spacing:0}.topbar-active{flex:1;min-width:0;text-align:right;padding-right:var(--space-2);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--color-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 768px){.topbar-active{display:none}}.menu-toggle{width:44px;height:44px;background:transparent;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;letter-spacing:-.05em;color:var(--color-text)}.menu-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (min-width: 768px){.menu-toggle{display:none}}.nav-wrap{display:none}.nav-wrap.is-open{display:block;position:absolute;top:100%;left:0;right:0;background:#0d0d0df2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-2)}.nav{display:flex;flex-direction:column;gap:0}.nav-link{padding:.85rem 1rem;border:1px solid var(--color-border);border-bottom:0;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;transition:background 80ms ease,color 80ms ease;text-align:left}.nav-link:last-child{border-bottom:1px solid var(--color-border)}.nav-link:hover{background:#f5f5f50d}.nav-link.is-active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.user-chip{font-size:.78rem;color:var(--color-text-dim);letter-spacing:.04em;padding:var(--space-1) 0;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.user-chip strong{color:var(--color-text);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.user-chip-bar{display:none}@media (min-width: 768px){.user-chip-drawer{display:none}.user-chip-bar{display:flex}}@media (min-width: 768px){.topbar-inner{display:grid;grid-template-columns:auto 1fr auto;padding:var(--space-2) var(--space-3);gap:var(--space-3)}.nav-wrap,.nav-wrap.is-open{display:flex;position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;padding:0;justify-content:center}.nav{flex-direction:row;gap:0}.nav-link{padding:.5rem .85rem;border:1px solid var(--color-border);border-right:0;font-size:.78rem}.nav-link:last-child{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.user-chip{padding:0;font-size:.75rem;flex-wrap:nowrap;justify-content:flex-end}}.section-head{display:flex;align-items:center;gap:.5rem;margin:var(--space-4) 0 var(--space-2);flex-wrap:wrap}.section-head-blocks:before,.section-head-blocks:after{content:"█▓▒";letter-spacing:-.05em;color:var(--color-accent)}.section-head-blocks:after{content:"▒▓█"}.section-head-label{text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:var(--color-text)}.section-head-meta{margin-left:auto;font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em}.block{border:1px solid var(--color-border);background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1);padding:var(--space-2)}@media (min-width: 600px){.block{padding:var(--space-2) var(--space-3)}}.block-row{display:flex;gap:var(--space-2);border-left:3px solid var(--color-accent);padding:var(--space-2);background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1);align-items:flex-start}.block-row+.block-row{margin-top:var(--space-1)}.event-accordion{display:block;padding:0;cursor:pointer}.event-accordion summary{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-2);list-style:none}.event-accordion summary::-webkit-details-marker{display:none}.event-accordion summary::marker{content:""}.event-toggle{width:1.25rem;height:1.25rem;border:1px solid var(--color-border-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;position:relative;margin-top:.1rem}.event-toggle:before{content:"+";line-height:1}.event-accordion[open] .event-toggle{border-color:var(--color-accent);color:var(--color-accent)}.event-accordion[open] .event-toggle:before{content:"−"}.event-accordion summary:hover{background:#f5f5f50a}.event-details{padding:0 var(--space-2) var(--space-2);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1);margin-top:0}.event-details>div{padding-top:var(--space-1)}.event-details .label{margin-bottom:.2rem}.block-time{font-weight:600;letter-spacing:.04em;color:var(--color-accent);min-width:4.5rem;font-variant-numeric:tabular-nums}.block-row-body{flex:1;min-width:0}.block-row-title{font-weight:500;text-transform:uppercase;letter-spacing:.04em}.block-row-meta{font-size:.78rem;color:var(--color-text-dim);margin-top:.15rem;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.2rem;background:transparent;border:1px solid var(--color-border-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:500;transition:background 80ms ease,color 80ms ease,border-color 80ms ease}.btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{border-color:var(--color-border-strong);color:inherit}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:700}.btn-primary:hover{background:var(--color-bg);color:var(--color-accent);border-color:var(--color-accent)}.btn-ghost{border-color:transparent;color:var(--color-text-dim);min-height:44px;padding:0 .8rem}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-border)}@media (min-width: 768px){.btn,.btn-ghost{min-height:36px;padding:0 1rem}}.input,.textarea,.select{width:100%;padding:.7rem .85rem;background:#0d0d0dd9;border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.02em;font-size:16px;min-height:44px}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.textarea{min-height:6rem;resize:vertical}@media (min-width: 768px){.input,.select{font-size:14px;min-height:36px}.textarea{font-size:14px}}.label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--color-text-dim);margin-bottom:.3rem}.audio{border:1px solid var(--color-border);background:var(--card-bg-strong);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1);padding:var(--space-2);display:flex;gap:var(--space-2);align-items:center}.audio-play{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-bg);border:0;font-size:1.1rem;flex-shrink:0}.audio-play:hover{filter:brightness(1.1)}.audio-bar{flex:1;height:4px;background:#f5f5f526;position:relative;cursor:pointer;min-width:0}.audio-bar-fill{position:absolute;inset:0 auto 0 0;background:var(--color-accent)}.audio-time{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--color-text-dim);min-width:6.5rem;text-align:right;flex-shrink:0}@media (max-width: 480px){.audio{flex-wrap:wrap}.audio-bar{order:3;flex-basis:100%;height:4px;margin-top:var(--space-1)}}.brief-text{border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-3);background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1);white-space:pre-wrap;text-transform:uppercase;letter-spacing:.02em;font-size:.95rem;line-height:1.7}.brief-text:before{content:"> ";color:var(--color-accent)}.dropzone{border:2px dashed var(--color-border-strong);padding:var(--space-3);text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--color-text-dim);cursor:pointer;transition:border-color 80ms ease,color 80ms ease,background 80ms ease;background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1)}.dropzone:hover,.dropzone.is-active{border-color:var(--color-accent);color:var(--color-accent);background:#c8ff000a}@media (min-width: 600px){.dropzone{padding:var(--space-4)}}.preview{display:grid;grid-template-columns:1fr;gap:var(--space-2);align-items:start}@media (min-width: 600px){.preview{grid-template-columns:1fr 200px}}.preview-img{width:100%;height:200px;background-size:cover;background-position:center;border:1px solid var(--color-border)}.preview-meta{display:flex;flex-direction:column;gap:var(--space-1)}.swatch-row{display:flex;gap:.5rem;align-items:center}.swatch{width:1.2rem;height:1.2rem;border:1px solid var(--color-border-strong)}.hero{min-height:100vh;display:grid;place-items:center;padding:var(--space-2)}.hero-card{width:100%;max-width:460px;border:1px solid var(--color-border-strong);background:var(--card-bg-strong);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1);padding:var(--space-3)}@media (min-width: 600px){.hero-card{padding:var(--space-4)}}.hero-title{font-size:2rem;letter-spacing:.06em;margin-bottom:var(--space-1)}.hero-title .brand-marker{font-size:1.6rem;vertical-align:.05em}.hero-tagline{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);font-size:.78rem;margin-bottom:var(--space-4)}.page{padding:var(--space-2) 0 var(--space-5)}@media (min-width: 600px){.page{padding:var(--space-3) 0 var(--space-6)}}.empty{border:1px dashed var(--color-border);padding:var(--space-3);text-align:center;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.toast{position:fixed;left:var(--space-2);right:var(--space-2);bottom:var(--space-2);border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-accent);padding:var(--space-1) var(--space-2);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;text-align:center;z-index:100}.toast.is-error{border-color:var(--color-error);color:var(--color-error)}@media (min-width: 600px){.toast{left:auto;right:var(--space-3);bottom:var(--space-3);text-align:left}}.nav-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#000;font-size:.6rem;font-weight:700;min-width:1.3em;height:1.3em;padding:0 3px;border-radius:999px;line-height:1;vertical-align:super;margin-left:3px}.toast-stack{position:fixed;bottom:var(--space-2);left:var(--space-2);right:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);z-index:200;pointer-events:none}@media (min-width: 600px){.toast-stack{left:auto;max-width:320px}}.toast-stack-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-accent);padding:var(--space-1) var(--space-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;pointer-events:auto;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast-stack-link{color:var(--color-accent);text-decoration:none;white-space:nowrap;flex-shrink:0}.toast-stack-link:hover{text-decoration:underline}.badge{display:inline-block;padding:.15rem .5rem;border:1px solid var(--color-border);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.badge-new{border-color:var(--color-accent);color:var(--color-accent)}.badge-accepted{border-color:#6cd57a;color:#6cd57a}.badge-rejected{border-color:var(--color-error);color:var(--color-error)}.chat-page{display:flex;flex-direction:row;gap:0;max-width:880px;margin:0 auto;padding:var(--space-2);align-items:flex-start}.chat-sidebar{display:flex;flex-direction:column;width:180px;min-width:140px;flex-shrink:0;border:1px solid var(--color-border);background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1);margin-right:var(--space-2)}.chat-sidebar-item{display:flex;align-items:flex-start;gap:var(--space-1);padding:var(--space-2);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;width:100%;color:var(--color-text);transition:background .1s}.chat-sidebar-item:hover{background:#ffffff0a}.chat-sidebar-item.is-active{background:#c8ff0012;border-left:3px solid var(--color-accent)}.chat-sidebar-emoji{font-size:1.2rem;line-height:1;flex-shrink:0}.chat-sidebar-meta{min-width:0;flex:1}.chat-sidebar-label{font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sidebar-preview{font-size:.72rem;color:var(--color-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-unread-badge{background:var(--color-accent);color:#000;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:999px;line-height:1.4}.chat-sidebar-settings{display:block;padding:var(--space-2);font-size:.75rem;text-decoration:none;text-align:center;border-top:1px solid var(--color-border)}.chat-sidebar-settings:hover{color:var(--color-text)}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.chat-commands{border:1px solid var(--color-border);background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1)}.chat-commands>summary{list-style:none;cursor:pointer;padding:var(--space-2);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:.875rem}.chat-commands>summary::-webkit-details-marker{display:none}.chat-commands>summary:after{content:"▾";color:var(--color-accent);transition:transform .15s}.chat-commands[open]>summary:after{transform:rotate(180deg)}.chat-commands-body{padding:0 var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.chat-shell{display:flex;flex-direction:column;min-height:0;border:1px solid var(--color-border);background:var(--card-bg);backdrop-filter:blur(var(--card-blur)) saturate(1.1);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(1.1)}.chat-messages{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:60vh;min-height:120px;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.chat-bubble{max-width:80%;padding:.55rem .8rem;border:1px solid var(--color-border);background:#0d0d0d99;word-wrap:break-word}.chat-bubble-in{align-self:flex-start;border-left:3px solid var(--color-border-strong)}.chat-bubble-out{align-self:flex-end;border-left:3px solid var(--color-accent);background:#c8ff000f}.chat-bubble-sender{font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-variant-numeric:tabular-nums}.chat-bubble-text{white-space:pre-wrap;font-size:.92rem}.chat-bubble-time{font-size:.65rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem}.chat-compose{position:sticky;bottom:0;display:flex;gap:var(--space-1);padding:var(--space-2);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-border);background:var(--card-bg);align-items:stretch}.chat-compose .textarea{flex:1;min-height:3.5rem}.dim{color:var(--color-text-dim)}.right{margin-left:auto}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.spacer{flex:1}
