@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color-scheme:light;font-family:DM Sans,sans-serif;color:#1d1c1a;background:#f7f5f1;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;margin:0;background:#f7f5f1}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(240,90,71,.32);outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;padding:25px 15px 16px;color:#76716a;border-right:1px solid #e7e2db;display:flex;flex-direction:column;background:#faf9f7;position:sticky;top:0;height:100vh}.logo-row,.record-brand,.mobile-brand{display:flex;align-items:center;gap:10px;color:#22201e;font-size:22px;letter-spacing:-.65px;padding:0 10px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;background:#f05a47;border-radius:9px 9px 9px 2px;transform:rotate(-4deg);box-shadow:4px 4px #f2c5bb}.brand-mark i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff3}.brand-mark.small{width:22px;height:22px;border-radius:7px 7px 7px 2px;box-shadow:none}.brand-mark.small i{width:6px;height:6px}.new-clip-button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:#f05a47;color:#fff;font-weight:700;margin:29px 4px 22px;padding:12px;box-shadow:0 7px 15px #f05a472e}.sidebar nav,.nav-section{display:grid;gap:3px}.sidebar nav button,.nav-section button,.sidebar-bottom>button{display:flex;align-items:center;border:0;background:transparent;color:inherit;border-radius:8px;gap:12px;padding:10px 11px;text-align:left;font-size:14px}.sidebar nav button:hover,.nav-section button:hover,.sidebar-bottom>button:hover{background:#f0ede9;color:#393531}.sidebar nav button.active{color:#292522;background:#ede9e3;font-weight:700}.nav-section{margin-top:25px}.nav-section p{text-transform:uppercase;font-family:DM Mono;font-size:10px;letter-spacing:.13em;padding:0 11px;margin:0 0 6px;color:#a39d94}.sidebar-bottom{margin-top:auto}.profile-card{display:flex;align-items:center;gap:9px;margin:16px 4px 0;padding:11px 7px 4px;border-top:1px solid #ebe6e0}.profile-card span:nth-child(2){display:grid;flex:1;font-size:12px;color:#34312d}.profile-card small{color:#978f86;margin-top:2px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2e3344;font-size:10px;font-weight:700}.main-column{flex:1;min-width:0}.app-header{height:76px;padding:0 41px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #e8e3dc;background:#faf9f7bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.mobile-brand{display:none}.search-shell{position:relative;display:flex;align-items:center;gap:9px;width:min(440px,45vw);color:#958e85;background:#f1eeea;border:1px solid transparent;border-radius:10px;padding:8px 11px}.search-shell:focus-within{border-color:#e5c4bd;background:#fff}.search-shell input{background:transparent;border:0;min-width:0;flex:1;outline:0;font-size:13px;color:#34312d}.search-shell kbd{font-family:DM Mono;font-size:10px;padding:2px 5px;border:1px solid #ddd7d0;border-radius:4px;color:#978f86}.search-popover{position:absolute;top:calc(100% + 8px);left:0;width:100%;padding:13px;background:#fff;border:1px solid #e6e1da;border-radius:12px;box-shadow:0 16px 38px #372d271f}.search-popover p{margin:0 0 7px}.search-popover button{width:100%;border:0;background:transparent;color:#47423d;display:flex;gap:8px;padding:7px 3px;text-align:left;font-size:13px}.search-popover small{display:block;color:#958d85;line-height:1.4;padding-top:9px;border-top:1px solid #eee8e3;margin-top:6px}.header-actions{display:flex;align-items:center;gap:12px}.connection-indicator{font-family:DM Mono;font-size:10px;padding:5px 8px;border-radius:99px}.connection-indicator.preview{color:#9b5549;background:#fbe9e5}.connection-indicator.connected{color:#367360;background:#e3f2eb}.icon-button{border:0;color:#706a63;background:transparent;padding:6px;border-radius:7px;display:inline-grid;place-items:center}.icon-button:hover{background:#eeeae5;color:#33302c}.content{max-width:1280px;padding:38px 42px 80px;margin:0 auto}.preview-banner{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.5;color:#7b655f;background:#fff4ef;border:1px solid #f4dbd3;border-radius:9px;padding:10px 13px}.preview-banner svg{flex:0 0 auto;color:#df755f;margin-top:1px}.eyebrow{margin:0 0 7px;color:#968e85;text-transform:uppercase;font-family:DM Mono;font-size:10px;letter-spacing:.13em}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:43px 0 32px}.hero-row h1,.placeholder-view h1{font-family:Newsreader,Georgia,serif;max-width:660px;font-size:clamp(40px,4vw,58px);line-height:.95;letter-spacing:-2.3px;margin:0;font-weight:500}.hero-copy{max-width:540px;margin:15px 0 0;color:#6e6861;font-size:15px;line-height:1.55}.record-hero{display:flex;align-items:center;gap:12px;text-align:left;min-width:220px;border:1px solid #e8ddd7;border-radius:13px;padding:13px 14px;background:#fff;color:#332f2b;box-shadow:0 7px 20px #3b2f280d}.record-hero:hover{transform:translateY(-1px);box-shadow:0 12px 26px #3b2f2817}.record-hero span:nth-child(2){display:grid;flex:1;gap:2px}.record-hero small{font-size:11px;color:#968f87}.record-dot{width:12px;height:12px;border-radius:50%;background:#f05a47;box-shadow:0 0 0 5px #fde5e0;display:inline-block}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e8e2db;margin-bottom:40px}.stats-strip>div{display:flex;align-items:center;gap:11px;padding:20px 15px;border-right:1px solid #e8e2db}.stats-strip>div:first-child{padding-left:0}.stats-strip>div:last-child{border-right:0}.stat-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px}.stat-icon.coral{color:#cf5949;background:#fbe5df}.stat-icon.blue{color:#5679a6;background:#e7effa}.stat-icon.green{color:#4b9077;background:#e4f3ed}.stat-icon.ink{color:#5c5b6a;background:#ebeaef}.stats-strip p{margin:0;display:grid}.stats-strip strong{font-size:18px;letter-spacing:-.3px}.stats-strip small{color:#878078;font-size:11px;margin-top:2px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:33px 0 15px}.section-heading h2{font-family:Newsreader,Georgia,serif;font-size:28px;letter-spacing:-.8px;font-weight:500;margin:0}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;padding:6px 0;background:transparent;color:#5c5750;font-weight:600;font-size:13px}.text-button:hover{color:#ef5d4b}.primary-button,.secondary-button,.stop-button{border:0;border-radius:9px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px}.primary-button{background:#f05a47;color:#fff;box-shadow:0 6px 12px #f05a4726}.primary-button:hover{background:#de4f3e}.primary-button:disabled{background:#d6a39a;cursor:not-allowed;box-shadow:none}.primary-button.compact{padding:9px 12px}.secondary-button{background:#fff;color:#48423d;border:1px solid #ded8d1}.secondary-button:hover{border-color:#bfb6ad}.stop-button{background:#2f2c2a;color:#fff}.view-switch{display:flex;padding:3px;background:#eeebe7;border-radius:8px}.view-switch button{border:0;padding:5px 7px;background:transparent;color:#827b73;border-radius:5px}.view-switch button.active{color:#423c37;background:#fff;box-shadow:0 1px 3px #2014091a}.feature-clip{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(260px,.85fr);overflow:hidden;border:1px solid #e6e0da;border-radius:15px;background:#fff;box-shadow:0 12px 35px #271d140d}.feature-video,.drawer-player{min-height:265px;position:relative;overflow:hidden;display:grid;place-items:center}.tone-coral{background:linear-gradient(130deg,#dc765e,#e9aa91 48%,#4b3440)}.tone-ink{background:linear-gradient(130deg,#2f3548,#7083a0)}.tone-blue{background:linear-gradient(130deg,#6381bd,#c1d0e8)}.tone-mist{background:linear-gradient(130deg,#9d9b94,#ded8cd)}.thumb-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:radial-gradient(rgba(255,255,255,.65) .6px,transparent .6px);background-size:6px 6px;mix-blend-mode:overlay}.feature-label,.thumb-duration{position:absolute;top:15px;left:15px;color:#fff;padding:5px 8px;border:1px solid rgba(255,255,255,.35);background:#14141426;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:DM Mono;font-size:10px;border-radius:5px}.feature-play,.play-button{z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#453f39;background:#fff;border:0;box-shadow:0 8px 20px #1f191626}.feature-copy{padding:27px 28px;display:flex;flex-direction:column;align-items:flex-start}.clip-card-meta{width:100%;display:flex;justify-content:space-between;align-items:center}.visibility-badge{display:inline-flex;font-family:DM Mono;text-transform:uppercase;font-size:9px;font-weight:500;letter-spacing:.06em;border-radius:4px;padding:4px 6px}.visibility-badge.internal{color:#526c81;background:#e9f0f5}.visibility-badge.public{color:#8a6545;background:#f8ece0}.feature-copy h2{font-family:Newsreader,Georgia,serif;letter-spacing:-.7px;line-height:1.05;font-size:30px;margin:19px 0 12px;font-weight:500}.feature-copy>p{color:#746e67;line-height:1.5;font-size:13px;margin:0}.transcript-preview{display:flex;gap:10px;align-items:flex-start;margin:22px 0;background:#f6f4f1;padding:10px;border-radius:7px;color:#746e67;font-size:12px;line-height:1.5}.transcript-preview span{font-family:DM Mono;font-size:10px;color:#df6d5c;padding-top:2px}.transcript-preview q{quotes:"“" "”"}.feature-copy .secondary-button{margin-top:auto}.list-heading{margin-top:42px}.clip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.clip-card{overflow:hidden;background:#fff;border:1px solid #e7e1db;border-radius:12px;box-shadow:0 6px 20px #2a1e1408}.clip-thumb{min-height:150px;width:100%;position:relative;display:grid;place-items:center;overflow:hidden;border:0;color:#fff;text-align:left}.clip-thumb .thumb-title{position:absolute;top:18px;left:16px;right:16px;max-width:170px;font-family:Newsreader,Georgia,serif;font-size:20px;line-height:1;color:#fffffff0}.clip-thumb .play-button{width:35px;height:35px;color:#514b46}.thumb-duration{top:auto;left:auto;right:10px;bottom:10px;padding:3px 5px;font-size:9px}.clip-card-body{padding:12px 13px 14px}.clip-title{border:0;padding:0;margin:10px 0 6px;text-align:left;background:transparent;color:#312d29;font-weight:700;font-size:13px;line-height:1.3}.clip-title:hover{color:#e65c4a}.clip-card-body>p{margin:0;color:#867f77;font-size:11px}.clip-card-body>p span{padding:0 3px}.clip-status{display:flex;gap:6px;align-items:center;color:#837c74;font-size:10px;margin-top:14px}.state-dot{width:6px;height:6px;border-radius:50%;background:#87928d}.state-dot.processing{background:#d49a46}.state-dot.ready{background:#55a782}.state-dot.failed{background:#d45d51}.state-dot.uploading{background:#5d87b5}.detail-drawer{position:fixed;z-index:50;right:20px;top:95px;width:min(500px,calc(100vw - 40px));max-height:calc(100vh - 120px);overflow:auto;background:#fff;border:1px solid #e3ddd7;border-radius:16px;box-shadow:0 24px 70px #1e151033}.drawer-close{position:absolute;z-index:2;top:10px;right:12px;border:0;width:30px;height:30px;border-radius:50%;background:#ffffffe6;font-size:24px;color:#49423e}.drawer-player{min-height:225px}.drawer-content{padding:24px}.drawer-content h2{font-family:Newsreader,Georgia,serif;font-size:31px;line-height:1;letter-spacing:-1px;margin:16px 0 12px;font-weight:500}.drawer-content>p{color:#716a63;font-size:13px;line-height:1.55}.drawer-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f5953}.drawer-content .transcript-preview{margin:18px 0}.placeholder-view{max-width:760px;padding-top:92px}.placeholder-view h1{margin-bottom:20px}.placeholder-view>p:not(.eyebrow){max-width:610px;color:#716a63;font-size:16px;line-height:1.6;margin:0 0 25px}.record-studio{min-height:100vh;background:#171716;color:#f8f5ef}.record-header{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2c2a}.record-header .text-button{color:#bdb8b1}.record-brand{color:#faf8f3;font-size:19px}.secure-state{display:flex;align-items:center;gap:7px;color:#a3b7a8;font-size:12px}.record-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:calc(100vh - 72px)}.record-canvas{display:grid;place-items:center;position:relative;padding:45px;background:radial-gradient(circle at 48% 35%,#302c2a 0,#1c1b19 44%,#151513)}.capture-stage{max-width:600px;text-align:center;display:grid;justify-items:center}.capture-orb{display:grid;place-items:center;width:141px;height:141px;color:#ded7cf;background:#ffffff08;border:1px solid #59534e;border-radius:50%;margin-bottom:28px;box-shadow:0 0 0 16px #ffffff04}.capture-orb.is-live{color:#fff;background:#d85746;border-color:#ef8274;font-family:DM Mono;font-size:20px;box-shadow:0 0 0 16px #f05a471a,0 0 45px #f05a4740}.capture-stage .eyebrow{color:#aaa299}.capture-stage h1{font-family:Newsreader,Georgia,serif;font-size:44px;letter-spacing:-1.5px;line-height:.98;margin:0;font-weight:500}.stage-copy{max-width:510px;margin:17px 0 22px;color:#aaa39c;line-height:1.55;font-size:13px}.live-pill{display:inline-flex;align-items:center;gap:7px;color:#d9e6dd;background:#54937021;border:1px solid rgba(113,177,139,.28);border-radius:99px;padding:7px 10px;font-size:11px}.live-pill span{width:6px;height:6px;border-radius:50%;background:#73cb93;box-shadow:0 0 10px #73cb93}.error-note,.warning-note,.inline-note{margin:12px 0 0;font-size:12px;line-height:1.5}.error-note{color:#ff9b8d}.warning-note{color:#af8677}.inline-note{color:#5d806e}.record-controls{padding:32px 29px;border-left:1px solid #2d2c2a;background:#201f1d;overflow:auto}.control-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.control-heading .eyebrow{color:#a39c94}.control-heading span{color:#77716a;font-size:10px}.mode-list{display:grid;gap:6px}.mode-option{width:100%;border:1px solid transparent;border-radius:9px;color:#bdb6af;background:#292825;display:flex;align-items:center;gap:11px;padding:10px;text-align:left}.mode-option:hover{background:#302e2b}.mode-option.selected{color:#faf7f2;border-color:#635b55;background:#34312e}.mode-option:disabled{opacity:.55;cursor:not-allowed}.mode-option span{display:grid;flex:1;gap:3px}.mode-option strong{font-size:12px}.mode-option small,.input-group small{color:#8d857d;line-height:1.35;font-size:10px}.input-group{padding:21px 0;border-bottom:1px solid #34322f}.input-group label{display:flex;align-items:center;gap:7px;color:#e2ddd6;font-weight:700;font-size:12px;margin-bottom:10px}.device-summary{display:flex;align-items:center;gap:8px;color:#bbb4ac;background:#292825;border-radius:7px;padding:8px;font-size:11px;margin-bottom:7px}.audio-wave{display:flex;align-items:center;gap:2px;height:13px}.audio-wave i{display:block;width:2px;background:#7bc09a;border-radius:2px}.audio-wave i:nth-child(1),.audio-wave i:nth-child(5){height:4px}.audio-wave i:nth-child(2),.audio-wave i:nth-child(4){height:9px}.audio-wave i:nth-child(3){height:13px}.segmented{display:flex;gap:3px}.segmented button{width:30px;padding:6px;border:1px solid #3d3a36;background:#292825;color:#a39b93;font-size:11px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented button.active{background:#e65b49;border-color:#e65b49;color:#fff}.record-actions{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 17px}.record-actions .wide{width:100%}.record-actions .text-button{width:100%;justify-content:center;color:#aaa29a}.record-actions .danger{color:#df8b80}.privacy-card{display:flex;gap:9px;border:1px solid #3a3935;border-radius:8px;padding:11px;color:#9c968e;font-size:10px;line-height:1.5}.privacy-card svg{color:#d9a96d;flex:0 0 auto}.privacy-card p{margin:0}.privacy-card strong{color:#e2ddd6}.saved-capture{width:min(850px,100%);background:#242321;border:1px solid #3e3b37;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #00000040}.saved-capture video{display:block;width:100%;max-height:42vh;background:#0c0c0b}.saved-details{padding:23px}.saved-details h1{font-family:Newsreader,Georgia,serif;font-size:31px;font-weight:500;letter-spacing:-.8px;margin:0}.saved-details>div>p:not(.eyebrow){color:#a7a098;margin:9px 0 0;font-size:12px}.saved-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}@media(max-width:1060px){.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-clip{grid-template-columns:1fr 1fr}.sidebar{width:225px}.content,.app-header{padding-inline:30px}.record-layout{grid-template-columns:1fr 360px}}@media(max-width:760px){.sidebar{display:none}.app-header{padding:0 18px;height:66px}.mobile-brand{display:flex;font-size:18px;padding:0}.search-shell{width:auto;flex:1}.search-shell kbd,.header-actions .connection-indicator,.header-actions .icon-button{display:none}.content{padding:25px 18px 60px}.hero-row{display:grid;align-items:start;padding:32px 0 26px}.hero-row h1,.placeholder-view h1{font-size:43px}.record-hero{width:100%}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip>div:nth-child(2){border-right:0}.stats-strip>div:nth-child(n+3){border-top:1px solid #e8e2db}.stats-strip>div:nth-child(3){padding-left:0}.feature-clip{grid-template-columns:1fr}.feature-video{min-height:210px}.clip-grid{grid-template-columns:1fr 1fr;gap:10px}.clip-thumb{min-height:130px}.clip-thumb .thumb-title{font-size:17px}.record-header{padding:0 17px}.record-header .text-button{font-size:0}.record-header .text-button svg{width:20px;height:20px}.secure-state{font-size:0}.secure-state svg{width:18px;height:18px}.record-layout{grid-template-columns:1fr}.record-canvas{min-height:55vh;padding:30px 20px}.record-controls{border-left:0;border-top:1px solid #2d2c2a}.capture-stage h1{font-size:39px}.saved-details h1{font-size:28px}}@media(max-width:420px){.search-shell{max-width:135px}.search-shell input::placeholder{color:transparent}.clip-grid{grid-template-columns:1fr}.stats-strip{margin-inline:-18px}.stats-strip>div{padding-left:18px}.header-actions .primary-button{padding-inline:9px;font-size:0}.header-actions .primary-button svg{margin:0}.feature-copy{padding:20px}}.public-view{min-height:100vh;padding:36px 18px;background:#f7f5f1}.public-shell{width:min(960px,100%);margin:0 auto}.public-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.public-header>span{display:flex;align-items:center;gap:6px;color:#766f67;font-size:12px}.public-video{position:relative;overflow:hidden;border-radius:15px;background:#171716;aspect-ratio:16/9;box-shadow:0 16px 45px #2e201824}.public-video iframe{border:0;width:100%;height:100%}.public-video>a{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:7px;background:#ffffffeb;color:#403a35;font-size:12px;font-weight:700;text-decoration:none}.public-details{max-width:760px;padding:36px 0 70px}.public-details>h1,.public-status h1{font:500 clamp(38px,5vw,58px)/.96 Newsreader,Georgia,serif;letter-spacing:-2px;margin:0}.public-byline{color:#766f67;margin:14px 0 35px}.public-transcript{padding-top:28px;border-top:1px solid #e1dbd4}.public-transcript-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.public-transcript h2{font:500 27px Newsreader,Georgia,serif;margin:0}.public-transcript label{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#eeebe6;border-radius:7px;color:#887f76}.public-transcript input{width:180px;border:0;outline:0;background:transparent;color:#38332f;font-size:12px}.public-transcript ol{padding:0;margin:22px 0;list-style:none;display:grid;gap:10px}.public-transcript li{display:grid;grid-template-columns:52px 1fr;gap:12px;color:#605a53;font-size:13px;line-height:1.5}.public-transcript time{font:10px DM Mono,monospace;color:#e16e5e;padding-top:3px}.empty-state{color:#8c847c;font-size:13px}.public-status{padding:120px 20px;text-align:center;display:grid;justify-items:center}.public-status .brand-mark{margin-bottom:20px}.public-status>p:last-child{max-width:440px;color:#766f67;line-height:1.5}@media(max-width:600px){.public-view{padding-top:24px}.public-transcript-heading{display:grid;align-items:start}.public-transcript input,.public-transcript label{width:100%}.public-header>span{display:none}}