/* Complete clickable user flows, shared by the two layout systems. */
.appearance-trigger{width:auto!important;min-width:104px!important;height:42px!important;padding:0 13px!important;display:inline-flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;border-radius:12px!important}.appearance-trigger span{font-size:12px;font-weight:500}.appearance-trigger svg{width:19px!important;height:19px!important}.appearance-trigger:hover{border-color:var(--accent)!important}.topright{gap:13px}.feature-section{margin:29px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:17px;padding:21px;text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:12px;position:relative;min-height:174px}.feature-card>svg{position:absolute;right:17px;top:23px;width:16px;color:var(--faint)}.feature-card strong{font-size:15px;font-weight:600}.feature-card small{font-size:12px;color:var(--secondary);line-height:1.8}.feature-card:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-2px)}.prototype-banner{display:flex;align-items:flex-start;gap:10px;background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:14px 17px;color:var(--secondary);font-size:12px;line-height:1.8}.prototype-banner svg{margin-top:3px;width:17px;height:17px}.actionline{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:16px}.actionline.centered{justify-content:center}.actionline .btn{white-space:normal}.library-actions{margin:-6px 0 19px}.stack{display:grid;gap:16px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-discover{display:flex;align-items:center;gap:14px;border:1px solid var(--border);background:var(--surface);padding:15px 18px;border-radius:15px;margin-bottom:23px}.home-discover>svg{color:var(--accent);width:24px;height:24px}.home-discover>span{flex:1}.home-discover strong{font-size:13px;display:block}.home-discover small{display:block;font-size:11px;color:var(--secondary);margin-top:3px}.home-discover .btn{font-size:11px}.managed-source{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.source-stack{display:grid;gap:10px}.managed-source .source-row{border:0!important;border-radius:0!important;flex:1;min-width:0;padding:17px 15px}.source-menu{width:45px;flex-shrink:0;color:var(--secondary);border-left:1px solid var(--border)}.source-menu:hover{background:var(--surface2)}.source-menu svg{width:18px}.source-status{display:flex;align-items:center;gap:16px;margin-bottom:20px}.source-status .fileicon{width:45px;height:54px}.source-status h2{font-size:19px;overflow-wrap:anywhere}.source-status p{font-size:12px;color:var(--secondary)}.chipline{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.timeline{padding-left:22px;color:var(--secondary);font-size:13px;line-height:2.3}.timeline li::marker{color:var(--accent);font-weight:600}.lumi-form label{display:block;font-size:12px;color:var(--secondary);margin:17px 0 7px}.lumi-form :is(input:not([type=checkbox]),select,textarea){width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px;padding:11px 12px;min-height:43px}.lumi-form input[type=file]{padding:9px;font-size:11px}.lumi-form textarea{resize:vertical;line-height:1.8}.lumi-form>p{font-size:12px;line-height:1.8}.lumi-form>.btn{margin-top:18px;width:100%}.modal{max-height:85vh;max-height:85dvh;overflow:auto}.modalback{overflow:auto}.check-list{display:grid;gap:9px;margin:20px 0;max-height:350px;overflow:auto}.check-list label{display:flex;align-items:center;gap:13px;padding:13px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text);line-height:1.7;cursor:pointer}.check-list input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.reader-extra{margin:-3px 0 18px}.reader-extra .btn,.compact-actions .btn{font-size:10px;min-height:32px;padding:7px 10px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.feature-grid .note-text{max-height:170px;overflow:auto}.result-item{border-bottom:1px solid var(--border);padding:17px 0}.result-item:last-child{border-bottom:0}.result-item h3{font-size:15px;font-weight:500;line-height:1.7}.result-item p{color:var(--secondary);font-size:12px;line-height:1.9}.flash-panel{max-width:760px;margin:23px auto;border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:27px}.flash-panel .sectiontitle{font-size:11px;color:var(--secondary)}.flash-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;width:100%;min-height:270px;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:18px;padding:30px;margin-bottom:22px}.flash-face h2{font-size:24px;line-height:1.65;font-weight:500;margin:0}.flash-face small{font-size:11px;color:var(--secondary)}.card-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:12px 0 24px}.card-ratings .btn{font-size:11px}.plan-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.task-check{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:8px;flex-shrink:0}.task-check.done{background:var(--accent);color:var(--page);border-color:var(--accent)}.task-check svg{width:18px;height:18px}.plan-info{flex:1;min-width:140px}.plan-info h3{font-size:14px;margin:0 0 7px;font-weight:500}.plan-info p{font-size:12px;color:var(--secondary);margin:0}.plan-row .actionline{margin:0}.reminder-row{padding:15px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}.reminder-row>span{flex:1;font-size:13px}.reminder-row small{display:block;color:var(--secondary);font-size:11px;margin-top:6px}.reminder-row .btn{font-size:10px;padding:7px;min-height:32px}.focus-card{text-align:center;max-width:680px;margin:20px auto;padding:45px 25px}.focus-clock{font-size:88px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-4px;line-height:1.6;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{display:flex;flex-direction:column;gap:9px}.stat strong{font-size:36px;font-weight:500;color:var(--accent-ink)}.stat span{font-size:11px;color:var(--secondary)}.glossary-search{display:flex!important;max-width:450px!important;width:100%!important;margin-bottom:22px}.outline-list{font-size:14px;color:var(--secondary);padding-left:20px;line-height:2.3}.auth-wrap{max-width:460px;margin:25px auto;text-align:center;padding:32px}.auth-wrap>.brandmark{margin:0 auto 20px}.auth-wrap h2{font-size:24px;margin:10px 0 22px}.auth-wrap .lumi-form{text-align:left}.auth-wrap>.btn{margin-top:17px;width:100%}.auth-wrap .prototype-banner{font-size:11px}.video-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.video-stage{border-radius:19px;border:1px solid var(--border);min-height:280px;padding:28px;background:radial-gradient(ellipse at center,#304538,#151c20);color:#d7e6dc;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.video-stage .badge{background:#ffffff12!important;color:#bed3c4!important}.video-stage h2{font-size:29px;color:#e2eee5!important;margin:10px 0}.video-stage p{font-size:13px;color:#a3bbad}.video-symbol svg{width:42px;height:42px;margin:25px 0 8px;color:#96bda7}.video-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0;font-size:11px;color:var(--secondary)}.video-controls input{flex:1;min-width:100px;accent-color:var(--accent)}.video-controls .btn{font-size:11px}.transcript-line{width:100%;display:flex;gap:13px;padding:16px 10px;border-bottom:1px solid var(--border);text-align:left;border-radius:8px;color:var(--secondary)}.transcript-line>span{color:var(--accent-ink);font-size:12px;min-width:35px;padding-top:2px}.transcript-line>p{margin:0;font-size:13px;line-height:1.8}.transcript-line.active{background:var(--accent-soft)}.transcript-line:hover{background:var(--surface2)}.bottomnav button{min-width:0!important}.mobile .appearance-trigger{min-width:97px!important;height:42px!important;padding:0 10px!important}.mobile .appearance-trigger span{font-size:11px}.mobile .feature-grid{grid-template-columns:1fr 1fr;gap:11px}.mobile .feature-card{padding:17px 14px;min-height:186px;gap:12px}.mobile .feature-card strong{font-size:13px}.mobile .feature-card small{font-size:11px}.mobile .feature-card>svg{right:11px;top:20px;width:13px}.mobile .feature-section{margin:26px 0}.mobile .feature-section .sectiontitle h2{font-size:16px}.mobile .home-discover{padding:14px;gap:10px;flex-wrap:wrap}.mobile .home-discover .btn{margin-left:34px;font-size:11px}.mobile .home-discover strong{font-size:12px}.mobile .home-discover small{font-size:10px}.mobile .source-row .ready{display:none}.mobile .two-col,.mobile .video-layout{grid-template-columns:1fr}.mobile .stats-grid{grid-template-columns:1fr 1fr;gap:12px}.mobile .stat{padding:18px}.mobile .stat strong{font-size:30px}.mobile .stat span{font-size:10px}.mobile .flash-panel{padding:18px;border-radius:19px}.mobile .flash-face{padding:22px 17px;min-height:245px}.mobile .flash-face h2{font-size:22px}.mobile .card-ratings{grid-template-columns:1fr 1fr}.mobile .focus-clock{font-size:74px}.mobile .focus-card{padding:35px 20px}.mobile .plan-row{padding:18px;gap:12px}.mobile .plan-row .actionline{margin-left:40px}.mobile .transcript{padding:20px}.mobile .video-stage{min-height:240px;padding:22px}.mobile .pagehead{flex-wrap:wrap}.mobile .pagehead h1{font-size:26px}.mobile .bottomnav button{font-size:9px!important;gap:4px}.mobile .prototype-banner{padding:12px;font-size:11px}.mobile .feature-grid .settingcard{grid-column:1/-1}.mobile .note-text{font-size:12px}.mobile .auth-wrap{padding:25px 20px}.mobile .reader-extra .btn{font-size:10px}.mobile .source-status h2{font-size:16px}
@media(max-width:1100px) and (min-width:601px){.feature-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.video-layout{grid-template-columns:1fr}.topbar .searchbox{width:200px}}
@media(max-width:600px){.appearance-trigger{min-width:97px!important;height:42px!important;padding:0 10px!important}.appearance-trigger span{font-size:11px}.feature-grid{grid-template-columns:1fr 1fr;gap:11px}.feature-card{padding:17px 14px;min-height:186px;gap:12px}.feature-card strong{font-size:13px}.feature-card small{font-size:11px}.feature-card>svg{right:11px;top:20px;width:13px}.feature-section{margin:26px 0}.feature-section .sectiontitle h2{font-size:16px}.home-discover{padding:14px;gap:10px;flex-wrap:wrap}.home-discover .btn{margin-left:34px;font-size:11px}.home-discover strong{font-size:12px}.home-discover small{font-size:10px}.source-row .ready{display:none}.two-col,.video-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat{padding:18px}.stat strong{font-size:30px}.stat span{font-size:10px}.flash-panel{padding:18px;border-radius:19px}.flash-face{padding:22px 17px;min-height:245px}.flash-face h2{font-size:22px}.card-ratings{grid-template-columns:1fr 1fr}.focus-clock{font-size:74px}.focus-card{padding:35px 20px}.plan-row{padding:18px;gap:12px}.plan-row .actionline{margin-left:40px}.transcript{padding:20px}.video-stage{min-height:240px;padding:22px}.pagehead{flex-wrap:wrap}.pagehead h1{font-size:26px}.bottomnav button{font-size:9px!important}.prototype-banner{padding:12px;font-size:11px}.feature-grid .settingcard{grid-column:1/-1}.note-text{font-size:12px}.auth-wrap{padding:25px 20px}.source-status h2{font-size:16px}.modal{max-height:85dvh}.video-controls input{min-width:90px}.lumi-form :is(input:not([type=checkbox]),select,textarea){font-size:16px}}
.source-context{font-size:11px;color:var(--secondary);line-height:1.8;margin:0 0 16px;overflow-wrap:anywhere}.managed-source .source-row{background:transparent!important}.feature-card small{overflow-wrap:anywhere}.feature-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.plan-info h3,.source-status h2{overflow-wrap:anywhere}