:root{--primary: #0b0f0d;--highlight: #00e676;--surface: #f5f3e6;--support: #8a8f8c;--panel: #121814;--panel-2: #171e1a;--line: #24302a;--danger: #ff8b7a;--warn: #f0c35a;--ok: #00e676;--font: "Sora", system-ui, sans-serif;--radius: 18px;--radius-sm: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--surface);background:radial-gradient(900px 420px at 12% -8%,rgba(0,230,118,.12),transparent 55%),radial-gradient(700px 380px at 95% 0%,rgba(0,230,118,.06),transparent 50%),linear-gradient(180deg,#0d1310 0%,var(--primary) 40%,#080b09 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Ctext x='8' y='28' fill='%2300E676' font-size='11' font-family='monospace'%3E01001101%3C/text%3E%3Ctext x='48' y='58' fill='%2300E676' font-size='11' font-family='monospace'%3E11010010%3C/text%3E%3Ctext x='18' y='88' fill='%2300E676' font-size='11' font-family='monospace'%3E00101110%3C/text%3E%3Ctext x='72' y='118' fill='%2300E676' font-size='11' font-family='monospace'%3E10110101%3C/text%3E%3Ctext x='28' y='148' fill='%2300E676' font-size='11' font-family='monospace'%3E01100011%3C/text%3E%3C/svg%3E");z-index:0}button,input,select,textarea{font:inherit}a{color:var(--highlight);text-decoration:none}a:hover{text-decoration:underline}.app{position:relative;z-index:1;width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem;display:grid;gap:1.35rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{display:flex;align-items:center;gap:.9rem;min-width:0}.brand-lockup img{width:64px;height:64px;border-radius:16px;box-shadow:0 0 0 1px #00e67640,0 12px 40px #00000073}.brand-copy{min-width:0}.brand-copy .wordmark{margin:0;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}.brand-copy .wordmark span{color:var(--highlight)}.brand-copy .tagline{margin:.28rem 0 0;color:var(--support);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.top-actions{display:flex;gap:.55rem;flex-shrink:0}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:1rem;align-items:stretch}@media(max-width:860px){.hero{grid-template-columns:1fr}.brand-lockup img{width:52px;height:52px}}.greeting h1{margin:0;font-size:clamp(1.6rem,3.4vw,2.25rem);font-weight:700;letter-spacing:-.03em}.greeting p{margin:.55rem 0 0;color:var(--support);max-width:34rem;line-height:1.5}.mascot-panel{display:grid;place-items:center;padding:.5rem}.mascot-panel img{width:min(220px,100%);border-radius:28px;animation:floaty 5s ease-in-out infinite;filter:drop-shadow(0 18px 40px rgba(0,230,118,.18))}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media(max-width:860px){.actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--surface);padding:1.1rem .9rem;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease;display:grid;gap:.85rem;min-height:118px}.action-tile:hover{border-color:#00e6768c;transform:translateY(-2px);background:var(--panel-2)}.action-tile.active{border-color:var(--highlight);box-shadow:inset 0 0 0 1px #00e67640}.action-tile .icon{width:42px;height:42px;border-radius:12px;border:1.5px solid rgba(0,230,118,.55);display:grid;place-items:center;color:var(--highlight)}.action-tile .label{font-weight:600;font-size:.95rem}.panel{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem 1.2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h2{margin:0 0 .9rem;font-size:.95rem;font-weight:650;letter-spacing:.01em}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.field{display:grid;gap:.35rem;flex:1 1 200px}.field label{font-size:.7rem;color:var(--support);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.field input,.field select{width:100%;background:#0c110e;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--surface);padding:.72rem .85rem}.field input:focus,.field select:focus{outline:2px solid rgba(0,230,118,.45);outline-offset:1px;border-color:#00e6768c}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.75rem 1.2rem;background:var(--highlight);color:#062012;font-weight:700;cursor:pointer;transition:transform .14s ease,filter .14s ease}.btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--surface);border:1px solid var(--line)}.btn.ghost:hover:not(:disabled){border-color:#00e67673}.layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);gap:1rem}@media(max-width:860px){.layout{grid-template-columns:1fr}}.list{display:grid;gap:.55rem;max-height:560px;overflow:auto;padding-right:.15rem}.meeting{text-align:left;width:100%;background:#0c110e;border:1px solid transparent;border-radius:14px;padding:.85rem .95rem;color:inherit;cursor:pointer;transition:border-color .14s ease}.meeting:hover{border-color:#00e67647}.meeting.active{border-color:#00e676b3;background:#00e6760f}.meeting .title{font-weight:600;margin-bottom:.35rem;line-height:1.3}.meeting .meta{font-size:.72rem;color:var(--support);display:flex;flex-wrap:wrap;gap:.55rem;font-weight:500}.status{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.status:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--support)}.status.ok:before{background:var(--ok);box-shadow:0 0 10px #00e6768c}.status.warn:before{background:var(--warn)}.status.bad:before{background:var(--danger)}.badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(0,230,118,.35);color:var(--highlight);padding:.2rem .65rem;font-size:.72rem;font-weight:600}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 1rem}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--line);color:var(--support);border-radius:999px;padding:.4rem .8rem;cursor:pointer;font-size:.8rem;font-weight:600}.tab.active{color:#062012;background:var(--highlight);border-color:var(--highlight)}.detail{display:grid;gap:.9rem}.detail .empty,.empty{color:var(--support);margin:0;line-height:1.45}.kv{display:grid;gap:.45rem;font-size:.8rem}.kv div{display:grid;grid-template-columns:100px 1fr;gap:.5rem}.kv span:first-child{color:var(--support)}.transcript{white-space:pre-wrap;line-height:1.6;background:#0c110e;border:1px solid var(--line);border-radius:14px;padding:1rem;max-height:320px;overflow:auto;color:color-mix(in srgb,var(--surface) 92%,white)}.segments{display:grid;gap:.4rem;font-size:.74rem;color:var(--support)}.segments code{color:color-mix(in srgb,var(--surface) 75%,var(--support));word-break:break-all}.flash{border-radius:14px;padding:.85rem 1rem;border:1px solid var(--line);background:#0c110e;margin:0}.flash.error{border-color:color-mix(in srgb,var(--danger) 50%,var(--line));color:#ffd4cb}.flash.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.settings-drawer{display:grid;gap:.85rem}.footer-note{color:var(--support);font-size:.75rem;text-align:center;margin-top:.5rem}
