:root{--hub-bg: rgb(11, 18, 32);--hub-surface: rgb(26, 35, 51);--hub-muted: rgb(19, 28, 43);--hub-subtle: rgb(42, 53, 72);--hub-foreground: rgb(243, 244, 246);--hub-foreground-secondary: rgb(209, 213, 219);--hub-foreground-muted: rgb(156, 163, 175);--hub-border: rgb(47, 58, 82);--hub-border-subtle: rgb(36, 48, 73);--hub-accent: rgb(45, 212, 191);--hub-accent-hover: rgb(94, 234, 212);--hub-accent-muted: rgba(45, 212, 191, .15);--hub-danger: rgb(248, 113, 113);--hub-warning: rgb(251, 191, 36);--hub-success: rgb(74, 222, 128);--hub-info: rgb(96, 165, 250);--bg: var(--hub-bg);--bg-soft: var(--hub-surface);--fg: var(--hub-foreground);--fg-soft: var(--hub-foreground-muted);--accent: var(--hub-accent);--accent-soft: var(--hub-accent-muted);--danger: var(--hub-danger);--radius: 12px;--space: 16px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100dvh}.app__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space);border-bottom:1px solid var(--bg-soft);position:sticky;top:0;background:var(--bg);z-index:10}.brand{color:var(--fg);font-weight:700;display:flex;align-items:center;gap:8px}.brand__dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.app__nav{display:flex;gap:var(--space)}.app__nav a{color:var(--fg-soft)}.app__nav a:hover{color:var(--accent);text-decoration:none}.app__main{flex:1;padding:var(--space);max-width:720px;margin:0 auto;width:100%}.app__main--wide{max-width:1440px}@media(max-width:1099px){.app__main--wide{max-width:720px}}.capture{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 0}.capture__hint{color:var(--fg-soft);text-align:center;max-width:320px}.record-btn{width:180px;height:180px;border-radius:50%;background:var(--accent-soft);color:var(--accent);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;letter-spacing:.5px;transition:transform .1s ease,background .2s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.record-btn:active,.record-btn--recording{transform:scale(.96);background:var(--accent);color:var(--bg);box-shadow:0 0 32px var(--accent)}.record-btn:disabled{opacity:.5;cursor:not-allowed}.timer{font-variant-numeric:tabular-nums;font-size:32px;color:var(--accent)}.note-card{background:var(--bg-soft);border-radius:var(--radius);padding:var(--space);margin-bottom:12px;border-left:3px solid var(--accent)}.note-card__meta{color:var(--fg-soft);font-size:13px;margin-bottom:6px;display:flex;gap:12px}.note-card__summary{font-size:15px}.note-card__cat{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;text-transform:lowercase}.links{margin-top:12px}.links__title{color:var(--fg-soft);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.link{display:block;padding:6px 0;border-bottom:1px solid var(--bg-soft)}.link:last-child{border-bottom:none}.empty{color:var(--fg-soft);text-align:center;padding:48px 0}.spinner{color:var(--fg-soft)}.note-detail__head{margin-bottom:16px}.note-detail__meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:var(--fg-soft);font-size:13px}.note-detail__section{margin-bottom:24px}.note-detail__h{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg-soft);margin:0 0 10px;font-weight:600}.note-detail__summary{font-style:italic;color:var(--fg-soft);line-height:1.5;padding:12px 16px;background:var(--bg-soft);border-radius:8px;border-left:2px solid var(--accent)}.note-detail__note{color:var(--fg-soft);font-size:12px;margin-top:8px;font-style:italic}.note-detail__no-audio{text-align:center;color:var(--fg-soft);padding:24px;background:var(--bg-soft);border-radius:12px}.note-detail__retention{color:var(--fg-soft);font-size:12px;margin-top:16px;font-style:italic}.note-detail__error{color:var(--danger);padding:12px;background:#f871711a;border-radius:8px;margin-top:16px}.note-detail__actions{display:flex;gap:12px;margin-top:24px}.btn{padding:8px 16px;border-radius:8px;border:1px solid;background:transparent;cursor:pointer;font:inherit}.btn--accent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.btn--danger{color:var(--danger);border-color:var(--danger)}.waveform{background:var(--bg-soft);border-radius:12px;padding:16px;border:1px solid rgba(34,211,238,.15)}.waveform__canvas{width:100%;min-height:96px}.waveform__controls{display:flex;align-items:center;gap:16px;margin-top:12px}.waveform__play{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--bg);border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.waveform__play:active{transform:scale(.95)}.waveform__time{font-variant-numeric:tabular-nums;color:var(--fg-soft);font-size:13px}.pitch-overlay{margin-top:8px;padding:12px 16px;background:#0b122099;border-radius:8px;border:1px solid rgba(34,211,238,.08)}.pitch-overlay__svg{display:block;width:100%}.pitch-overlay__stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:12px;color:var(--fg-soft);font-variant-numeric:tabular-nums}.pitch-overlay__stats strong{color:var(--accent);font-weight:600;margin-left:2px}.transcript{background:var(--bg-soft);border-radius:12px;padding:20px;line-height:1.8;font-size:16px}.transcript__words{word-spacing:0}.transcript__word{padding:2px 1px;border-radius:3px;cursor:pointer;transition:background .1s ease,color .1s ease;color:var(--fg)}.transcript__word:hover{background:#22d3ee1a}.transcript__word--past{color:var(--fg-soft)}.transcript__word--current{background:var(--accent);color:var(--bg);box-shadow:0 0 12px #22d3ee80}.transcript__text{color:var(--fg);line-height:1.7;margin:0}.transcript__empty{color:var(--fg-soft);font-style:italic;margin:0;text-align:center}.procedures{margin-top:8px}.procedures__title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--fg-soft);margin:0 0 12px;font-weight:600}.procedure{background:var(--bg-soft);border-radius:8px;margin-bottom:6px;border:1px solid transparent;transition:border-color .15s ease}.procedure:hover{border-color:#22d3ee33}.procedure--pending{opacity:.55}.procedure__head{width:100%;display:grid;grid-template-columns:28px 160px 1fr 24px;align-items:center;gap:10px;background:transparent;border:none;color:inherit;cursor:pointer;padding:10px 14px;font:inherit;text-align:left}.procedure__icon{font-size:18px}.procedure__label{font-weight:600;color:var(--fg)}.procedure__meta{color:var(--fg-soft);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.procedure__chevron{color:var(--fg-soft);justify-self:end}.procedure__details{margin:0;padding:0 14px 12px 56px;list-style:none;color:var(--fg-soft);font-size:13px}.procedure__details li{position:relative;padding:4px 0 4px 14px}.procedure__details li:before{content:"·";position:absolute;left:4px;color:var(--accent)}.related-note{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:12px 16px;background:var(--bg-soft);border-radius:8px;margin-bottom:6px;color:var(--fg);text-decoration:none;border-left:2px solid transparent;transition:border-color .15s ease,background .15s ease}.related-note:hover{border-left-color:var(--accent);text-decoration:none;background:#22d3ee0d}.related-note__score{color:var(--accent);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;text-align:right}.related-note__title{color:var(--fg);font-size:14px;line-height:1.4}.note-detail__grid{display:flex;flex-direction:column;gap:24px}.note-detail__content,.note-detail__aside{display:flex;flex-direction:column;gap:0}@media(min-width:1100px){.note-detail__grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.note-detail__aside{position:sticky;top:16px}}.signals{padding:16px;background:var(--hub-surface);border-radius:12px;border:1px solid var(--hub-border-subtle)}.signals--empty{opacity:.6}.signals__title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--hub-foreground-muted);margin:0 0 12px;font-weight:600}.signals__empty{color:var(--hub-foreground-muted);font-size:13px;margin:0;font-style:italic}.signals__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.signals__item{display:grid;grid-template-columns:24px 1fr 36px;gap:10px;padding:8px 12px;border-radius:8px;background:var(--hub-muted);border:1px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.signals__item:hover{border-color:var(--hub-accent)}.signals__item--active{border-color:var(--hub-accent);box-shadow:0 0 16px #2dd4bf40}.signals__icon{font-size:18px;align-self:center;text-align:center}.signals__body{min-width:0}.signals__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.signals__label{font-size:13px;font-weight:600;color:var(--hub-foreground)}.signals__time{font-variant-numeric:tabular-nums;font-size:11px;color:var(--hub-foreground-muted)}.signals__bar{height:3px;background:var(--hub-subtle);border-radius:999px;margin-top:4px;overflow:hidden}.signals__bar-fill{height:100%;background:currentColor;border-radius:999px;opacity:.7}.signals__pct{align-self:center;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;color:var(--hub-foreground-muted)}.sig{color:var(--hub-accent)}.sig--pause{color:#a78bfa}.sig--exc{color:var(--hub-warning)}.sig--flat{color:var(--hub-foreground-muted)}.sig--hes{color:#7dd3fc}.sig--sens{color:var(--hub-danger)}.sig--question{color:var(--hub-info)}.sig--slow{color:#f87171}.transcript__word.sig{position:relative;border-bottom:2px solid currentColor}.transcript__word.sig--pause{background:#a78bfa1a}.transcript__word.sig--exc{background:#fbbf241a}.transcript__word.sig--flat{background:#9ca3af14}.transcript__word.sig--hes{background:#7dd3fc14}.transcript__word.sig--sens{background:#f871711a}.transcript__word.sig--question{background:#60a5fa1a}.transcript__word.sig--slow{background:#f8717114}.transcript__badge{font-size:.6em;margin-left:2px;color:currentColor;vertical-align:super;opacity:.85}@media(max-width:600px){.procedure__head{grid-template-columns:28px 1fr 24px}.procedure__meta{display:none}.procedure__details{padding-left:38px}.related-note{grid-template-columns:48px 1fr;gap:8px}.signals__item{grid-template-columns:22px 1fr 32px}}@media(min-width:1100px){.brand__dot{box-shadow:0 0 16px var(--hub-accent)}.waveform{box-shadow:0 0 24px #2dd4bf14,inset 0 0 1px var(--hub-border-subtle)}.note-detail__h{position:relative}.note-detail__h:before{content:"";display:inline-block;width:8px;height:8px;background:var(--hub-accent);border-radius:50%;margin-right:8px;box-shadow:0 0 8px var(--hub-accent);vertical-align:middle}}