:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#14271e;background:#f3f1e8;font-synthesis:none;--bg: #f3f1e8;--surface: #fbfaf5;--surface-raised: #fffef9;--surface-soft: #e8eee6;--surface-active: #dce9dc;--line: #d4ddd2;--line-strong: #b9cbbd;--ink: #14271e;--ink-soft: #53675c;--ink-muted: #74857b;--forest: #0b2f22;--forest-raised: #154531;--sage: #4f7f62;--sage-strong: #356e50;--sage-soft: #dcebdd;--lime: #68c77d;--focus: #79b58b;--warning: #b97a31;--danger: #9a493c;--danger-soft: #fbefeb;--shadow-sm: 0 8px 22px rgba(24, 54, 40, .08);--shadow-md: 0 18px 48px rgba(24, 54, 40, .12);--radius-sm: 10px;--radius-md: 15px;--radius-lg: 22px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 8% 6%,rgba(184,209,183,.2),transparent 28rem),var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.marketing-shell{min-height:100dvh;display:flex;flex-direction:column}.marketing-nav{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.marketing-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:18px}.marketing-nav nav{align-items:center;gap:20px}.marketing-nav nav a,.marketing-footer a,.hero-actions a{color:var(--ink-soft);text-decoration:none;font-weight:650}.marketing-main{flex:1}.marketing-hero{width:min(1180px,calc(100% - 48px));min-height:620px;margin:0 auto;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px;padding:70px 0}.marketing-hero h1,.pricing-page h1,.legal-page h1{margin:16px 0 28px;font:500 clamp(46px,7vw,82px)/1.02 Georgia,serif;letter-spacing:-.045em}.marketing-hero h1 span{color:var(--sage-strong)}.marketing-hero .lede{max-width:700px;color:var(--ink-soft);font-size:20px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px;margin:30px 0 16px}.hero-product{min-height:320px;display:grid;place-content:center;text-align:center;padding:42px;border:1px solid var(--line);border-radius:40% 60% 54% 46%;background:linear-gradient(145deg,var(--surface-raised),var(--sage-soft));box-shadow:var(--shadow-md);transform:rotate(2deg)}.hero-product .brand-logo{width:128px;height:128px}.hero-product p{margin-top:24px;line-height:1.7;color:var(--ink-soft);transform:rotate(-2deg)}.feature-row{width:min(1180px,calc(100% - 48px));margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-row article{padding:34px 28px;border-right:1px solid var(--line)}.feature-row article:last-child{border:0}.feature-row span{color:var(--sage-strong);font-weight:800}.feature-row h2{margin:32px 0 12px;font:500 25px Georgia,serif}.feature-row p{color:var(--ink-soft);line-height:1.7}.pricing-page,.legal-page{flex:1;width:min(1040px,calc(100% - 48px));margin:0 auto;padding:90px 0 120px}.pricing-page>h1,.legal-page h1{font-size:clamp(42px,6vw,68px)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:54px}.pricing-grid article{position:relative;padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.pricing-grid article.featured{border-color:var(--sage);background:linear-gradient(160deg,var(--surface-raised),var(--sage-soft))}.pricing-grid article>span{position:absolute;right:24px;top:24px;color:var(--sage-strong);font-weight:800}.price{margin:20px 0 10px;font:500 50px Georgia,serif}.price small{color:var(--ink-soft);font:500 15px Inter,sans-serif}.pricing-grid ul{min-height:115px;padding-left:20px;color:var(--ink-soft);line-height:2}.pricing-actions{display:flex;flex-wrap:wrap;gap:10px}.legal-page{max-width:760px}.legal-page p{color:var(--ink-soft);font-size:17px;line-height:1.8}.legal-page h2{margin-top:42px;font:500 28px Georgia,serif}.marketing-footer{width:min(1180px,calc(100% - 48px));margin:auto auto 0;padding:28px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:var(--ink-muted)}.marketing-footer div{display:flex;gap:22px}::selection{color:var(--forest);background:#bfe0c5}.app-shell{min-height:100vh;min-height:100dvh}.topbar{height:70px;padding:0 max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(185,203,189,.72);background:#f3f1e8e6;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;padding:8px 0;color:var(--ink);font-size:16px;font-weight:760;letter-spacing:-.015em}.brand em{color:var(--sage-strong);font-style:normal;font-weight:650}.plan-badge{padding:5px 8px;border-radius:999px;background:var(--sage-soft);color:var(--sage-strong);font-size:11px;text-transform:capitalize}.mobile-plan{display:none}.brand-logo{width:36px;height:36px;display:block;object-fit:contain;flex:0 0 auto}.brand-logo.large{width:76px;height:76px;margin:0 auto 16px;filter:drop-shadow(0 15px 24px rgba(28,91,55,.18))}.mobile-menu{display:flex;align-items:center}.mobile-menu-trigger{display:none}nav{display:flex;gap:4px}nav button{border:0;padding:10px 13px;background:transparent;color:var(--ink-soft);border-radius:var(--radius-sm);transition:background-color .18s ease,color .18s ease}nav button.active{background:var(--surface-soft);color:var(--forest);font-weight:700}nav button:disabled{cursor:wait;opacity:.55}.page{max-width:1180px;margin:0 auto;padding:54px 28px 84px}.hero{position:relative;max-width:820px;padding:54px 0 68px}.hero:before{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-170px;top:5px;border:1px solid rgba(79,127,98,.16);border-radius:48% 52% 46% 54%;transform:rotate(18deg)}.eyebrow{color:var(--sage-strong);text-transform:uppercase;letter-spacing:.14em;font-weight:780;font-size:11px}h1,h2,h3,p{margin-top:0}.hero h1{max-width:760px;margin:18px 0 34px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(44px,7vw,78px);line-height:1.03;letter-spacing:-.04em;font-weight:500}.hero h1 span{color:var(--sage-strong)}.add-form{display:flex;padding:7px;background:#fffef9eb;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow-sm)}.add-form:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 4px #79b58b1f,var(--shadow-sm)}.add-form input{flex:1;min-width:0;border:0;outline:0;background:none;padding:12px 15px;color:var(--ink)}.add-form input::placeholder,.search::placeholder,textarea::placeholder{color:#8a988f}.primary{border:1px solid var(--forest);border-radius:11px;padding:12px 20px;color:#fffef9;background:var(--forest);box-shadow:0 7px 18px #0b2f2224;font-weight:720;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.primary:disabled{opacity:.5;cursor:wait;box-shadow:none}.secondary{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--forest-raised);padding:10px 14px;font-weight:650;transition:border-color .18s ease,background-color .18s ease}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0;font-family:Georgia,serif;font-size:29px;font-weight:500;letter-spacing:-.02em}.search{min-width:230px;border:1px solid var(--line);background:#fbfaf5db;border-radius:var(--radius-sm);padding:10px 13px;color:var(--ink)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{border:1px solid var(--line);background:#fbfaf5e6;border-radius:18px;overflow:hidden;text-align:left;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.video-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.88) contrast(.97)}.video-card div{padding:18px}.video-card h3{margin-bottom:8px;font-size:16px;line-height:1.42;color:var(--ink)}.video-card p,.video-card small{color:var(--ink-muted);margin-bottom:7px}.video-card small{font-size:12px}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:54px 20px;text-align:center;color:var(--ink-muted);background:#fbfaf56b}.empty span{display:inline-block;margin-bottom:8px;font-size:30px;color:var(--sage-strong)}.empty h3{color:var(--ink)}.empty.compact{padding:44px 18px;border:0;background:transparent}.notice{position:fixed;z-index:50;right:20px;top:82px;max-width:min(420px,calc(100vw - 40px));border:1px solid var(--line-strong);background:#fbfaf5f5;color:var(--ink-soft);border-radius:13px;padding:10px 13px;box-shadow:var(--shadow-sm);font-size:13px;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.notice span{margin-left:15px;color:var(--sage-strong)}.study-page{height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.player-pane{background:var(--forest);color:#f8fbf7;display:flex;flex-direction:column;min-height:0}.player{aspect-ratio:16/9;background:#06150f;box-shadow:0 18px 40px #0000002e}.player iframe{width:100%;height:100%;border:0;display:block}.video-heading{padding:30px clamp(24px,4vw,52px);overflow:auto}.video-heading .eyebrow{color:#8fcea1}.video-heading h1{font-family:Georgia,serif;line-height:1.23;font-weight:500;font-size:clamp(24px,3vw,38px);letter-spacing:-.02em}.workbench{display:flex;flex-direction:column;background:var(--surface);min-height:0;position:relative;border-left:1px solid rgba(11,47,34,.15)}.tabs{display:flex;padding:14px 18px 0;border-bottom:1px solid var(--line);background:#fffef9c7}.tabs button{border:0;background:transparent;padding:13px 16px;color:var(--ink-muted);border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease}.tabs button.active{color:var(--forest);border-color:var(--sage-strong);font-weight:760}.tab-body{overflow:auto;flex:1;padding:20px;position:relative;scrollbar-color:var(--line-strong) transparent}.action-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px}.transcript-list article,.summary-list article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:15px 7px;border-bottom:1px solid #e5e9e2}.transcript-list article{border-left:3px solid transparent;border-radius:11px;transition:background-color .18s ease,border-color .18s ease}.transcript-list article.active-playback{background:var(--surface-active);border-left-color:var(--sage-strong)}.transcript-list article.active-playback .timestamp{color:#285f43}.transcript-list p,.summary-list p{line-height:1.65;margin-bottom:5px}.translation{color:var(--ink-muted);font-size:13px}.timestamp,.text-action{border:0;background:transparent;color:var(--sage-strong);padding:3px;align-self:start;text-align:left;font-weight:720}.text-action{font-size:12px;color:var(--sage)}.segment-actions{display:flex;flex-wrap:wrap;gap:12px}.resume-follow{position:absolute;z-index:8;right:18px;bottom:18px;border:1px solid var(--line-strong);background:#e8eee6f5;color:var(--forest-raised);border-radius:999px;padding:10px 15px;box-shadow:var(--shadow-md);font-weight:720;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.explanation{position:sticky;bottom:0;background:#e6eee5;border:1px solid #c2d4c3;border-radius:var(--radius-md);padding:18px;box-shadow:0 -7px 24px #14271e17}.explanation button{float:right;border:0;background:none;color:var(--sage-strong)}.explanation p{margin:8px 0 0;line-height:1.6}.summary-list h2{margin-top:20px;font-family:Georgia,serif;font-weight:500;color:var(--forest)}.summary-list h3{margin:0 0 6px;font-size:16px}.summary-list blockquote{margin:10px 0;padding:15px;border-left:3px solid var(--sage-strong);background:var(--surface-soft);line-height:1.65;border-radius:0 10px 10px 0}.full{width:100%}.note-form{display:grid;gap:13px;padding:17px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md)}.note-form div{display:flex;align-items:center;justify-content:space-between;gap:10px}.note-form label{color:var(--ink-soft);font-weight:650}.note-form input{width:110px}.note-form textarea,.note-form input,.settings-page input,.settings-page select{border:1px solid var(--line-strong);background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-sm);padding:11px;resize:vertical}.notes-list article{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:17px 4px;border-bottom:1px solid #e0e6de}.note-content>p{margin-bottom:7px;line-height:1.65}.note-translation,.note-translation-draft{color:var(--ink-muted)}.note-translation{padding-top:9px;border-top:1px solid var(--line);font-size:13px}.note-translation-draft{padding:13px;border:1px solid #c6d5c5;border-radius:var(--radius-sm);background:#fffef9a3}.note-translation-draft p{margin:5px 0 0;line-height:1.55}.note-actions{display:flex;align-items:center;gap:12px}.delete{border:0;background:transparent;color:var(--danger)}.settings-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;max-width:900px}.settings-page>section:first-child p:last-child{color:var(--ink-soft);line-height:1.7}.settings-page h1{font-family:Georgia,serif;font-size:48px;font-weight:500;letter-spacing:-.03em}.settings-page form{display:grid;gap:20px;align-content:start;padding:29px;background:var(--surface-raised);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-sm)}.settings-page label{display:grid;gap:8px;color:var(--ink-soft);font-weight:700}.privacy-note{grid-column:2;background:var(--sage-soft);border:1px solid #c9d8c7;padding:19px;border-radius:13px}.privacy-note p{margin:6px 0 0;color:var(--ink-soft);line-height:1.6}.danger-zone{grid-column:2;border:1px solid #dfc4bb;background:var(--danger-soft);padding:21px;border-radius:var(--radius-md)}.danger-zone h2{font-size:18px}.danger-zone p{color:#765d55;line-height:1.55}.danger-zone button{border:1px solid #bd7769;color:#81382e;background:#fffaf7;border-radius:var(--radius-sm);padding:10px 14px;font-weight:650}.error{color:var(--danger);margin:12px 0}.padded{padding:10px 20px 0}.center{min-height:100vh;min-height:100dvh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--ink-soft)}.loader{border:3px solid var(--line);border-top-color:var(--sage-strong);width:32px;height:32px;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(178,207,181,.4),transparent 34%),radial-gradient(circle at 85% 85%,rgba(79,127,98,.14),transparent 32%),var(--bg)}.auth-card{max-width:450px;background:#fffef9eb;border:1px solid var(--line);padding:42px;border-radius:24px;text-align:center;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card h1{font-family:Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.025em}.auth-card>p:not(.eyebrow){color:var(--ink-soft);line-height:1.65}.auth-card form{display:grid;gap:10px;margin-top:26px;text-align:left}.auth-card input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:13px}.form-message{margin:16px 0 0;color:var(--sage-strong)}@media(hover:hover){nav button:hover{color:var(--forest);background:var(--surface-soft)}.primary:not(:disabled):hover{transform:translateY(-1px);background:var(--forest-raised);box-shadow:0 10px 24px #0b2f2230}.secondary:not(:disabled):hover{border-color:var(--sage);background:var(--surface-soft)}.video-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow-md)}.timestamp:hover,.text-action:hover{color:var(--forest);text-decoration:underline;text-underline-offset:3px}.resume-follow:hover{background:var(--sage-soft);border-color:var(--sage)}}@media(max-width:900px){.marketing-hero{grid-template-columns:1fr;gap:28px}.hero-product{min-height:260px}.video-grid{grid-template-columns:repeat(2,1fr)}.study-page{height:auto;min-height:calc(100vh - 70px);grid-template-columns:1fr}.player-pane{min-height:auto}.workbench{min-height:620px;border-left:0;border-top:1px solid rgba(11,47,34,.16)}.settings-page{grid-template-columns:1fr;gap:25px}.privacy-note,.danger-zone{grid-column:1}}@media(max-width:600px){.marketing-nav{width:calc(100% - 32px);min-height:68px}.marketing-nav nav>a{display:none}.marketing-nav nav{gap:0}.marketing-nav nav .primary{padding:9px 12px}.marketing-main,.pricing-page,.legal-page{overflow-x:hidden}.marketing-hero{width:calc(100% - 32px);min-height:auto;padding:64px 0}.marketing-hero h1{font-size:47px}.marketing-hero .lede{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column;gap:16px}.hero-product{min-height:240px;border-radius:28px}.feature-row{width:calc(100% - 32px);grid-template-columns:1fr}.feature-row article{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.pricing-page,.legal-page{width:calc(100% - 32px);padding:65px 0 90px}.pricing-grid{grid-template-columns:1fr}.pricing-grid article{padding:28px}.marketing-footer{width:calc(100% - 32px)}.topbar{height:0;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{display:none}.mobile-menu-trigger{position:fixed;z-index:42;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));display:grid;place-items:center;width:46px;height:46px;padding:5px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#0b2f22f0;color:#fff;box-shadow:0 9px 26px #0723194d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-menu-logo{width:34px;height:34px}.sync-status-dot{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border:2px solid var(--forest);border-radius:50%;background:#aab5ae}.sync-status-dot.syncing{background:#e2ab62}.sync-status-dot.synced{background:#7ed08f}.sync-status-dot.error{background:#e98672}.topbar nav{position:fixed;z-index:41;top:max(64px,calc(env(safe-area-inset-top) + 54px));left:max(10px,env(safe-area-inset-left));display:none;width:min(224px,calc(100vw - 20px));padding:8px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fbfaf5f5;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar nav.open{display:grid}.topbar nav button{min-height:44px;padding:10px 12px;text-align:left}.mobile-plan{display:block;padding:8px 12px;color:var(--ink-muted);font-size:12px;text-transform:capitalize}.page{padding:70px 18px}.hero{padding:30px 0 48px}.hero:before{display:none}.hero h1{font-size:43px}.add-form{display:grid;gap:6px}.section-head{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}.video-grid{grid-template-columns:1fr}.study-page{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.player-pane{min-height:0;overflow:hidden}.video-heading{display:none}.workbench{min-height:0;overflow:hidden}.tab-body{min-height:0;padding:15px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tabs{padding-left:5px}.tabs button{flex:1;padding:13px 6px}.action-row{align-items:stretch;flex-direction:column}.action-row button{min-height:42px}.segment-actions{gap:6px 14px}.segment-actions button{min-height:36px}.resume-follow{right:14px;bottom:max(14px,env(safe-area-inset-bottom));min-height:42px}.notice{top:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.settings-page h1{font-size:39px}.settings-page form{padding:22px}.auth-card{padding:32px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}