/* Native product fidelity: PillView, PanelView, GoalViews, and supplied app photo. */
:root{--native-ink:#211f2e;--native-dim:#211f2e80;--native-green:#299e61;--native-purple:#6b5cc7;--native-blue:#2180d1;--native-amber:#b8850d;--native-red:#cc404d}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;width:min(1180px,calc(100% - 48px));height:72px;margin-top:18px;padding:0 22px;border:1px solid #ffffff12;border-radius:15px;background:#111612d9;box-shadow:inset 0 1px 0 #ffffff05;backdrop-filter:blur(20px);gap:36px;position:relative;z-index:20}
.site-header nav{margin:0;gap:28px;font-size:13px;align-items:center}.site-header nav a{padding:12px 0;color:#a6b2aa;position:relative}.site-header nav a:hover{color:var(--mint)}.site-header nav a:after{content:"";position:absolute;bottom:5px;height:1px;background:var(--mint);left:0;right:0;transform:scaleX(0);transition:transform .2s}.site-header nav a:hover:after{transform:scaleX(1)}.site-header>.download-link{justify-self:end;min-height:40px;padding:10px 15px;font-size:12px;gap:9px}.site-header>.download-link svg{width:17px;height:17px}
.hero{padding-top:69px}.hero h1{font-size:clamp(44px,5.5vw,70px);letter-spacing:-3px;font-weight:500;line-height:1.09;margin:0 0 24px}.hero-copy{font-size:17px;line-height:1.65}.hero-actions{margin:28px 0 49px}.hero-actions>.button{min-height:47px;padding:13px 23px;font-size:14px}.story h2{font-size:42px;line-height:1.15;letter-spacing:-1.6px}.story{gap:90px}.story-copy p{max-width:380px}.download-requirements a{color:#a9baaf}.demo-controls{gap:15px}.preview-note{white-space:nowrap}.scenario-switch button{font-size:11px;padding:8px 12px}.scenario-switch{border-color:#ffffff17}.scene-status{bottom:16px;font-size:10px;color:#3e5550}.scene-status .live-dot{background:#299e61}
.product-stage{height:715px;background:#a5b7b5;border-color:#ffffff1a;isolation:isolate;overflow:clip}.product-stage:before{background:linear-gradient(133deg,#b8c2e0 0%,#bac6d2 25%,#b5c7bd 57%,#7d9f94 100%)}.orbit-one{top:300px;background:linear-gradient(170deg,#e5e2dbb3,#b6c6b980);box-shadow:0 -1px 0 #ffffff50;opacity:.8}.orbit-two{top:350px;left:370px;background:linear-gradient(170deg,#dde1c5c4,#91ac97 67%);box-shadow:0 -1px 0 #ffffff70;opacity:.8}.desktop-menubar{background:#f5f5ff42;color:#364551;font-size:10px;height:28px;border-bottom:1px solid #ffffff2b}.work-window{left:5%;top:115px;width:66%;height:475px;background:#f6f6f2;border:1px solid #ffffff8c;box-shadow:0 20px 45px #36454726;transform:rotate(-1deg);border-radius:12px;color:#24322d}.window-chrome{background:#eeefee;color:#646b68;border-bottom:1px solid #00000009}.window-chrome>span:last-child{color:#78827b}.work-content{padding:31px 34px;color:#3f4a45;overflow:hidden}.work-content h3{font-size:26px;letter-spacing:-.6px;font-weight:550;max-width:460px;line-height:1.3}.work-content .note-date{font-size:10px;color:#8e9891;margin-bottom:20px}.work-content p{font-size:13px;line-height:1.8;max-width:450px;margin-top:19px}.work-content ul{font-size:12px;line-height:1.9;margin:19px 0 0;padding-left:17px;color:#818b85;max-width:415px}.work-content .note-rule{height:1px;background:#d7ded7;width:80%;margin-top:28px}.product-stage[data-scenario="distraction"] .work-window{opacity:.7;filter:brightness(.94)}.work-content .video-layout{padding:0;gap:14px}.work-content .fake-video{height:198px;background:#cbd8d2;position:relative;color:#326550;display:flex;flex-direction:column;gap:14px;justify-content:center;font-weight:500;font-size:11px;letter-spacing:1.6px}.work-content .fake-video svg{color:#44745c;width:35px;height:35px}.work-content .video-sidebar i{background:#dde2dc;height:59px}.work-content .video-title{font-size:17px;letter-spacing:-.3px;margin-top:21px}.work-content .video-caption{font-size:10px;color:#879187;margin-top:9px}.work-content .youtube-header{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:20px}.youtube-mark{background:#d84240;color:#fff;border-radius:5px;font-size:9px;width:23px;height:16px;display:grid;place-items:center}
.native-app{position:absolute;top:43px;right:4.7%;width:384px;text-align:left;color:var(--native-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;z-index:3;font-size:12px;font-weight:400;line-height:1.4;color-scheme:light}
.native-app button,.native-app input,.native-app select{font-family:inherit}.native-app button:focus-visible,.native-app input:focus-visible,.native-app select:focus-visible{outline-color:var(--native-purple);outline-offset:2px}.native-app button{transition:background .15s}.native-pill,.native-panel{border:.8px solid #ffffffa6;background:radial-gradient(ellipse at 10% 0%,#c5b8ff40,transparent 62%),#f6f7faad;backdrop-filter:blur(28px) saturate(115%);box-shadow:0 10px 27px #8c73f22e,0 1px 3px #00000012}
.native-pill{height:44px;border-radius:999px;display:flex;align-items:center;gap:7px;padding:0 13px;position:relative;z-index:5}.native-pill-content{display:flex;align-items:center;gap:10px;padding:0;min-width:0;flex:1;font-size:13px;font-weight:500;white-space:nowrap;text-align:left}.native-pill-content>span:last-child{overflow:hidden;text-overflow:ellipsis}.native-dot{width:10px;height:10px;border-radius:50%;background:var(--native-green);box-shadow:0 0 8px #299e614f;display:block;flex-shrink:0}.native-dot.warning{background:var(--native-amber);box-shadow:0 0 8px #b8850d4f}.native-elapsed{font-size:12px;color:var(--native-dim);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:3px}.native-icon{display:grid;place-items:center;width:22px;height:26px;padding:0;color:var(--native-dim);flex-shrink:0}.native-icon svg{width:14px;height:14px;stroke-width:2}.native-icon:hover{color:var(--native-ink)}#expand-guard svg{transform:rotate(180deg)}#expand-guard[aria-expanded="false"] svg{transform:none}.native-pause-menu{position:absolute;right:17px;top:48px;padding:5px;background:#f4f2fa;border:1px solid #fff;border-radius:9px;width:135px;box-shadow:0 12px 28px #1113;z-index:7}.native-pause-menu button{display:block;width:100%;text-align:left;padding:7px 10px;font-size:12px;border-radius:4px;color:var(--native-ink)}.native-pause-menu button:hover{background:#6b5cc71c}
.native-panel{margin-top:8px;border-radius:20px;height:584px;overflow:hidden}.native-list-page{display:flex;flex-direction:column;height:100%;gap:10px;padding:12px 14px}.native-tabs{display:flex;gap:6px;align-items:center;flex-shrink:0}.native-tabs button{font-size:11px;font-weight:600;border-radius:999px;padding:5px 10px;color:var(--native-dim)}.native-tabs button[aria-selected="true"]{color:var(--native-purple);background:#6b5cc729}.native-tabs #side-tab[aria-selected="true"]{color:var(--native-blue);background:#2180d129}.native-scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#817d9a45 transparent;flex:1;padding:2px 0 0}.native-today{display:flex;align-items:center;gap:10px;margin:5px 0 15px;color:var(--native-dim);font-size:10px}.native-today>strong{font-size:10px;letter-spacing:.3px;font-weight:600}.native-today>div{display:flex;gap:3px;flex:1}.native-today i{height:5px;flex:1;background:#211f2e0e;border-radius:5px}.native-today i.done{background:var(--native-green)}.native-today>span{font-size:11px;white-space:nowrap}.native-section-label{display:flex;align-items:center;gap:8px;color:var(--native-dim);font-weight:600;font-size:10px;margin-bottom:8px}.native-section-label i{height:1px;background:#211f2e0c;flex:1}.native-section-label button{color:var(--native-dim);font-size:17px;font-weight:400;line-height:1;width:22px;height:20px}.native-goal{padding:2px 9px 12px;color:var(--native-dim);font-size:11px;text-align:left;line-height:1.45;width:100%}.native-goal.has-goal{margin:0 0 9px;border-radius:10px;border:1px solid #6b5cc726;background:#6b5cc70e;padding:10px;color:var(--native-purple);font-size:12px;font-weight:500}.native-now{background:#299e6114;border:1px solid #299e6159;border-radius:12px;padding:12px}.native-now-label{display:flex;align-items:center;justify-content:space-between}.native-now-label strong{font-size:10px;font-weight:700;letter-spacing:.25px;color:#103d23;background:#4cb373;border-radius:99px;padding:3px 8px}.native-now-label>span{font-size:10px;color:var(--native-dim)}.native-now h3{font-size:16px;font-weight:600;letter-spacing:-.2px;line-height:1.3;margin-top:7px;overflow-wrap:anywhere}.native-now p{font-size:11px;color:var(--native-dim);margin-top:5px;line-height:1.4}.native-now-controls{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:11px;color:var(--native-dim)}.native-done{display:flex;align-items:center;gap:7px;background:#299e611f;border-radius:99px;padding:5px 11px;color:var(--native-green);font-size:12px;font-weight:600}.native-done svg{height:14px;width:14px;stroke-width:2.5}.native-done:hover{background:#299e6130}.native-later{margin-left:auto;font-size:17px;padding:0 3px}.native-now-controls>button:last-child{padding:3px 0}.native-result{margin:10px 0;padding:9px;border:1px solid #6b5cc730;border-radius:9px;background:#fff4}.native-result label{font-size:10px;color:var(--native-dim)}.native-result form{display:flex;gap:6px;margin-top:7px}.native-result input{min-width:0;flex:1;padding:5px;border:1px solid #6b5cc730;border-radius:5px;background:#fff8;color:var(--native-ink);font-size:11px}.native-result button{color:var(--native-purple);font-size:10px}.native-task-section{margin-top:12px}.native-task-section summary{display:flex;align-items:center;gap:7px;list-style:none;color:var(--native-purple);font-size:10px;cursor:pointer;min-height:20px}.native-task-section summary::-webkit-details-marker{display:none}.native-task-section summary:before{content:'›';font-size:17px;line-height:1;transform:rotate(90deg);color:var(--native-dim);width:9px;text-align:center}.native-task-section:not([open]) summary:before{transform:none}.native-task-section summary i{flex:1;height:1px;background:#211f2e0d}.native-task-section summary>span{color:var(--native-dim);font-size:11px}.native-task-section summary strong{font-weight:600;letter-spacing:.3px}.native-ideas summary{color:var(--native-dim)}.native-side-queue summary{color:var(--native-blue)}.native-row{display:flex;align-items:center;gap:7px;min-height:32px;position:relative;padding:3px 0}.native-check{display:grid;place-items:center;height:26px;width:22px;padding:0;flex-shrink:0}.native-check:before{content:'';border:1.1px solid #211f2e77;border-radius:50%;width:12px;height:12px}.native-row-title{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--native-ink);padding:0;text-align:left}.native-row-meta{color:var(--native-dim);font-size:10px}.native-row-actions{display:flex;gap:2px;opacity:0;position:absolute;right:0;background:#eceaf3;border-radius:5px;padding-left:4px}.native-row:hover .native-row-actions,.native-row:focus-within .native-row-actions{opacity:1}.native-row-actions button{width:20px;height:23px;color:var(--native-dim);font-size:10px;padding:0}.native-row-actions button:hover{color:var(--native-purple)}.native-empty{font-size:11px;color:var(--native-dim);padding:8px 16px}.native-composer{border:1px solid #6b5cc733;border-radius:12px;background:#ffffff73;padding:9px 10px;flex-shrink:0}.native-composer>div:first-child{display:flex;gap:9px;align-items:center}.native-composer>div:first-child>span{height:15px;width:15px;flex-shrink:0;border-radius:50%;color:#fff;background:var(--native-purple);display:grid;place-items:center;font-size:12px;line-height:1}.native-composer input{min-width:0;flex:1;border:0;background:transparent;color:var(--native-ink);font-size:13px;outline:none;padding:0;width:100%}.native-composer input::placeholder{color:#211f2e9e}.native-composer #close-composer{color:var(--native-dim);padding:0;width:18px;height:18px;font-size:18px}.native-composer-detail{padding-top:9px}.native-composer-detail #new-done-when{border-bottom:1px solid #6b5cc720;padding:7px 0;font-size:11px}.native-composer-detail>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.native-composer-detail select{border:1px solid #6b5cc722;background:#ffffff70;border-radius:5px;color:var(--native-dim);font-size:10px;padding:3px 6px}.native-composer-detail button{font-size:11px;font-weight:600;padding:4px 10px;background:#6b5cc71c;color:var(--native-purple);border-radius:6px}.native-time{flex-shrink:0}.native-time-bar{display:flex;height:6px;border-radius:4px;overflow:hidden;gap:1px}.native-time-bar i:nth-child(1){background:var(--native-green);width:54%}.native-time-bar i:nth-child(2){background:var(--native-purple);width:18%}.native-time-bar i:nth-child(3){background:var(--native-blue);width:5%}.native-time-bar i:nth-child(4){background:var(--native-amber);width:16%}.native-time-bar i:nth-child(5){background:var(--native-red);width:7%}.native-time-legend{display:flex;flex-wrap:wrap;column-gap:9px;row-gap:3px;margin-top:7px;color:var(--native-dim)}.native-time-legend span{font-size:9px;display:flex;align-items:center;gap:3px;white-space:nowrap}.native-time-legend span:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--native-green)}.native-time-legend span:nth-child(2):before{background:var(--native-purple)}.native-time-legend span:nth-child(3):before{background:var(--native-blue)}.native-time-legend span:nth-child(4):before{background:var(--native-amber)}.native-time-legend span:nth-child(5):before{background:var(--native-red)}.native-footer{display:flex;align-items:center;gap:8px;flex-shrink:0}.native-footer>button:first-child{font-size:11px;font-weight:600;color:var(--native-purple);background:#6b5cc71c;border-radius:99px;padding:6px 10px;display:flex;align-items:center;gap:6px}.native-footer>button:first-child span{font-size:17px;line-height:1}.native-footer>span{margin-left:auto;color:var(--native-dim);font-size:11px}.native-settings{color:var(--native-dim);font-size:16px;line-height:1;padding:2px}.native-budget{padding:12px;background:#2180d114;border:1px solid #2180d14d;border-radius:12px;margin-top:5px}.native-budget>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.native-budget strong{font-size:12px;font-weight:600;color:#274d71}.native-budget span{color:var(--native-dim);font-size:10px;white-space:nowrap}.native-budget p{font-size:11px;color:var(--native-dim);margin-top:7px}.native-budget-track{height:4px;border-radius:5px;background:#2180d11a;margin-top:10px;overflow:hidden}.native-budget-track i{display:block;width:71%;height:100%;background:var(--native-blue)}.native-detail{padding:19px;height:100%;overflow:auto}.native-detail>button{color:var(--native-purple);font-size:12px;padding:0 0 24px}.native-detail h3{font-size:19px;font-weight:600;margin-bottom:19px}.native-detail p{font-size:12px;line-height:1.75;margin-bottom:15px;color:#494550}.native-detail small{font-size:10px;color:var(--native-dim)}.native-detail input{width:100%;padding:9px;border:1px solid #6b5cc740;border-radius:8px;color:var(--native-ink);background:#fff5;margin-bottom:12px}.native-detail .detail-save{padding:6px 12px;border-radius:6px;background:#6b5cc725;color:var(--native-purple);font-size:11px}
.native-notice{position:absolute;left:12%;bottom:105px;display:flex;gap:11px;width:270px;padding:17px;border:1px solid #ffffffa6;background:#f8f4e0de;backdrop-filter:blur(20px);border-radius:13px;box-shadow:0 12px 35px #0002;color:var(--native-ink);z-index:4;text-align:left}.native-notice-dot{width:8px;height:8px;background:var(--native-amber);border-radius:50%;margin-top:5px;flex-shrink:0}.native-notice strong{font-size:12px;font-weight:600}.native-notice p{font-size:10px;color:#6e6751;line-height:1.6;margin-top:5px}.native-notice button{display:flex;align-items:center;gap:9px;font-size:11px;color:#796012;padding:10px 0 0}.native-notice svg{height:14px;width:14px}.native-app[data-warning="true"] .native-pill-content{color:#765813}.native-app[data-warning="true"] .native-pill .native-dot{background:var(--native-amber)}
/* The explainer visuals use the same native vocabulary. */
.native-list-illustration{padding:10px 15px;color:var(--native-ink);transform:rotate(-2deg)}.sample-pill{display:flex;gap:10px;align-items:center;height:44px;padding:0 15px;border-radius:99px;background:linear-gradient(110deg,#e0daf7,#eff1ef);border:1px solid #ffffff9e;box-shadow:0 7px 24px #0004;position:relative;z-index:1}.sample-pill strong{font-size:12px;font-weight:500;flex:1}.sample-pill>span:last-of-type{font-size:11px;color:var(--native-dim)}.sample-pill svg{width:12px;height:12px;color:var(--native-dim)}.sample-list{margin-top:8px;border-radius:19px;background:linear-gradient(135deg,#e2dcf0,#d9e1d1);padding:17px;border:1px solid #ffffffad;box-shadow:0 16px 40px #0004}.sample-now{background:#299e6114;border:1px solid #299e614a;border-radius:11px;padding:12px}.sample-now>strong{border-radius:999px;background:#47ad6d;color:#103e23;font-size:9px;padding:3px 8px}.sample-now h3{font-size:15px;letter-spacing:-.2px;font-weight:600;margin-top:8px}.sample-now>span{display:inline-block;font-size:11px;background:#299e6120;padding:4px 11px;color:#299e61;margin-top:11px;border-radius:99px}.sample-queue-title{display:flex;align-items:center;gap:8px;font-size:9px;color:#6b5cc7;margin-top:15px}.sample-queue-title i{height:1px;flex:1;background:#211f2e12}.sample-list p{font-size:12px;margin-top:9px;color:#393842}.research-illustration{height:313px;background:#1d2420;border:1px solid #ffffff1a;border-radius:13px;padding:18px;position:relative}.research-appbar{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:17px;color:#c7d1c9}.research-appbar>span:last-child{margin-left:auto;font-size:18px;color:#8d9b91}.research-video{height:138px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(115deg,#3b6051,#293f34);border-radius:7px;color:#bfd3c4}.research-video svg{height:26px;width:26px}.research-video span{font-size:8px;letter-spacing:1.8px}.research-illustration h3{font-size:13px;font-weight:500;margin-top:14px;color:#c4d0c7}.research-allowed{position:absolute;left:30px;right:-8px;bottom:-9px;padding:13px;display:flex;align-items:center;gap:10px;background:#e2eae1;border:1px solid #f3f7ed;border-radius:12px;color:var(--native-ink);box-shadow:0 12px 24px #0004}.research-allowed .native-dot{width:8px;height:8px}.research-allowed>div{display:flex;flex-direction:column;gap:4px}.research-allowed strong{font-size:11px;font-weight:600}.research-allowed>div span{font-size:10px;color:var(--native-dim)}.research-allowed>span:last-child{margin-left:auto;font-size:9px;color:#277e49;background:#299e6114;padding:3px 7px;border-radius:99px}.reminder-card{inset:29px;background:#202622;border-color:#ffffff20}.reminder-card h3{margin-top:21px;font-size:26px}.reminder-brand .native-dot{width:6px;height:6px}.reminder-card p{margin-top:12px;font-size:11px}.reminder-card .button{background:#bfdcc8;border-color:#bfdcc8}.preview-caption{display:block;color:#77887c;text-align:center;font-size:8px;margin-top:9px}.side-mode-preview{border-color:#2180d132;background:#1b242b}.side-mode-icon{color:#87bce6;border-color:#2180d130;background:#2180d116}.mode-label{color:#7ea4c1}.time-budget>span{color:#8dbfe9}.time-budget .budget-track{background:#2180d122}.time-budget .budget-track i{background:#7bb3e1}.side-mode-preview .round-action{color:#91bfea;border-color:#2180d145}.block-dialog{background:#121814f5}.block-dialog h2{color:#eff5ef}
@media(max-width:1050px){.site-header{gap:18px;padding:0 18px}.site-header nav{gap:19px}.hero h1{font-size:58px}.native-app{right:4%;width:370px}.work-window{left:4%;width:68%}.native-notice{left:5%;width:245px}.story{gap:55px}.story h2{font-size:37px}.native-list-illustration{padding:12px 0}.sample-pill strong{font-size:11px}.sample-pill{gap:8px;padding-inline:12px}.sample-now h3{font-size:14px}.research-allowed{left:18px;right:-6px}.research-allowed strong{font-size:10px}}
@media(max-width:800px) and (min-width:701px){.site-header nav{gap:14px;font-size:11px}.site-header .brand{font-size:15px}.site-header>.download-link{font-size:11px;padding:10px}.native-app{right:3%;width:350px}.native-notice{left:3%;width:225px}.native-notice strong{font-size:11px}.native-notice p{font-size:9px}.native-list-illustration{height:300px}.sample-pill strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story h2{font-size:32px}}
@media(max-width:700px){.site-header{height:62px;width:calc(100% - 24px);margin-top:12px;padding:0 12px;border-radius:12px;display:flex;justify-content:space-between;gap:10px}.site-header nav{display:none}.site-header .brand{font-size:14px;gap:6px}.site-header .brand-mark{width:23px}.site-header .brand-mark svg{width:23px;height:23px}.site-header>.download-link{min-height:35px;padding:9px 11px;font-size:10px;gap:6px}.site-header>.download-link svg{width:14px;height:14px}.hero{padding-top:47px}.hero h1{font-size:clamp(35px,9.5vw,51px)!important;line-height:1.08;letter-spacing:-1.6px!important;margin-bottom:23px}.hero-copy{font-size:14px;max-width:345px}.hero-actions{margin:26px 0 36px}.hero-actions>.button{font-size:13px;padding:12px 22px;min-height:46px}.product-stage{height:732px;border-radius:12px}.desktop-menubar{height:25px;font-size:7px}.work-window{left:5%;top:58px;width:90%;height:520px;opacity:.65;transform:rotate(-2deg)}.work-content{padding:24px 20px}.work-content h3{font-size:19px}.work-content p,.work-content ul{font-size:11px}.native-app{top:64px;left:12px;right:12px;width:auto}.native-panel{height:576px}.native-pill{padding:0 11px;gap:6px}.native-pill-content{font-size:11px;gap:8px}.native-elapsed{font-size:10px;margin-right:0}.native-icon{width:19px}.native-list-page{padding:12px;gap:10px}.native-now h3{font-size:15px}.native-now p{font-size:10px}.native-row-title{font-size:11px}.native-goal{font-size:10px}.native-footer>button:first-child{font-size:10px}.native-footer>span{font-size:10px}.native-time-legend{column-gap:7px}.native-time-legend span{font-size:8px}.native-composer input{font-size:16px}.native-composer input::placeholder{font-size:12px}.native-composer-detail #new-done-when{font-size:16px}.native-composer-detail #new-done-when::placeholder{font-size:11px}.native-budget>div:first-child{align-items:start}.native-budget strong{font-size:11px}.native-budget span{font-size:9px}.native-budget p{font-size:10px}.native-detail input,.native-result input{font-size:16px}.native-notice{left:20px;right:20px;width:auto;bottom:62px;padding:14px;background:#fbf6e9f5}.product-stage[data-scenario="distraction"] .native-panel{filter:brightness(.91)}.scene-status{font-size:9px;bottom:17px}.demo-controls{justify-content:center;gap:10px}.demo-controls>span:first-child{display:none}.scenario-switch button{font-size:10px;padding:9px 11px}.preview-note{width:100%;font-size:8px}.native-list-illustration{height:293px;padding:0 7px;max-width:430px;margin:auto}.sample-pill strong{font-size:11px}.sample-list{padding:15px}.story h2{font-size:35px;letter-spacing:-1.3px}.story-copy p{font-size:13px}.research-illustration{height:298px;margin:0 5px 12px;width:calc(100% - 10px)}.research-video{height:129px}.research-allowed{left:14px;right:-7px}.research-allowed strong{font-size:10px}.research-allowed>div span{font-size:9px}.reminder-card{inset:24px}.reminder-card h3{font-size:25px}.side-heading h2{font-size:36px}.time-budget{width:calc(100% - 49px)}.time-budget>span{font-size:17px}.time-budget small{font-size:8px}.side-mode-preview strong{font-size:12px}.native-result form{flex-wrap:wrap}.native-result button{padding:4px}.native-row-actions{opacity:1;background:transparent;position:static}.native-row-actions button{width:19px}.native-row-meta{display:none}}
@media(prefers-reduced-motion:reduce){.site-header nav a:after{transition:none}}
/* Keep the native window's proportions and fit the default list without scrolling. */
.native-list-page{gap:8px}.native-task-section{margin-top:10px}.native-today{margin-bottom:12px}.native-row{min-height:31px}.native-now-controls button:disabled{cursor:default}.native-detail label{display:block;color:var(--native-dim);font-size:11px;margin-bottom:6px}.reminder-brand .native-dot{margin-left:0}
@media(max-width:700px){.native-app{max-width:384px;margin-inline:auto}}

/* The app is a small desktop utility, anchored above the work in the top-right. */
.product-stage{height:560px}
.native-app{width:384px;max-width:none;top:40px;right:20px;left:auto;margin:0;transform:scale(.64);transform-origin:top right}
.work-window{left:5%;top:91px;width:76%;height:392px}
.native-notice{top:81px;right:20px;left:auto;bottom:auto;width:246px;padding:14px;animation:notice-in .4s cubic-bezier(.16,1,.3,1)}
.native-notice strong{font-size:11px}.native-notice p{font-size:10px}.native-notice button{font-size:10px}
.scene-status{bottom:23px}
.product-stage:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:var(--tour-progress,0%);background:#4d867b80;pointer-events:none;transition:width .1s linear}
.preview-note{display:flex;align-items:center;gap:0;justify-content:flex-end}
.preview-note #toggle-motion{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding-left:10px;white-space:nowrap}
#toggle-motion svg{height:11px;width:11px}
.demo-controls>span:first-child{font-size:9px}.demo-controls{gap:10px}
.product-stage[data-playing="true"] .native-pill .native-dot{animation:status-breathe 2.7s ease-in-out infinite}
.product-stage[data-playing="true"] .fake-video:after{content:'';position:absolute;bottom:0;left:0;height:3px;background:#44745c;animation:video-progress 5s linear forwards}
.product-stage[data-playing="true"][data-tour-phase="4"] .native-now{animation:task-return 1.6s ease-out}
@keyframes notice-in{from{opacity:0;transform:translateY(-7px) scale(.96)}to{opacity:1;transform:none}}
@keyframes status-breathe{50%{box-shadow:0 0 0 4px #299e6112,0 0 8px #299e6133}}
@keyframes video-progress{from{width:6%}to{width:70%}}
@keyframes task-return{from{box-shadow:0 0 0 5px #299e612e}to{box-shadow:0 0 0 0 #299e6100}}
@media(max-width:1050px) and (min-width:701px){.demo-controls{flex-wrap:wrap;justify-content:center}.demo-controls>span:first-child{display:none}.preview-note{justify-content:center}.native-app{right:16px}.native-notice{right:16px}.work-window{left:4%;width:78%}}
@media(max-width:700px){
  .product-stage{height:400px}.native-app{top:34px;right:10px;left:auto;width:384px;max-width:none;margin:0;transform:scale(.5)}
  .native-panel{height:584px}.native-pill-content{font-size:13px}.native-elapsed{font-size:12px}.native-icon{width:22px}
  .native-list-page{padding:12px 14px}.native-now h3{font-size:16px}.native-now p,.native-goal{font-size:11px}.native-row-title{font-size:12px}
  .native-composer input{font-size:13px}.native-row-actions{position:absolute;opacity:0;background:#eceaf3}.native-row-meta{display:block}
  .native-row:focus-within .native-row-actions{opacity:1}.native-time-legend span{font-size:9px}.native-footer>button:first-child,.native-footer>span{font-size:11px}
  .native-notice{top:65px;right:10px;left:auto;bottom:auto;width:192px;padding:11px;gap:7px}.native-notice strong{font-size:10px}.native-notice p{font-size:9px}.native-notice button{font-size:9px}
  .work-window{top:82px;left:4%;width:86%;height:254px;opacity:1}.work-content{padding:19px 17px}.work-content h3{font-size:17px;max-width:210px}.work-content p{font-size:10px;max-width:200px}.work-content ul{font-size:9px;max-width:195px;margin-top:13px}.work-content .note-date{font-size:8px;margin-bottom:13px}.work-content .fake-video{height:90px;font-size:8px}.work-content .youtube-header{font-size:9px;margin-bottom:10px}.work-content .video-title{font-size:12px;margin-top:10px}.work-content .video-caption{font-size:8px}.work-content .note-rule{margin-top:16px}
  .preview-note{justify-content:center;width:100%;font-size:8px}.preview-note button{font-size:8px}.scene-status{bottom:21px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.native-notice,.product-stage .native-dot,.product-stage .fake-video:after,.product-stage .native-now{animation:none!important}.product-stage:after{transition:none}}

/* A complete browsing story, with an actual recommended-video interaction. */
.product-stage .work-window{width:82%;height:412px;top:85px;transform:none}
.product-stage[data-scenario="research"] .work-content,.product-stage[data-scenario="distraction"] .work-content{padding:15px 19px;background:#fff;color:#141414}
.product-stage[data-scenario="distraction"] .work-window{opacity:1;filter:none}
.youtube-app{position:relative;font-family:Arial,sans-serif;text-align:left;color:#171717;font-size:10px}
.yt-top{display:flex;align-items:center;gap:12px;height:29px;margin-bottom:15px}.yt-hamburger{font-size:14px;color:#555}.yt-brand{display:flex;align-items:center;gap:5px;white-space:nowrap}.yt-brand strong{font-size:13px;letter-spacing:-.4px}.yt-brand .youtube-mark{width:23px;height:15px;border-radius:5px}.yt-search{display:flex;align-items:center;border:1px solid #dedede;background:#fff;border-radius:99px;height:28px;flex:1;max-width:420px;margin-inline:auto;overflow:hidden;padding-left:12px;gap:10px}.yt-search-text{font-size:10px;white-space:nowrap;display:block;flex:1;overflow:hidden}.yt-search-icon{margin-left:auto;display:grid;place-items:center;background:#f7f7f7;border-left:1px solid #dedede;width:32px;align-self:stretch;font-size:19px}.yt-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#767199;color:#fff;font-size:10px}
.yt-watch{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:15px}.yt-main{min-width:0}.yt-player{height:193px;border-radius:7px;overflow:hidden;position:relative;background:#eee}.tutorial-art{height:100%;position:relative;background:linear-gradient(135deg,#e5e9d9,#c7d6bb);overflow:hidden;padding:20px 22px}.tutorial-slide{height:100%;max-width:380px}.tutorial-kicker{display:block;font-size:7px;font-weight:700;letter-spacing:1.4px;color:#56694c}.tutorial-slide>strong{display:block;font-size:23px;line-height:1.14;letter-spacing:-.8px;white-space:pre-line;color:#254131;margin-top:8px}.tutorial-bars{display:flex;gap:5px;margin-top:14px}.tutorial-bars span{display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:4px;background:#f6f8e9;font-size:8px;color:#355043;box-shadow:0 3px 8px #14391f0b}.tutorial-bars span:nth-child(2){background:#dcebbd}.tutorial-bars span:nth-child(3){background:#32583f;color:#f0f5e9}.tutorial-chapter{position:absolute;bottom:21px;right:14px;font-size:7px;color:#5d7154}.yt-player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:11px;height:25px;background:linear-gradient(transparent,#000b);padding:5px 10px 0;color:white;font-size:10px}.yt-player-controls .yt-time{font-size:8px}.yt-player-gear{margin-left:auto}.yt-seek{position:absolute;height:2px;left:8px;right:8px;top:0;background:#fff5}.yt-seek:before{content:'';height:100%;display:block;background:#f13c36;width:34%}.yt-video-title{font-size:13px;font-weight:600;line-height:1.4;margin:10px 0 7px;letter-spacing:-.2px}.yt-channel{display:flex;align-items:center;gap:7px;height:26px;font-size:8px}.yt-channel-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#536b57;color:#fff;font-size:9px}.yt-channel strong{font-size:8px}.yt-subscribe{padding:5px 8px;border-radius:99px;background:#171717;color:white;margin-left:4px;font-size:7px}.yt-like{margin-left:auto;background:#f0f0f0;border-radius:99px;padding:5px 9px;font-size:8px}.yt-description{padding:8px;margin-top:8px;border-radius:6px;background:#f3f3f3;color:#5c5c5c;font-size:8px;line-height:1.5}
.yt-recommendations{min-width:0}.yt-up-next{display:block;font-size:8px;color:#666;margin-bottom:7px}.yt-cat-recommendation{padding:0;display:block;text-align:left;width:100%;border-radius:7px;transition:box-shadow .25s!important}.yt-cat-recommendation:focus-visible{outline:2px solid #c38352}.yt-cat-recommendation:hover{box-shadow:0 0 0 3px #d5916340}.cat-art{position:relative;overflow:hidden;height:100%;background:#a3876f}.cat-art img{width:100%;height:100%;object-fit:cover;object-position:center 37%;display:block}.cat-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2b1c0870,transparent 70%);pointer-events:none}.cat-art>strong{position:absolute;z-index:1;left:8%;top:18%;color:#fff5c4;white-space:pre-line;font-size:27px;line-height:.96;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 3px #0005;max-width:45%}.yt-duration{position:absolute;z-index:1;bottom:5px;right:5px;color:white;background:#000a;padding:2px 4px;border-radius:3px;font-size:7px}.yt-cat-recommendation .cat-art{height:87px;border-radius:6px}.yt-cat-recommendation .cat-art>strong{font-size:17px;letter-spacing:-.6px}.yt-cat-recommendation>strong,.yt-next-tutorial>strong{display:block;font-size:9px;line-height:1.35;margin-top:6px;font-weight:600}.yt-cat-recommendation>span,.yt-next-tutorial>span{display:block;font-size:7px;color:#777;margin-top:4px}.yt-next-tutorial{margin-top:15px}.yt-next-tutorial>div{height:62px;border-radius:6px;background:linear-gradient(130deg,#68765b,#384837);color:#eef2e4;display:grid;place-items:center;font-size:10px;letter-spacing:.6px}.yt-allowed{position:absolute;left:15px;top:183px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d7eed8;border-radius:99px;color:#225c39;background:#effbef;box-shadow:0 5px 20px #16281820;font-size:9px;animation:allowed-in .5s .5s both}.yt-allowed>span{display:grid;place-items:center;width:17px;height:17px;background:#299e61;border-radius:50%;color:white;font-size:10px}.yt-allowed strong{font-weight:500}
.yt-results{padding-top:8px}.yt-results-label{font-size:9px;color:#7d7d7d;display:block;margin-bottom:13px}.yt-result{display:grid;grid-template-columns:43% 1fr;gap:19px;padding:0;text-align:left;width:100%;align-items:center;color:#171717}.yt-result>.tutorial-art{height:155px;border-radius:7px;padding:15px}.yt-result .tutorial-slide>strong{font-size:20px}.yt-result .tutorial-bars{gap:3px}.yt-result .tutorial-bars span{font-size:6px;padding:7px 5px}.yt-result .tutorial-chapter{bottom:12px}.yt-result-meta>strong{font-size:16px;font-weight:550;line-height:1.3;display:block}.yt-result-meta>span{display:block;font-size:8px;color:#777;margin-top:9px}.yt-result-meta p{font-size:10px!important;line-height:1.6!important;margin-top:13px!important;color:#666}.yt-result-secondary{margin-top:18px;opacity:.58}.yt-result-thumb{height:62px;background:#dfe2d8;color:#4c5f4c;border-radius:7px;display:grid;place-items:center;font-size:15px;letter-spacing:1px}.yt-result-secondary>strong{font-size:12px;font-weight:500;max-width:200px}.youtube-app[data-step="search"] .yt-search-text{flex:none;animation:search-typing 2s steps(26,end) both}.youtube-app[data-step="search"] .yt-results{animation:search-results .3s 2.2s both}
.product-stage[data-playing="true"] .yt-seek:before{animation:watch-progress 8s linear both}.product-stage[data-playing="true"] .tutorial-bars span{animation:slide-reveal .5s calc(var(--row)*.3s) both}.product-stage[data-playing="true"] .yt-player .cat-art img{animation:cat-zoom 7s ease-out both}.product-stage[data-tour-phase="6"] .yt-cat-recommendation{box-shadow:0 0 0 3px #d5916380}
.demo-cursor{position:absolute;width:19px;height:26px;pointer-events:none;z-index:7;top:51px;left:calc(100% - 56px);transition:left 1.05s cubic-bezier(.4,0,.2,1),top 1.05s cubic-bezier(.4,0,.2,1),opacity .2s;filter:drop-shadow(0 2px 2px #0004)}.demo-cursor svg{width:19px;height:26px;fill:#202824;stroke:#fff;stroke-width:1.7}.demo-cursor i{position:absolute;top:-9px;left:-9px;width:20px;height:20px;border:2px solid #264c3870;border-radius:50%;opacity:0}.product-stage[data-playing="false"] .demo-cursor{opacity:0}.product-stage[data-cursor="work"] .demo-cursor{left:42%;top:49%}.product-stage[data-cursor="search"] .demo-cursor{left:41%;top:25%}.product-stage[data-cursor="result"] .demo-cursor{left:35%;top:43%}.product-stage[data-cursor="watch"] .demo-cursor{left:42%;top:69%}.product-stage[data-cursor="cat"] .demo-cursor,.product-stage[data-cursor="cat-click"] .demo-cursor{left:77%;top:40%}.product-stage[data-cursor="pill-click"] .demo-cursor i,.product-stage[data-cursor="cat-click"] .demo-cursor i{animation:cursor-click .5s .25s both}.product-stage[data-cursor="hidden"] .demo-cursor{opacity:0}
.demo-block,.smart-cover{position:absolute;inset:0;background:#060707f5;z-index:9;display:grid;place-items:center;color:#f7f7f7;text-align:center;animation:cover-appear .4s ease-out}.block-content{width:min(470px,90%);padding:22px 0;display:flex;align-items:center;flex-direction:column;gap:14px}.block-now{font-size:10px;line-height:1;font-weight:800;letter-spacing:.3px;padding:5px 11px;background:#299e61;color:#071a0e;border-radius:99px}.block-content h3{font-size:31px;line-height:1.13;font-weight:700;letter-spacing:-.7px}.block-content .block-detection{font-size:12px;color:#bc9433;line-height:1.6;margin:0}.block-return{padding:10px 29px;background:#299e61;color:#041a0a;font-size:13px;font-weight:650;border-radius:99px}.block-return:hover{background:#3cb575}.block-reason{width:100%;padding:14px;background:radial-gradient(ellipse at 10% 0%,#dbd0ff80,transparent 70%),#efedf2;border:1px solid #ffffffa6;border-radius:14px;color:#211f2e;text-align:left}.block-reason label{display:block;font-size:12px;font-weight:600}.block-reason textarea{display:block;resize:none;width:100%;font-family:inherit;font-size:11px;line-height:1.5;border:1px solid #6b5cc740;background:#ffffffb3;color:#211f2e;padding:10px;border-radius:9px;margin-top:9px;min-height:58px}.block-reason textarea::placeholder{color:#757181}.block-reason textarea:focus-visible{outline:2px solid #6b5cc780;outline-offset:2px}.block-reason>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.reason-count{font-size:10px;font-family:monospace;color:#7c7787}.reason-count.valid{color:#299e61}.block-reason [type=submit]{background:#6b5cc724;color:#5b4bb7;border-radius:6px;padding:6px 10px;font-size:10px;font-weight:600}.block-reason [type=submit]:disabled{opacity:.4}
.sample-pill{width:100%;text-align:left;cursor:pointer}.sample-chevron{transform:rotate(180deg);transition:transform .3s}.sample-list{overflow:hidden;max-height:250px;opacity:1;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .25s,margin .35s,padding .35s,transform .35s;transform-origin:top}.native-list-illustration[data-open="false"] .sample-list{max-height:0;opacity:0;margin-top:0;padding-block:0;border-color:transparent;transform:translateY(-6px)}.native-list-illustration[data-open="false"] .sample-chevron{transform:none}.sample-hint{font-size:9px;color:#819087;display:block;text-align:center;margin-top:17px}.download-section h2{font-size:clamp(32px,3.65vw,46px);max-width:900px;line-height:1.16}.download-section h2 span{color:#b7f4d3}
.smart-demo{height:360px;border:1px solid #ffffff24;border-radius:12px;background:#fff;overflow:hidden;isolation:isolate;box-shadow:0 16px 40px #0003}.smart-browser{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#efefee;color:#888;font-size:8px;border-bottom:1px solid #ddd}.smart-browser .traffic i{width:6px;height:6px}.smart-browser button{padding:0;font-size:15px;color:#888}.smart-demo .youtube-app{padding:10px 12px}.smart-demo .yt-top{gap:6px;margin-bottom:12px;height:23px}.smart-demo .yt-brand strong{font-size:10px}.smart-demo .yt-brand .youtube-mark{width:18px;height:12px;font-size:7px}.smart-demo .yt-hamburger{display:none}.smart-demo .yt-search{height:23px;padding-left:8px}.smart-demo .yt-search-text{font-size:7px}.smart-demo .yt-search-icon{width:24px;font-size:14px}.smart-demo .yt-avatar{height:17px;width:17px;font-size:8px}.smart-demo .yt-watch{grid-template-columns:minmax(0,1fr) 105px;gap:10px}.smart-demo .yt-player{height:156px}.smart-demo .tutorial-art{padding:15px}.smart-demo .tutorial-slide>strong{font-size:19px}.smart-demo .tutorial-kicker{font-size:6px}.smart-demo .tutorial-bars{margin-top:11px;gap:4px}.smart-demo .tutorial-bars span{font-size:6px;padding:6px 5px}.smart-demo .tutorial-chapter{font-size:6px;bottom:22px}.smart-demo .yt-cat-recommendation .cat-art{height:61px}.smart-demo .yt-cat-recommendation .cat-art>strong{font-size:13px}.smart-demo .yt-cat-recommendation>strong,.smart-demo .yt-next-tutorial>strong{font-size:8px}.smart-demo .yt-next-tutorial>div{height:44px;font-size:8px}.smart-demo .yt-video-title{font-size:11px;line-height:1.3;margin-top:8px}.smart-demo .yt-channel strong{font-size:7px}.smart-demo .yt-like{display:none}.smart-demo .yt-description{font-size:7px;margin-top:5px}.smart-demo .yt-allowed{display:none}.smart-demo .yt-player .cat-art>strong{font-size:25px}.smart-demo .yt-player-controls{gap:7px}.smart-status{position:absolute;left:23px;bottom:14px;padding:8px 12px;background:#e8f4e9;border:1px solid #c4dec9;border-radius:99px;color:#23573a;font-size:9px;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px #0001}.smart-status>span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#299e61;color:white;font-size:10px}.smart-demo .block-content{width:min(350px,90%);gap:9px;padding:12px 0}.smart-demo .block-content h3{font-size:23px}.smart-demo .block-now{font-size:8px;padding:4px 9px}.smart-demo .block-detection{font-size:9px}.smart-demo .block-return{font-size:10px;padding:7px 20px}.smart-demo .block-reason{padding:10px;border-radius:11px}.smart-demo .block-reason label{font-size:10px}.smart-demo .block-reason textarea{font-size:9px;padding:7px;min-height:44px;margin-top:6px}.smart-demo .block-reason>div{margin-top:7px}.smart-demo .block-reason [type=submit],.smart-demo .reason-count{font-size:8px}
@keyframes search-typing{from{width:0}to{width:26ch}}@keyframes search-results{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes allowed-in{from{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:none}}@keyframes watch-progress{from{width:34%}to{width:45%}}@keyframes slide-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cat-zoom{from{transform:scale(1)}to{transform:scale(1.08)}}@keyframes cursor-click{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(1.9)}}@keyframes cover-appear{from{opacity:0}to{opacity:1}}
@media(max-width:1050px) and (min-width:701px){.yt-watch{grid-template-columns:minmax(0,1fr) 126px;gap:11px}.yt-player{height:186px}.tutorial-slide>strong{font-size:20px}.tutorial-bars span{font-size:7px;padding:7px}.yt-cat-recommendation .cat-art{height:72px}.yt-allowed{top:177px}.smart-demo .yt-watch{grid-template-columns:minmax(0,1fr) 83px;gap:7px}.smart-demo .tutorial-art{padding:10px}.smart-demo .tutorial-slide>strong{font-size:16px}.smart-demo .tutorial-bars{flex-direction:column;gap:2px;max-width:90px;margin-top:7px}.smart-demo .tutorial-bars span{padding:3px;font-size:6px}.smart-demo .yt-subscribe{display:none}.smart-demo .yt-cat-recommendation .cat-art{height:51px}.smart-demo .yt-cat-recommendation .cat-art>strong{font-size:11px}}
@media(max-width:700px){
 .product-stage .work-window{width:91%;left:4%;top:79px;height:275px}.product-stage[data-scenario="research"] .work-content,.product-stage[data-scenario="distraction"] .work-content{padding:9px 8px}
 .yt-top{gap:4px;height:20px;margin-bottom:9px}.yt-hamburger{display:none}.yt-brand{gap:3px}.yt-brand strong{font-size:8px}.yt-brand .youtube-mark{width:15px;height:10px;font-size:6px}.yt-search{height:19px;padding-left:6px;gap:2px}.yt-search-text{font-size:6px}.yt-search-icon{font-size:12px;width:17px}.yt-avatar{width:15px;height:15px;font-size:7px}
 .yt-watch{grid-template-columns:minmax(0,1fr) 76px;gap:7px}.yt-player{height:117px}.tutorial-art{padding:10px}.tutorial-kicker{font-size:4px;letter-spacing:.7px}.tutorial-slide>strong{font-size:14px;letter-spacing:-.3px;margin-top:7px}.tutorial-bars{gap:2px;margin-top:8px}.tutorial-bars span{font-size:4px;padding:5px 3px}.tutorial-chapter{font-size:4px;bottom:21px;right:8px}.yt-player-controls{gap:6px;height:19px;font-size:7px;padding:5px 6px 0}.yt-player-controls .yt-time{font-size:5px}.yt-player-gear{display:none}.yt-video-title{font-size:9px;margin:7px 0 5px}.yt-channel{gap:4px;height:18px}.yt-channel-icon{width:17px;height:17px;font-size:6px}.yt-channel strong{font-size:5px}.yt-subscribe{font-size:5px;padding:4px 5px;margin-left:0}.yt-like{display:none}.yt-description{font-size:5px;padding:5px;margin-top:5px}.yt-up-next{font-size:6px;margin-bottom:5px}.yt-cat-recommendation .cat-art{height:45px}.yt-cat-recommendation .cat-art>strong{font-size:10px;letter-spacing:-.3px}.yt-cat-recommendation>strong,.yt-next-tutorial>strong{font-size:6px;margin-top:4px}.yt-cat-recommendation>span,.yt-next-tutorial>span{font-size:5px;margin-top:3px}.yt-duration{font-size:4px;padding:1px 2px;right:3px;bottom:3px}.yt-next-tutorial{margin-top:11px}.yt-next-tutorial>div{height:38px;font-size:6px;letter-spacing:0}.yt-player .cat-art>strong{font-size:19px}.yt-allowed{top:123px;left:5px;padding:5px 6px;font-size:6px;gap:4px}.yt-allowed>span{width:12px;height:12px;font-size:7px}
 .yt-results{padding-top:4px}.yt-results-label{font-size:6px;margin-bottom:8px}.yt-result{gap:10px;grid-template-columns:46% 1fr}.yt-result>.tutorial-art{height:106px;padding:10px}.yt-result .tutorial-slide>strong{font-size:13px}.yt-result .tutorial-bars{gap:2px}.yt-result .tutorial-bars span{font-size:4px;padding:4px 2px}.yt-result .tutorial-chapter{font-size:4px}.yt-result-meta>strong{font-size:10px}.yt-result-meta>span{font-size:5px;margin-top:5px}.yt-result-meta p{font-size:6px!important;margin-top:7px!important}.yt-result-secondary{margin-top:12px}.yt-result-thumb{font-size:9px;height:43px}.yt-result-secondary>strong{font-size:8px}
 .demo-cursor{width:12px;height:17px;left:calc(100% - 36px);top:41px}.demo-cursor svg{width:12px;height:17px}.product-stage[data-cursor="search"] .demo-cursor{left:46%;top:34%}.product-stage[data-cursor="result"] .demo-cursor{left:35%;top:46%}.product-stage[data-cursor="cat"] .demo-cursor,.product-stage[data-cursor="cat-click"] .demo-cursor{left:81%;top:44%}
 .block-content{gap:10px;padding:15px 0;width:90%}.block-content h3{font-size:23px;letter-spacing:-.5px}.block-detection{font-size:9px!important}.block-now{font-size:8px;padding:4px 9px}.block-return{font-size:11px;padding:8px 23px}.block-reason{padding:11px;border-radius:11px}.block-reason label{font-size:10px}.block-reason textarea{font-size:12px;padding:8px;min-height:60px}.block-reason>div{margin-top:8px}.block-reason [type=submit],.reason-count{font-size:9px}
 .smart-demo{height:340px}.smart-demo .yt-watch{grid-template-columns:minmax(0,1fr) 90px}.smart-demo .yt-player{height:145px}.smart-demo .tutorial-slide>strong{font-size:18px}.smart-demo .tutorial-bars{flex-direction:column;gap:3px;max-width:105px;margin-top:8px}.smart-demo .tutorial-bars span{padding:3px;font-size:5px}.smart-demo .yt-top{gap:5px}.smart-demo .yt-search-text{font-size:6px}.smart-demo .yt-channel strong{font-size:6px}.smart-demo .yt-cat-recommendation .cat-art{height:53px}.smart-demo .yt-description{font-size:6px}.smart-demo .block-content h3{font-size:21px}.smart-demo .block-reason textarea{font-size:11px}.smart-status{bottom:17px;font-size:8px}.sample-hint{font-size:8px}.download-section h2{font-size:31px;max-width:360px}
}
@media(prefers-reduced-motion:reduce){.demo-cursor{display:none}.youtube-app *,.demo-block,.smart-cover{animation:none!important}.sample-list,.sample-chevron{transition:none}.yt-search-text{width:auto!important}}
.cat-art img{object-position:center 57%}.block-dialog{padding:36px;background:#070908fa;border-radius:0}.block-dialog .block-content{margin:auto}.block-dialog .block-reason{max-width:none;margin:0}.block-dialog .block-reason label{text-align:left;margin:0;color:#211f2e;font-size:12px}.block-dialog .block-reason>div>span{margin:0}.block-dialog .block-content h3{font-size:34px}.block-dialog .block-detection{font-size:13px}
@media(max-width:700px){.block-dialog{padding:32px 15px 20px}.block-dialog .block-content h3{font-size:26px}}
#replay-smart{position:relative;z-index:12}
/* YouTube mark: the "▶" text glyph slips out of the tiny red box at small sizes, so the triangle is drawn instead and always sits centered. */
.youtube-mark{position:relative;font-size:0!important;color:transparent!important;overflow:hidden}.youtube-mark::after{content:"";position:absolute;left:50%;top:50%;width:30%;height:44%;transform:translate(-40%,-50%);background:#fff;clip-path:polygon(0 0,100% 50%,0 100%)}