.brand{display:flex;align-items:center;gap:12px;flex-wrap:nowrap!important}.brand .brand-english{display:block!important;flex:none!important;width:auto!important;font-size:9px!important;line-height:1.45;letter-spacing:1.4px;margin:0!important;border-left:1px solid #54788d;padding-left:12px}.hero #modeHint{line-height:1.8}.hero h1{letter-spacing:-.04em}#cards{display:block}.compact-section{min-width:0;margin:22px 0}.compact-section h3{font-size:16px;font-weight:500;margin:0 0 12px}.compact-section h3 small{font-size:11px;color:#829caf;margin-left:12px}.compact-track{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding:2px 2px 12px;overscroll-behavior-x:contain}.compact-track>[data-id]{flex:0 0 280px;max-width:85vw;scroll-snap-align:start;margin:0!important;min-height:175px}.compact-track>[data-id] p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.compact-empty{font-size:12px;color:#7e94a4;padding:10px 0}.compact-more>summary{cursor:pointer;font-size:13px;color:#8da8bd;padding:12px 0}.continuity{display:none}.knowledge-progress{font-size:12px;color:#91d8f3;line-height:1.7}.knowledge-status{padding:14px;background:#112735;border-radius:12px;white-space:pre-wrap}.memory-preview p{max-height:360px;overflow:auto;white-space:pre-wrap}@media(max-width:520px){.hero h1{font-size:32px}.brand{font-size:22px!important}.space-header-actions{gap:5px}.space-header-actions button{font-size:12px}.compact-track>[data-id]{flex-basis:78vw}}

#example{display:none!important}
.compact-track>[data-id]{height:228px;min-height:228px;overflow:hidden;padding:18px!important}.compact-track>[data-id] h3{font-size:18px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-track>[data-id] img{width:38px!important;height:30px!important;object-fit:cover}.compact-track>[data-id] .bottom{font-size:10px}.compact-track>[data-id] p{font-size:12px;-webkit-line-clamp:2;margin:8px 0}.compact-track>[data-id] .thumbs{height:32px;margin:4px 0}@media(max-width:520px){.hero{padding-top:24px!important;padding-bottom:24px!important}.hero .orb{margin-top:30px!important;margin-bottom:24px!important}}

/* Compact wordmark and speech cue directly beneath the recording orb. */
.brand{gap:11px!important;max-width:none!important;letter-spacing:1px}
.brand-symbol{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;font-size:25px;font-weight:600;line-height:1;letter-spacing:0;color:#e6f8ff;background:radial-gradient(circle at 28% 20%,#567b96 0,#203f57 40%,#091b2b 80%);border:1px solid #94d9f080;box-shadow:inset 0 1px 8px #d6f7ff26,0 0 18px #55aaff16}
.brand-symbol:after{content:'';position:absolute;inset:4px;border:1px solid #a6d7ef23;border-radius:50%;pointer-events:none}
.brand-wordmark{display:flex;flex-direction:column;gap:5px;font-size:24px;line-height:1.1;font-weight:600;white-space:nowrap}
.brand-caption{font-size:7px;font-weight:400;letter-spacing:1.65px;color:#8eb3c6;line-height:1}
.hero #modeHint{white-space:nowrap;font-size:16px;letter-spacing:1px}
.hero .capture-mode-help{margin:14px auto 0!important;line-height:1.6;font-size:13px!important;color:#aecbdc!important;letter-spacing:2px}
.hero .capture-mode{margin-top:27px}
@media(max-width:520px){.brand{gap:8px!important}.brand-symbol{flex-basis:38px;width:38px;height:38px;font-size:22px}.brand-wordmark{font-size:20px;gap:4px}.brand-caption{font-size:6px;letter-spacing:1.25px}.hero #modeHint{font-size:14px;letter-spacing:.5px}.hero h1{font-size:clamp(26px,8.1vw,32px)}}
/* A quiet first screen; recording controls below the headline, records after the fold. */
.hero{min-height:calc(100svh - 80px);box-sizing:border-box;padding-bottom:48px!important}
.hero .orb{margin-top:clamp(64px,12svh,132px)!important;margin-bottom:24px!important}
.workspace{margin-top:28px}
@media(max-height:720px){.hero .orb{margin-top:40px!important}.hero{padding-bottom:32px!important}}