:root{--paper:#f9f8f6;--ink:#141416;--muted:#68665f;--line:#deddd7;--sage:#8a9a86;font-size:16px;color-scheme:light}
html{scroll-behavior:smooth}body{min-width:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #63775c;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}a,button{-webkit-tap-highlight-color:transparent}p{line-height:1.7}iframe{border:0;display:block;width:100%;background:transparent}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:11px 18px;border:1px solid var(--line);border-radius:5px;font-size:14px;font-weight:600;color:var(--ink);background:transparent;text-decoration:none;white-space:normal}.button:hover{background:#efeee9}.button.solid,.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.button.solid:hover{background:#333531}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.overline{font:11px 'DM Mono',monospace;letter-spacing:.13em;color:var(--muted)}
.site-nav{min-height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(28px,calc((100vw - 1320px)/2));background:var(--paper)}.brand{display:flex;gap:16px;align-items:center}.brand img{width:204px;height:auto;display:block}.brand>span{font:10px 'DM Mono',monospace;letter-spacing:.12em;border-left:1px solid var(--line);padding-left:16px;color:var(--muted)}.nav-middle{display:flex;gap:30px;font-size:13px}.marketing{max-width:1440px;margin:auto}.editorial-hero{padding:72px 60px 66px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.hero-copy h1{font-size:clamp(48px,5.1vw,76px);line-height:1.08;font-weight:500;letter-spacing:-.065em;margin:26px 0}.hero-copy h1 em,.signin-page em{font-family:Georgia,serif;font-weight:400;color:#64725f}.hero-copy>p{max-width:460px;font-size:17px;color:var(--muted);margin:0 0 30px}.hero-note{font-size:11px;color:var(--muted);display:flex;gap:12px;align-items:center;margin-top:45px}.small-mark{font-size:22px;color:#6c7e66}.hero-composition{background:#eceee7;padding:22px 24px 18px;transform:rotate(-1deg);border:1px solid #d9ddd1}.canvas-caption,.composition-foot,.preview-caption,.notebook-bottom{display:flex;justify-content:space-between;gap:10px;font:10px 'DM Mono',monospace;letter-spacing:.06em;color:#62695c}.demo-notebook{background:#f9f8f6;margin:22px 0 18px;padding:24px 24px 18px;border:1px solid #ddded5;transform:rotate(1deg)}.notebook-top{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:-.035em}.notebook-top>span:last-child{margin-left:auto}.notebook-note{font-size:12px;color:var(--muted);margin:10px 0 16px}.demo-notebook iframe{height:295px}.notebook-bottom{border-top:1px solid var(--line);padding-top:16px;font-size:9px}.composition-foot{font-size:9px;letter-spacing:0}.principle-line{display:flex;justify-content:space-between;gap:20px;margin:0 60px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.principle-line>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:19px;color:var(--ink)}.marketing-section{padding:86px 60px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.section-heading h2,.notion-section h2,.faq-section h2{font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:18px 0 0}.section-heading>p{font-size:14px;color:var(--muted)}.feature-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.preview-caption{padding:15px 0;border-top:1px solid var(--line)}.feature-preview iframe{height:305px;border-radius:6px;background:#f0efe9}.feature-preview h3{font-size:20px;font-weight:500;letter-spacing:-.03em;margin:22px 0 8px}.feature-preview p{font-size:13px;color:var(--muted);max-width:320px;margin:0}.category-index{margin-top:48px}.category-index>a{display:grid;grid-template-columns:40px 1fr 1.5fr 24px;align-items:center;gap:20px;border-top:1px solid var(--line);padding:16px 0}.category-index>a:last-child{border-bottom:1px solid var(--line)}.index-number{font:11px 'DM Mono',monospace;color:var(--muted)}.category-index h3{font-size:16px;font-weight:500;margin:0}.category-index p{font-size:12px;color:var(--muted);margin:0}.notion-section{margin:0 60px;background:#e8ebe3;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:72px}.notion-section p{font-size:14px;color:#586051;max-width:350px}.notion-section .button{margin-top:14px}.integration-steps{list-style:none;padding:0;margin:0}.integration-steps li{display:flex;gap:25px;padding:22px 0;border-top:1px solid #c6cebf}.integration-steps li>span{font:11px 'DM Mono',monospace;padding-top:6px}.integration-steps h3{margin:0;font-size:18px;font-weight:500}.integration-steps p{margin:8px 0 0}.usecase-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.usecase-columns article{border-top:1px solid var(--line);padding-top:22px}.usecase-columns span{font:10px 'DM Mono',monospace;color:var(--muted)}.usecase-columns h3{font-size:20px;letter-spacing:-.04em;font-weight:500}.usecase-columns p{color:var(--muted);font-size:14px}.faq-section{padding:10px 60px 70px;display:grid;grid-template-columns:1fr 1.35fr;gap:64px}.faq-section details{border-top:1px solid var(--line);padding:20px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-section details p{font-size:13px;color:var(--muted);margin-bottom:0}.closing{padding:60px 24px 76px;text-align:center;border-top:1px solid var(--line)}.closing h2{font:500 clamp(38px,5vw,64px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:25px 0 30px}.site-footer{background:#141416;color:#f9f8f6;padding:34px max(28px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:28px}.site-footer p{font-size:12px;color:#b8b0a7;margin-left:auto}.site-footer>span{font-size:11px;color:#b8b0a7}.site-footer .brand>span{color:#b8b0a7}.signin-page{max-width:650px;margin:76px auto 120px;padding:0 24px;text-align:center}.signin-page h1{font-size:64px;font-weight:500;letter-spacing:-.055em;line-height:1.05}.signin-page>p{color:var(--muted);max-width:410px;margin:0 auto 28px}.signin-page .signin-detail{font-size:12px;margin-top:24px}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.workspace>.site-nav{grid-column:1/-1;padding:10px 28px;min-height:82px}.workspace-sidebar{padding:34px 20px;border-right:1px solid var(--line)}.workspace-sidebar>.overline{display:block;margin:0 10px 22px;font-size:10px}.workspace-sidebar>a{display:flex;justify-content:space-between;padding:13px 12px;font-size:13px;margin:3px 0;border-radius:4px}.workspace-sidebar>a.selected{background:#e8ebe3;color:#34452e}.workspace-sidebar>a:hover{background:#efeee9}.workspace-sidebar>a>span{color:#888}.sidebar-note{margin:70px 12px 0;font-family:Georgia,serif;font-style:italic;font-size:23px;line-height:1.3;color:#7b8174}.sidebar-note small{display:block;font:9px 'DM Mono',monospace;margin-top:25px}.workspace-main{padding:46px clamp(24px,4vw,60px);min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}.workspace-heading h1{font-size:clamp(30px,3.2vw,46px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin:14px 0}.workspace-heading p{font-size:14px;color:var(--muted);margin:0}.collection-bar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px;color:var(--muted)}.instance-list article{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.instance-symbol{width:58px;height:58px;background:#e9ece5;border-radius:5px;display:grid;place-items:center;font-size:25px}.instance-title{flex:1;min-width:0}.instance-title h2{font-size:17px;font-weight:500;overflow-wrap:anywhere;margin:0 0 4px}.instance-title p{font-size:12px;color:var(--muted);margin:0}.icon-button{border:0;min-width:44px;min-height:44px;font-size:22px}.empty-state{text-align:center;padding:72px 24px}.empty-state>span{font-size:38px;color:#7d8a75}.empty-state h2{font-size:27px;font-weight:500;letter-spacing:-.035em}.empty-state p{font-size:14px;color:var(--muted);max-width:420px;margin:15px auto 25px}.catalog-toolbar{display:flex;gap:20px;margin-bottom:30px}.search-field{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1;max-width:420px}.search-field input,.search-field select{height:45px;border:1px solid var(--line);background:transparent;border-radius:4px;padding:10px 12px;width:100%;min-width:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{border:1px solid var(--line);border-radius:6px;overflow:hidden}.catalog-preview{background:#efeee9;pointer-events:none}.catalog-preview iframe{height:255px}.catalog-info{padding:22px}.catalog-info>.overline{font-size:9px}.catalog-info h2{font-size:21px;font-weight:500;margin:12px 0 8px;letter-spacing:-.035em}.catalog-info p{font-size:13px;color:var(--muted);min-height:44px;margin:0 0 20px}.catalog-info .button{width:100%;font-size:12px}.integration-panel{max-width:740px;border-top:1px solid var(--line);padding-top:30px}.integration-panel h2{font-weight:500;font-size:26px;letter-spacing:-.035em}.integration-panel p,.integration-panel li,.integration-panel dd{color:var(--muted);font-size:14px;line-height:1.8}.status-label{font:10px 'DM Mono',monospace;color:#6a654f;background:#efede3;padding:8px 10px;border-radius:3px}.code-example{background:#e8ebe3;padding:24px;font-family:Georgia,serif;font-size:22px;line-height:1.5;margin:28px 0}.integration-panel dt{font-size:13px;font-weight:600;margin-top:24px}.integration-panel dd{margin:6px 0 18px}.error-page{padding:70px 24px;text-align:center}.error-page p{max-width:480px;margin:20px auto;color:var(--muted)}.loading{padding:64px 24px;text-align:center;color:var(--muted)}
/* One compact rendering language across every embed. */
html:has(.embed-body),.embed-body{background:transparent!important;min-width:0!important}.embed-body{padding:0!important}.embed-body #app{width:100%;padding:0!important}.widget{--widget-muted:#676962;--line:#d8dcd2;box-shadow:none!important;width:100%;max-width:none!important;min-width:0;border-radius:8px;padding:24px!important;color:#20251e;font-size:14px;border:0;container-type:inline-size;overflow-wrap:anywhere}.widget.dark,.widget.bg-notion-dark,.widget.bg-obsidian{--widget-muted:#b9beb4;--line:#45483f;color:#f4f5ef}.widget.dark .widget-title,.widget.dark .timer,.widget.dark .stat-big{color:#f4f5ef}.widget.bg-transparent{background:transparent!important}.widget.bg-alabaster{background:#f9f8f6!important}.widget.bg-notion-light{background:#fff!important}.widget.bg-notion-dark{background:#191919!important}.widget.bg-obsidian{background:#141416!important}.widget-header{margin-bottom:18px}.widget-kicker{font-size:10px!important;letter-spacing:.12em;color:var(--widget-muted)!important}.widget-title{font-size:21px!important;letter-spacing:-.04em;line-height:1.25;margin:9px 0 0!important;font-weight:500}.widget-sub{font-size:12px!important;color:var(--widget-muted)!important;line-height:1.6;margin-top:8px}.widget .timer{font:400 clamp(44px,19cqw,84px)/1.12 'DM Mono',monospace;letter-spacing:-.065em;margin:24px 0 22px!important;overflow-wrap:normal}.widget .stat-big{font:400 clamp(30px,12cqw,56px)/1.2 'DM Mono',monospace;letter-spacing:-.05em}.widget .stat-big small{color:var(--widget-muted)!important}.widget button{min-width:36px;min-height:38px;border-radius:4px;font-size:12px;padding:8px 12px}.widget button.active,.widget .day.done,.widget button.today{background:var(--sage);color:#141416;border-color:var(--sage)}.widget .timer-actions{display:flex;gap:8px;margin-top:18px}.widget .timer-actions button{flex:1}.widget .timer-actions button.active{background:var(--sage);color:#141416}.progress-track{height:5px;margin:18px 0;background:color-mix(in srgb,currentColor 12%,transparent)}.progress-fill{height:100%;border-radius:inherit}.widget-footer{font:10px 'DM Mono',monospace!important;gap:10px;margin-top:22px;padding-top:14px;border-color:var(--line);color:var(--widget-muted)!important;align-items:center;flex-wrap:wrap}.widget-footer button{font-family:Manrope,sans-serif}.widget .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.widget .day{padding:8px 0;min-width:0;min-height:66px;border-radius:4px}.widget .day small{font-size:9px;color:inherit}.widget .day b{font-size:17px}.widget .calendar-grid{gap:3px}.widget .calendar-grid button{padding:4px;min-width:0;min-height:34px}.widget .calendar-head button{min-width:40px}.widget .list-row,.widget .priority-item{gap:10px}.widget input,.widget textarea{min-width:0!important;font-size:14px!important;line-height:1.6;color:inherit}.widget .notes-area{width:100%;min-height:120px;border-color:var(--line);background:transparent;border-radius:4px;padding:12px}.widget .energy-scale{gap:4px}.widget .energy-btn{min-width:0;flex:1;padding:8px 2px}.widget .energy-btn small{font-size:9px}.widget .heatmap-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.widget .heatmap-dot{padding:0;min-width:0;min-height:20px;aspect-ratio:1;border:1px solid var(--line);border-radius:3px}.widget .world-clock-time{font-size:23px}.widget .world-clock-city{font-size:12px}.widget .sync-control{display:none}.widget.compact{padding:16px!important}.widget.compact .widget-sub{display:none}.widget.compact .timer{margin:15px 0!important}.embed-tools{display:flex;justify-content:flex-end;gap:8px;padding:4px 8px;font-size:11px;color:var(--widget-muted,#68665f)}.embed-tools button,.embed-tools a{min-height:32px;padding:6px 8px;border:0;font-size:11px}.quick-panel{position:fixed;inset:6px;max-width:440px;margin:0 0 0 auto;z-index:60;background:#f9f8f6;color:#141416;box-shadow:0 4px 22px #0002;border:1px solid #d8dcd2;border-radius:6px;overflow:auto;padding:18px;overscroll-behavior:contain}.quick-panel[hidden]{display:none}.quick-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-18px;background:#f9f8f6;padding:8px 0;z-index:1}.quick-head h2{font-size:17px;margin:0}.quick-panel p{font-size:12px;color:#68665f}.quick-panel .panel{padding:10px 0;box-shadow:none;border:0;background:transparent}.quick-panel .field{margin:10px 0}.quick-panel .button{width:100%;margin-top:8px}.quick-panel input,.quick-panel select{max-width:100%}.field label{display:block;font-size:12px;margin-bottom:7px}.field input,.field select{min-height:42px;width:100%;border:1px solid var(--line);background:transparent;border-radius:4px;padding:8px 10px;min-width:0}.toggle{font-size:12px;min-height:44px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:22px 32px}.editor-heading input{background:none;border:0;font-size:22px;letter-spacing:-.03em;min-width:0;width:100%}.editor-heading>div:first-child{flex:1}.editor-heading .overline{display:block;margin-bottom:5px}.editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.save-status{font-size:12px;color:var(--muted)}.config-main{grid-template-columns:320px minmax(0,1fr);max-width:1400px;padding:28px 32px;gap:32px}.config-main .panel{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0 24px;background:none;box-shadow:none;margin:0 0 18px}.config-main h1{font-weight:500;font-size:30px}.preview-wrap{min-width:0}.preview-stage-container{padding:35px 18px;min-height:350px;box-shadow:none;border-radius:6px}.preview-frame{width:100%;margin:auto}.preview-frame.width-narrow{max-width:240px}.preview-frame.width-medium{max-width:420px}.preview-frame.width-full{max-width:100%}.preview-top{flex-wrap:wrap;gap:16px}.preview-controls{flex-wrap:wrap}.notice{font-size:12px;line-height:1.7}.workspace-analytics{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.workspace-analytics h2{font-size:20px;font-weight:500}.analytics-stats{display:flex;gap:30px;flex-wrap:wrap}.analytics-stats strong{font:28px 'DM Mono',monospace}.analytics-stats small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.history-list{list-style:none;padding:0;max-height:220px;overflow:auto}.history-list li{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;padding:10px 0;gap:12px}.publish-consent{padding:16px;border:1px solid var(--line);border-radius:4px;margin-top:18px;font-size:12px}.publish-consent label{display:flex;gap:10px;line-height:1.6}.publish-consent input{width:18px;flex-shrink:0}.auth-modal{border-radius:8px}.auth-modal p{font-size:14px}.toast{max-width:calc(100vw - 32px);font-size:13px}.weather-error{font-size:13px;color:var(--widget-muted);padding:16px 0}.widget .chart{height:90px}.widget .chart .bar{min-width:10px}.widget .weather-forecast{gap:8px}.widget .forecast-day{font-size:11px}.widget .forecast-temp{font-size:18px}
@container(max-width:270px){.widget-title{font-size:18px!important}.widget-sub{display:none}.widget .timer{font-size:clamp(36px,20cqw,65px)!important}.widget .stat-row{flex-wrap:wrap;gap:12px}.widget .day small{font-size:8px}.widget button{padding:6px 8px}.widget-footer{font-size:9px!important}.widget .world-clock-time{font-size:20px}}
@media(min-width:1500px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.editorial-hero{padding:55px 32px;gap:30px}.hero-copy h1{font-size:56px}.hero-composition{padding:18px}.demo-notebook{padding:18px}.marketing-section{padding:65px 32px}.principle-line{margin:0 32px}.notion-section{margin:0 32px;padding:36px;gap:35px}.faq-section{padding:10px 32px 60px;gap:36px}.workspace{grid-template-columns:190px minmax(0,1fr)}.workspace-main{padding:34px 26px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-info{padding:18px}.site-nav .brand img{width:175px}.config-main{grid-template-columns:280px minmax(0,1fr);gap:22px;padding:24px}.nav-middle{gap:18px}}
@media(max-width:760px){.site-nav{min-height:76px;padding:10px 20px;gap:12px}.site-nav .brand img{width:155px}.brand>span,.nav-middle{display:none}.site-nav .button{font-size:12px;padding:8px 12px;min-height:40px}.editorial-hero{grid-template-columns:1fr;padding:46px 24px 38px;gap:38px}.hero-copy h1{font-size:clamp(45px,9.5vw,64px);margin:21px 0}.hero-copy>p{font-size:15px;max-width:430px}.hero-note{margin-top:28px}.hero-composition{max-width:520px;width:100%;margin:auto;transform:none}.demo-notebook{transform:none}.principle-line{margin:0 24px;display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:16px}.principle-line>span:first-child{font-size:16px}.marketing-section{padding:52px 24px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:39px}.section-heading>p{margin-top:20px}.feature-previews{grid-template-columns:1fr;gap:30px}.feature-preview iframe{height:280px}.feature-preview p{max-width:none}.category-index>a{grid-template-columns:28px 1fr 20px;gap:12px}.category-index p{grid-column:2;grid-row:2}.category-index>a>span:last-child{grid-column:3;grid-row:1}.notion-section{margin:0 24px;padding:28px;grid-template-columns:1fr;gap:26px}.notion-section h2{font-size:42px}.usecase-columns{grid-template-columns:1fr;gap:22px}.faq-section{padding:0 24px 45px;grid-template-columns:1fr;gap:32px}.closing{padding:45px 24px}.site-footer{padding:30px 24px;flex-wrap:wrap;gap:16px}.site-footer .brand img{width:170px}.site-footer p{margin:0;width:100%}.workspace{display:block}.workspace>.site-nav{padding:10px 20px}.workspace-sidebar{display:flex;overflow-x:auto;gap:6px;padding:10px 16px;border:0;border-bottom:1px solid var(--line);scrollbar-width:thin}.workspace-sidebar>.overline,.sidebar-note{display:none}.workspace-sidebar>a{white-space:nowrap;padding:10px;font-size:12px;gap:15px}.workspace-sidebar>a>span{display:none}.workspace-main{padding:30px 20px}.workspace-heading{align-items:start;flex-direction:column;gap:18px}.workspace-heading h1{font-size:33px}.collection-bar{gap:20px;font-size:10px}.instance-list article{gap:10px;flex-wrap:wrap}.instance-symbol{height:44px;width:44px}.instance-title{min-width:150px}.instance-list .button{min-height:36px;font-size:11px;padding:7px 10px}.catalog-toolbar{flex-direction:column;gap:16px}.search-field{max-width:none}.catalog-grid{gap:14px}.catalog-preview iframe{height:240px}.catalog-info{padding:15px}.catalog-info h2{font-size:18px}.catalog-info p{font-size:12px}.catalog-info>.overline{font-size:8px}.catalog-info .button{font-size:11px;padding:8px}.config-main{display:flex;flex-direction:column-reverse;padding:20px;gap:25px}.config-main aside{width:100%}.editor-heading{padding:18px 20px;flex-direction:column;align-items:stretch}.editor-heading input{font-size:20px}.editor-actions .button{font-size:12px;min-height:38px;padding:8px 12px}.editor-actions .save-status{width:100%}.preview-stage-container{min-height:0;padding:22px 12px}.preview-controls .btn{font-size:10px;min-height:34px;padding:6px 8px}.signin-page h1{font-size:52px}.widget{padding:20px!important}.quick-panel{padding:14px}.feature-preview .preview-caption{font-size:11px}}
@media(max-width:440px){.catalog-grid{grid-template-columns:1fr}.hero-copy .actions{gap:18px}.hero-copy .button{font-size:13px}.hero-composition{padding:15px}.demo-notebook{padding:15px}.notebook-top{font-size:17px}.composition-foot{font-size:8px}.collection-bar>span:last-child{max-width:130px;text-align:right}.instance-title h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.embed-body{display:block!important;height:auto!important;overflow:auto!important}.embed-body #app{display:block!important;height:auto!important}.embed-body .widget{display:block!important;height:auto!important;min-height:0!important}.widget .progress-track{flex-shrink:0}.widget.compact .widget-header{margin-bottom:10px}.widget.compact .widget-footer{margin-top:14px;padding-top:8px}.widget.compact .timer-actions{margin-top:12px}.widget.compact .progress-track{margin:12px 0}.widget.compact .timer{font-size:clamp(40px,17cqw,68px)}.demo-notebook iframe{height:300px}

.widget .priority-text,.widget .list-row input{width:0;min-width:0;flex:1 1 0;max-width:100%}.widget .priority-checkbox{flex:0 0 36px}.widget .list-row{min-width:0}.widget .world-clock-row{gap:12px}.widget .world-clock-city{min-width:0;overflow-wrap:anywhere}
.widget .countdown-timer{display:flex;flex-wrap:wrap;gap:8px;font-size:clamp(24px,12cqw,58px)!important}.countdown-timer>span{white-space:nowrap}.countdown-timer small{font-size:.3em;letter-spacing:0}
.widget button.active,.widget .timer-actions button.active,.widget .day.done,.widget button.today{color:var(--accent-ink,#141416)}@container(max-width:200px){.widget .energy-btn small{font-size:8px;white-space:nowrap;letter-spacing:-.03em}}
pre.code-example{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 "DM Mono",monospace}

/* Launchist 3.1 — warm editorial surfaces, precise working instruments. */
:root {
  --muted: #605f58;
  --line: #dcdcd3;
  --surface: #efeee8;
  --sage-deep: #42563e;
  --sage-surface: #e5eadf;
  --blue-deep: #345c6d;
  --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --space-12: 48px; --space-16: 64px;
}
::selection { background: #cbd6c4; color: #141416; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
input, textarea { caret-color: var(--sage-deep); }
input::placeholder, textarea::placeholder { color: #6b6b63; opacity: 1; }
.ui-icon { width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
.skip-link { position: fixed; inset: 12px auto auto 12px; padding: 12px 20px; z-index: 100; background: var(--ink); color: var(--paper); transform: translateY(-150%); border-radius: 8px; }
.skip-link:focus { transform: none; }
.button, .btn { border-radius: 8px; gap: 12px; min-height: 44px; font-size: 14px; transition: background .16s ease, border-color .16s ease; }
.button:hover, .btn:hover { border-color: #a0a398; }
.button.solid:hover, .btn.primary:hover { background: var(--sage-deep); border-color: var(--sage-deep); }
.overline { font: 600 12px/1.5 Manrope,sans-serif; letter-spacing: .06em; color: var(--muted); }
.site-nav { min-height: 80px; padding-block: 14px; }
.site-nav .brand img { width: 188px; }
.brand > span { font: 600 11px Manrope,sans-serif; }
.nav-middle { font-size: 14px; gap: 32px; }
.nav-middle a { padding: 10px 0; text-underline-offset: 6px; }
.nav-middle a:hover { text-decoration: underline; }
.editorial-hero { padding: 60px 60px 48px; grid-template-columns: 1fr 1fr; gap: 48px; }
.hero-copy h1 { font-size: clamp(48px,5.5vw,80px); line-height: 1.09; letter-spacing: -.04em; font-weight: 500; margin: 0 0 28px; text-wrap: balance; }
.hero-copy h1 em { font-family: 'Playfair Display',Georgia,serif; color: var(--sage-deep); }
.hero-copy > p { font-size: 18px; line-height: 1.7; max-width: 440px; margin-bottom: 32px; }
.hero-copy .actions { gap: 20px; }
.hero-note { font-size: 13px; margin-top: 32px; }
.hero-note .ui-icon { color: var(--sage-deep); }
.hero-composition { transform: none; background: #e3e8dc; border: 0; border-radius: 16px; padding: 22px; }
.canvas-caption, .composition-foot, .preview-caption, .notebook-bottom { font: 500 12px/1.5 Manrope,sans-serif; letter-spacing: 0; color: #4a5844; }
.demo-notebook { transform: none; border: 0; background: #fff; margin: 16px 0; border-radius: 12px; padding: 20px; box-shadow: 0 12px 26px #26331c0d; }
.notebook-top { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.notebook-top > span:last-child { margin-left: 0; }
.notebook-top .ui-icon { color: var(--sage-deep); }
.notebook-note { font-size: 13px; margin: 8px 0 16px; }
.demo-notebook iframe { height: 330px; border-radius: 10px; }
.notebook-bottom { padding-top: 12px; margin-top: 12px; }
.notebook-bottom .ui-icon { width: 16px; height: 16px; }
.principle-line { border: 0; background: var(--surface); border-radius: 10px; padding: 22px 26px; font-size: 13px; }
.principle-line > span:first-child { font: italic 21px 'Playfair Display',Georgia,serif; }
.marketing-section { padding: 72px 60px; }
.section-heading { margin-bottom: 32px; align-items: center; }
.section-heading h2, .notion-section h2, .faq-section h2 { font-size: clamp(34px,3.7vw,52px); line-height: 1.15; letter-spacing: -.035em; margin: 0; text-wrap: balance; }
.section-heading > p { font-size: 16px; line-height: 1.7; }
.feature-previews { grid-template-columns: 1.08fr 1fr 1fr; gap: 24px; }
.preview-caption { border: 0; padding: 0 0 14px; font-weight: 600; color: var(--muted); }
.preview-caption .ui-icon { width: 18px; height: 18px; }
.feature-preview iframe { height: 400px; border-radius: 12px; background: var(--paper); }
.feature-preview:first-child iframe { background: var(--ink); }
.feature-preview:nth-child(2) iframe { background: #eaf0e5; }
.feature-preview:nth-child(3) iframe { background: #e8eff0; }
.feature-preview h3 { font-weight: 600; font-size: 20px; margin: 20px 0 10px; letter-spacing: -.02em; }
.feature-preview p { font-size: 15px; line-height: 1.7; }
.category-index { margin-top: 36px; }
.category-index > a { padding: 18px 8px; border-color: var(--line); transition: background .16s ease; border-radius: 4px; }
.category-index > a:hover { background: var(--surface); }
.category-index h3 { font-size: 17px; font-weight: 600; }
.category-index p { font-size: 14px; }
.index-number { color: var(--sage-deep); }
.notion-section { padding: 48px; gap: 56px; border-radius: 16px; background: #dfe7d8; }
.notion-section h2 { font-size: clamp(40px,4.5vw,62px); }
.notion-section p { font-size: 16px; color: #3e5038; line-height: 1.75; }
.integration-steps li { padding: 18px 0; }
.integration-steps li:first-child { border-top: 0; }
.integration-steps li > span { font: 500 14px Manrope,sans-serif; color: var(--sage-deep); }
.integration-steps h3 { font-size: 20px; font-weight: 600; letter-spacing: -.02em; }
.usecase-section { margin-top: 64px; background: var(--ink); color: var(--paper); padding-block: 56px; }
.usecase-section .section-heading h2 { font-size: 44px; }
.usecase-columns { gap: 32px; }
.usecase-columns article { border-color: #454640; padding-top: 24px; }
.usecase-columns .ui-icon { width: 24px; height: 24px; color: #becdb5; }
.usecase-columns h3 { font-size: 22px; letter-spacing: -.02em; margin: 20px 0 12px; }
.usecase-columns p { font-size: 15px; color: #c7c9bf; margin-bottom: 0; }
.faq-section { padding: 64px 60px; align-items: start; }
.faq-section summary { font-size: 16px; font-weight: 600; line-height: 1.6; }
.faq-section summary .ui-icon { margin-top: 3px; }
.faq-section details[open] summary .ui-icon { transform: rotate(45deg); }
.faq-section details p { font-size: 15px; max-width: 65ch; }
.closing { padding: 48px 24px 64px; background: var(--surface); border-top: 0; }
.closing h2 { margin: 0 0 28px; letter-spacing: -.035em; font-size: clamp(38px,4.5vw,58px); }
.site-footer { padding-block: 32px; }
.site-footer p, .site-footer > span { font-size: 13px; color: #c9c4bd; }

/* A workspace with clear wayfinding and a purposeful first-run state. */
.workspace { grid-template-columns: 240px minmax(0,1fr); grid-template-rows: auto 1fr; background: var(--paper); }
.workspace > .site-nav { min-height: 76px; }
.workspace-sidebar { background: #efeee8; padding: 28px 16px; }
.workspace-sidebar > .overline { margin: 0 12px 18px; }
.workspace-sidebar > a { justify-content: start; align-items: center; gap: 12px; font-size: 14px; min-height: 48px; padding: 12px; border-radius: 8px; color: #4f534a; }
.workspace-sidebar > a .nav-label { flex: 1; color: inherit; }
.workspace-sidebar > a.selected { background: #dce5d4; color: #293f24; font-weight: 700; }
.workspace-sidebar > a:hover { background: #e5e6dc; }
.sidebar-note { margin: 48px 12px 0; color: #54654c; font-family: 'Playfair Display',Georgia,serif; font-size: 24px; }
.sidebar-note small { font: 600 11px Manrope,sans-serif; letter-spacing: .04em; }
.workspace-main { padding: 36px clamp(24px,4vw,56px); }
.workspace-heading { margin-bottom: 28px; }
.workspace-heading h1 { font-size: clamp(30px,3vw,42px); letter-spacing: -.035em; }
.workspace-heading p { font-size: 15px; }
.collection-bar { font-size: 13px; padding: 16px 0; }
.instance-list article { padding: 20px 8px; gap: 16px; }
.instance-list article:hover { background: #f0f0e9; }
.instance-symbol { width: 52px; height: 56px; border-radius: 10px; color: var(--sage-deep); background: #e5eadf; }
.instance-symbol .ui-icon { width: 25px; height: 25px; }
.instance-title h2 { font-size: 18px; font-weight: 600; }
.instance-title p { font-size: 13px; }
.icon-button { border-radius: 8px; background: transparent; color: #4b5145; }
.icon-button:hover { background: #e1e5da; }
.empty-state { padding: 40px 24px; }
.empty-state h2 { font-size: 30px; letter-spacing: -.03em; margin: 28px 0 12px; }
.empty-state p { font-size: 16px; margin: 12px auto 24px; }
.empty-instruments { display: flex; gap: 16px; justify-content: center; max-width: 500px; margin: auto; }
.empty-instruments > div { flex: 1; display: grid; text-align: left; gap: 16px; padding: 24px; border-radius: 12px; background: #e5eadf; color: #42563e; }
.empty-instruments > div:first-child { background: #20251e; color: #f9f8f6; }
.empty-instruments strong { font-size: 25px; line-height: 1.2; font-weight: 500; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.empty-instruments span { font-size: 12px; }
.catalog-toolbar { padding: 20px; background: var(--surface); border-radius: 12px; gap: 16px; }
.search-field { font-size: 13px; font-weight: 600; }
.search-field input, .search-field select { font-weight: 400; font-size: 16px; background: var(--paper); border-radius: 8px; }
.catalog-grid { gap: 20px; }
.catalog-card { border-radius: 12px; background: #fff; }
.catalog-preview { background: #f2f3ed; border-bottom: 1px solid var(--line); }
.catalog-preview iframe { height: 286px; }
.catalog-category { font-size: 12px; color: var(--sage-deep); font-weight: 600; }
.catalog-info { padding: 20px; }
.catalog-info h2 { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.catalog-info p { font-size: 14px; min-height: 48px; }
.catalog-info .button { font-size: 13px; background: var(--paper); }
.integration-panel p, .integration-panel li, .integration-panel dd { font-size: 16px; }
.status-label { font: 600 12px Manrope,sans-serif; }
.signin-page h1 { font-size: clamp(44px,8vw,64px); letter-spacing: -.035em; }
.signin-page em { font-family: 'Playfair Display',Georgia,serif; color: var(--sage-deep); }
.signin-page .signin-detail { font-size: 14px; }
.editor-heading { padding: 24px 32px; background: #efeee8; }
.editor-heading input { font-size: 26px; letter-spacing: -.02em; min-height: 44px; }
.save-status { font-size: 13px; }
.config-main { grid-template-columns: 304px minmax(0,1fr); gap: 40px; }
.config-main .panel h4 { font-size: 16px; letter-spacing: -.015em; margin: 0 0 20px; }
.config-main .panel .actions { gap: 8px; margin-bottom: 16px; }
.preset-choice { min-height: 44px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 14px; }
.preset-choice[aria-pressed="true"] { background: var(--sage-surface); border-color: #8a9a86; color: #293f24; }
.preset-choice:hover { background: var(--sage-surface); }
.preview-option-group { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.preview-option-group > span { font-size: 12px; color: var(--muted); margin-right: 4px; }
.preview-controls { display: flex; gap: 14px; }
.editor-preview-jump, .preview-settings-jump { display: none; }
#widget-preview, #widget-settings { scroll-margin-top: 16px; }
.button:disabled { cursor: not-allowed; }
.field label { font-size: 13px; font-weight: 600; }
.field input, .field select { font-size: 16px; min-height: 46px; border-radius: 8px; background: #fff; }
.toggle { font-size: 14px; gap: 12px; }
.toggle input, .publish-consent input { accent-color: var(--sage-deep); width: 18px; height: 18px; flex: 0 0 18px; }
.preview-label { font-size: 14px; font-weight: 600; }
.preview-stage-container { border: 1px solid var(--line); border-radius: 12px; padding: 36px 24px; min-height: 370px; }
.preview-controls .btn { font-size: 12px; min-height: 40px; }
.publish-consent { border-radius: 10px; padding: 20px; background: var(--sage-surface); font-size: 14px; }
.publish-consent h3 { font-size: 17px; margin: 0 0 12px; }
.publish-consent .button { margin-top: 12px; }
.notice { font-size: 13px; }
.analytics-stats strong { font: 500 32px Manrope,sans-serif; font-variant-numeric: tabular-nums; }
.analytics-stats small, .history-list li { font-size: 13px; }

/* Theme roles belong to the frame, never to the surrounding Notion page. */
.widget {
  --ink: #20251e; --paper: #f9f8f6; --widget-muted: #5d6558;
  --widget-control: #fff; --line: #ced2c7; --soft: #e8ebe3;
  --positive: #425c39; --negative: #9c4436;
  color: var(--ink); background: var(--paper); border-radius: 12px;
  padding: 28px!important; line-height: 1.5; font-size: 15px;
  letter-spacing: normal; font-variant-numeric: tabular-nums;
}
.widget.dark, .widget.bg-notion-dark, .widget.bg-obsidian {
  --ink: #f5f5ef; --paper: #191919; --widget-muted: #bdc5b5;
  --widget-control: #292e27; --line: #596250; --soft: #30372c;
  --positive: #bed5af; --negative: #f1afa3;
  color: var(--ink); color-scheme: dark;
}
.widget-content { width: 100%; max-width: 540px; margin-inline: auto; min-width: 0; }
.embed-body, .embed-body #app { width: 100%; height: auto; min-height: 0; display: block!important; overflow: visible!important; }
.embed-body .widget { display: block; height: auto!important; min-height: 0; border-radius: 0; padding: 24px!important; }
.widget.compact, .embed-body .widget.compact { padding: 20px!important; }
.widget-header { margin-bottom: 20px; }
.widget-header > div { min-width: 0; }
.widget-kicker { display: none; }
.widget-title { font-size: 22px!important; font-weight: 600; letter-spacing: -.025em; line-height: 1.3; margin: 0!important; color: var(--ink); }
.widget-sub { font-size: 13px!important; line-height: 1.65; margin: 8px 0 0; }
.widget .timer { font: 500 clamp(44px,19cqw,94px)/1.1 Manrope,sans-serif; letter-spacing: -.035em; margin: 26px 0 10px!important; color: var(--ink); font-variant-numeric: tabular-nums; }
.widget .stat-big { font: 500 clamp(32px,12cqw,64px)/1.2 Manrope,sans-serif; letter-spacing: -.03em; overflow-wrap: anywhere; }
.widget .stat-big small { font: 400 14px/1.5 Manrope,sans-serif; margin-left: 8px; letter-spacing: 0; }
.widget button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; min-height: 44px; min-width: 44px; padding: 10px 14px; border-radius: 8px; border-color: var(--line); color: var(--ink); background: var(--widget-control); transition: background .16s ease; }
.widget button:hover { background: var(--soft); color: var(--ink); }
.widget button.active, .widget .timer-actions button.active, .widget button.today, .widget .day.done { background: var(--sage); color: var(--accent-ink); border-color: var(--sage); }
.widget button.active:hover { background: color-mix(in srgb,var(--sage) 85%,var(--ink)); color: var(--accent-ink); }
.widget button:focus-visible, .widget input:focus-visible, .widget textarea:focus-visible, .widget a:focus-visible { outline: 2px solid var(--ink)!important; outline-offset: 3px; }
.widget-footer { font: 500 12px/1.6 Manrope,sans-serif!important; border-top: 1px solid var(--line); padding-top: 16px; margin-top: 20px; }
.widget-footer span { min-width: 0; }
.widget .sync { font: inherit; color: inherit; }
.widget .stat-big small { font-size: 14px!important; }
.widget .progress-track { height: 6px; background: var(--soft); margin: 20px 0; }
.widget .progress-fill { background: var(--sage); }
.focus-heading { display: flex; align-items: start; gap: 12px; justify-content: space-between; }
.focus-heading .widget-header { margin: 0; }
.focus-heading .widget-sub { max-width: 250px; }
.focus-state { display: inline-flex; gap: 6px; align-items: center; flex-shrink: 0; color: var(--widget-muted); font-size: 12px; padding: 4px 0; }
.focus-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--widget-muted); }
.focus-state.running i { background: var(--sage); }
.timer-unit { display: flex; gap: 12px; justify-content: center; font-size: 12px; color: var(--widget-muted); }
.widget .timer-actions { display: grid; grid-template-columns: 1fr 1.25fr 1fr; max-width: 340px; gap: 8px; margin: 18px auto 0; }
.widget .timer-actions button { flex: initial; }
.widget .timer-actions button.active { font-weight: 700; }
.widget .timer-actions .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }
.widget[data-widget="pomodoro"] .widget-content { max-width: 460px; }
.widget[data-widget="pomodoro"] .widget-footer { border-top: 0; padding-top: 0; }
.widget[data-widget="habit"].bg-alabaster { background: #eaf0e5!important; }
.habit-summary { display: flex; align-items: baseline; gap: 12px; margin: 24px 0 22px; }
.habit-summary strong { font-size: 38px; font-weight: 500; line-height: 1; letter-spacing: -.025em; }
.habit-summary strong small { font-size: 16px; letter-spacing: 0; font-weight: 500; }
.habit-summary > span { color: var(--widget-muted); font-size: 13px; }
.widget .days { gap: 6px; }
.widget .day { display: flex; flex-direction: column; gap: 12px; min-width: 0; min-height: 78px; padding: 10px 0; border-radius: 8px; }
.widget .day small { font-size: 11px; font-weight: 500; }
.widget .day b { font-size: 21px; line-height: 1; font-weight: 500; }
.widget[data-widget="water"] { --water-accent: #789ba8; }
.widget[data-widget="water"].bg-alabaster { background: #e8eff0!important; --soft: #d4e1e4; --line: #c2d3d7; --widget-muted: #4c6169; }
.water-reading { margin: 26px 0 18px; }
.water-reading .stat-big { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.water-reading .stat-big small { margin: 0; font-size: 16px; }
.water-target { display: block; margin-top: 6px; font-size: 13px; color: var(--widget-muted); }
.water-progress .progress-track { margin: 0 0 8px; height: 8px; }
.water-progress .progress-fill { background: var(--water-accent); }
.water-ticks { display: flex; gap: 6px; }
.water-ticks > span { height: 3px; border-radius: 2px; flex: 1; background: var(--soft); }
.water-ticks > span.filled { background: var(--water-accent); }
.water-actions { display: flex; align-items: center; gap: 8px; margin-top: 20px; }
.widget .water-actions button.active { background: #345c6d; border-color: #345c6d; color: #fff; }
.widget .water-actions button.active:hover { background: #264859; }
.widget .water-actions button:first-child { flex: 1; }
.widget[data-widget="water"] .widget-footer button { border: 0; background: transparent; min-height: 44px; padding: 4px 0; }
.widget .stat-row { align-items: baseline; gap: 16px; flex-wrap: wrap; }
.widget .analytics-reading { margin-top: 24px; }
.analytics-reading > span { font-size: 13px; color: var(--widget-muted); }
.widget .chart { display: flex; gap: 12px; height: 140px; padding-top: 12px; border-bottom: 1px solid var(--line); align-items: stretch; }
.chart-column { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: end; min-width: 0; }
.widget .chart .bar { display: block; width: 70%; max-width: 40px; min-width: 6px; flex: 0 0 auto; background: var(--sage); border-radius: 4px 4px 0 0; }
.chart-value { font-size: 11px; margin-bottom: 5px; color: var(--widget-muted); }
.chart-label { font-size: 11px; line-height: 20px; color: var(--widget-muted); }
.analytics-empty { display: flex; align-items: center; gap: 16px; background: var(--soft); border-radius: 8px; padding: 20px; margin-top: 24px; }
.analytics-empty p { margin: 0; font-size: 13px; line-height: 1.7; }
.analytics-empty span { color: var(--widget-muted); }
.analytics-empty .ui-icon { width: 28px; height: 28px; flex-basis: 28px; }
.widget .clock-time { font-size: clamp(28px,11cqw,68px)!important; overflow-wrap: anywhere; }
.widget .countdown-timer { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; font-size: clamp(24px,10cqw,56px)!important; }
.countdown-timer > span { display: flex; flex-direction: column; gap: 8px; align-items: center; }
.countdown-timer small { font: 500 12px Manrope,sans-serif; color: var(--widget-muted); }
.widget .calendar-grid { gap: 4px; }
.widget .calendar-grid button { border: 0; background: transparent; min-width: 0; min-height: 40px; padding: 6px 0; font-size: 13px; }
.widget .calendar-grid button.today { background: var(--sage); color: var(--accent-ink); font-weight: 700; }
.widget .calendar-grid > span { color: var(--widget-muted); font-size: 12px; }
.widget .calendar-head { margin: 12px 0; }
.widget .chip { border-radius: 5px; background: var(--soft); color: var(--widget-muted); font-size: 12px; }
.widget .widget-quote { font: 400 clamp(25px,8cqw,36px)/1.4 'Playfair Display',Georgia,serif; letter-spacing: -.02em; margin: 28px 0; }
.widget .kpi-change { font-size: 13px; }
.widget .kpi-change.positive { color: var(--positive); }
.widget .kpi-change.negative { color: var(--negative); }
.widget[data-widget="intention"] .widget-title { font-family: 'Playfair Display',Georgia,serif; font-size: 25px!important; font-weight: 400; }
.widget #intentText { font: 400 19px/1.75 Manrope,sans-serif!important; min-height: 106px; }
.widget .notes-area { min-height: 150px; padding: 16px; background: var(--soft); border: 0; border-radius: 8px; }
.widget input, .widget textarea { color: var(--ink); font-size: 16px!important; }
.widget input::placeholder, .widget textarea::placeholder { color: var(--widget-muted); }
.widget .list-row { padding-block: 10px; gap: 12px; }
.widget[data-widget="planner"] .list-row input { min-height: 44px; }
.widget .list-row > span { flex: 1; min-width: 0; }
.widget[data-widget="plate"] .row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.widget #plateInput { width: 100%; flex: 1; padding: 10px; background: var(--widget-control); border: 1px solid var(--line); border-radius: 8px; }
.plate-empty { font-size: 14px; color: var(--widget-muted); margin: 24px 0; }
.widget .priority-item { margin-bottom: 10px; }
.widget .priority-checkbox { flex: 0 0 44px; min-height: 44px; padding: 0; border-radius: 8px; }
.widget .priority-checkbox.done { background: var(--sage); color: var(--accent-ink); }
.widget .priority-text { min-height: 44px; }
.widget .priority-text.done { color: var(--widget-muted); }
.widget .energy-scale { gap: 6px; }
.widget .energy-btn { flex-direction: column; gap: 8px; padding: 14px 2px; height: auto; min-height: 76px; min-width: 0; border-radius: 8px; }
.widget .energy-btn.active { color: var(--accent-ink)!important; }
.widget .energy-btn span { font: 500 24px Manrope,sans-serif; }
.widget .energy-btn small { font-size: 11px; color: inherit; }
.widget .heatmap-grid { grid-template-columns: repeat(10,minmax(0,1fr)); gap: 8px; margin-block: 24px; }
.widget .heatmap-dot { min-height: 0; min-width: 0; height: auto; padding: 0; aspect-ratio: 1; border-radius: 4px; }
.widget .world-clock-row { padding: 16px 0; align-items: baseline; flex-wrap: wrap; }
.widget .world-clock-city { font-size: 14px; }
.widget .world-clock-time { font: 500 25px Manrope,sans-serif; font-variant-numeric: tabular-nums; }
.widget .weather-temp { font: 500 clamp(40px,18cqw,72px) Manrope,sans-serif; letter-spacing: -.03em; }
.widget .weather-condition { font-size: 14px; color: var(--widget-muted); }
.widget .weather-forecast { flex-wrap: wrap; justify-content: space-between; gap: 16px; }
.widget .forecast-day { font-size: 12px; color: var(--widget-muted); }
.widget .forecast-temp { font-size: 20px; }
.widget .forecast-temp small { color: var(--widget-muted); font-size: 13px; }
.embed-tools { justify-content: space-between; flex-wrap: wrap; padding: 8px 12px; background: #f9f8f6; color: #505849; font-size: 12px; }
.embed-tools button, .embed-tools a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; border-radius: 6px; padding: 6px 8px; font-size: 12px; }
.embed-tools button:hover, .embed-tools a:hover { background: #e5eadf; }
.embed-tools .ui-icon { width: 16px; height: 16px; flex-basis: 16px; }
.embed-body:has(.widget.dark) .embed-tools { background: #191919; color: #bdc5b5; }
.embed-body:has(.widget.dark) .embed-tools button:hover, .embed-body:has(.widget.dark) .embed-tools a:hover { background: #30372c; }
.embed-body:has(.bg-transparent) .embed-tools { background: transparent; }
.quick-panel { inset: 8px; border: 1px solid #ccd3c4; border-radius: 12px; padding: 20px; box-shadow: 0 12px 40px #14141626; }
.quick-head { top: -20px; padding: 12px 0; }
.quick-head h2 { font-size: 20px; }
.quick-panel p { font-size: 14px; }
.quick-panel .field label { font-size: 13px; }
.quick-panel .row { flex-wrap: wrap; }
.quick-panel .row > * { min-width: 0; flex: 1 1 110px; }
.quick-panel .toggle { align-items: center; }
.quick-panel .panel h4 { font-size: 16px; }
.widget.compact .widget-header { margin-bottom: 16px; }
.widget.compact .timer { margin: 22px 0 8px!important; }
.widget.compact .habit-summary { margin: 22px 0 20px; }

@container widget (max-width: 320px) {
  .widget-title { font-size: 19px!important; }
  .widget .timer { font-size: clamp(38px,22cqw,70px)!important; margin: 20px 0 8px!important; }
  .widget .clock-time { font-size: clamp(24px,11cqw,44px)!important; }
  .widget .stat-big { font-size: clamp(32px,16cqw,50px)!important; }
  .widget .day { height: auto!important; padding: 10px 0!important; }
  .widget .day b { font-size: 19px!important; }
  .widget .days { gap: 4px!important; }
  .widget .timer-actions { gap: 6px; }
  .widget .timer-actions button { padding: 10px 6px; font-size: 12px; }
  .widget .timer-actions .ui-icon { display: none; }
  .widget-footer { font-size: 12px!important; margin-top: 18px!important; }
  .widget .day { min-height: 70px; gap: 10px; }
  .widget .day small { font-size: 11px; }
  .widget .days { gap: 4px; }
  .widget .energy-btn small { font-size: 10px; }
  .widget .countdown-timer { gap: 6px; font-size: clamp(22px,10cqw,32px)!important; }
  .widget .world-clock-time { font-size: 21px; }
  .widget .heatmap-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; }
  .widget[data-widget="plate"] .row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
  .widget #plateInput { width: 100%; }
  .analytics-empty { flex-direction: column; align-items: start; padding: 16px; gap: 10px; }
}
@container widget (max-width: 230px) {
  .focus-heading { display: block; }
  .focus-state { margin-top: 8px; }
  .habit-summary { display: block; }
  .habit-summary > span { display: block; margin-top: 8px; }
  .widget .day small { font-size: 11px; }
  .widget .energy-scale { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .widget .energy-btn small { font-size: 11px; }
  .widget .stat-big small { margin-left: 4px; font-size: 12px; }
  .water-reading .stat-big { gap: 4px; }
  .water-reading .stat-big small { margin-left: 0; }
}
@media (min-width: 1500px) { .catalog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 1100px) {
  .editorial-hero { padding: 48px 32px; gap: 32px; }
  .hero-copy h1 { font-size: clamp(46px,5.5vw,64px); }
  .hero-copy > p { font-size: 16px; }
  .hero-copy .actions { gap: 16px; }
  .marketing-section { padding: 56px 32px; }
  .notion-section { padding: 36px; gap: 32px; }
  .workspace { grid-template-columns: 220px minmax(0,1fr); }
  .config-main { grid-template-columns: 280px minmax(0,1fr); gap: 24px; }
  .faq-section { padding: 56px 32px; }
}
@media (max-width: 760px) {
  .site-nav { padding: 12px 20px; min-height: 76px; }
  .site-nav .brand img { width: 155px; }
  .editorial-hero { grid-template-columns: 1fr; padding: 40px 24px 32px; gap: 32px; }
  .hero-copy h1 { font-size: clamp(44px,9.8vw,64px); margin-bottom: 22px; }
  .hero-copy > p { font-size: 17px; margin-bottom: 24px; }
  .hero-note { margin-top: 24px; }
  .hero-composition { padding: 18px; }
  .demo-notebook { padding: 16px; }
  .composition-foot { font-size: 11px; }
  .canvas-caption { font-size: 12px; }
  .principle-line { padding: 20px; gap: 16px; }
  .principle-line > span:first-child { font-size: 19px; }
  .marketing-section { padding: 48px 24px; }
  .feature-previews { grid-template-columns: 1fr; gap: 32px; }
  .feature-preview iframe { height: 370px; }
  .feature-preview h3 { margin-top: 16px; }
  .category-index > a { grid-template-columns: 24px 1fr 20px; padding: 18px 0; }
  .category-index p { font-size: 13px; }
  .notion-section { padding: 28px; gap: 24px; }
  .notion-section h2 { font-size: 44px; }
  .usecase-section { margin-top: 48px; padding-block: 40px; }
  .usecase-section .section-heading h2 { font-size: 34px; }
  .usecase-columns { grid-template-columns: 1fr; gap: 28px; }
  .usecase-columns h3 { margin-top: 16px; }
  .faq-section { grid-template-columns: 1fr; gap: 28px; padding: 48px 24px; }
  .faq-section summary { font-size: 15px; }
  .site-footer { flex-wrap: wrap; gap: 18px; padding: 28px 24px; }
  .site-footer p { margin: 0; }
  .workspace { display: block; }
  .workspace-sidebar { padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
  .workspace-sidebar > .overline, .workspace-sidebar .sidebar-note { display: none; }
  .workspace-sidebar > a { flex-direction: column; justify-content: center; gap: 6px; margin: 0; min-height: 70px; font-size: 11px; padding: 10px 2px; text-align: center; }
  .workspace-sidebar > a .nav-label { display: block; flex: initial; white-space: normal; }
  .workspace-sidebar > a > .ui-icon:last-child:not(:first-child) { display: none; }
  .workspace-main { padding: 28px 20px; }
  .workspace-heading { align-items: start; flex-wrap: wrap; gap: 18px; }
  .workspace-heading h1 { font-size: 32px; }
  .collection-bar { flex-wrap: wrap; gap: 8px; }
  .instance-list article { flex-wrap: wrap; padding-block: 20px; gap: 12px; }
  .instance-title { flex-basis: calc(100% - 132px); }
  .instance-list article > .button { flex: 1; }
  .empty-state { padding: 32px 0; }
  .empty-instruments { gap: 10px; }
  .empty-instruments > div { padding: 18px; }
  .empty-instruments strong { font-size: 22px; }
  .catalog-toolbar { flex-direction: column; padding: 16px; }
  .search-field { max-width: none; }
  .catalog-grid { grid-template-columns: 1fr; }
  .editor-heading { padding: 20px; flex-wrap: wrap; }
  .editor-actions { width: 100%; gap: 8px; }
  .editor-preview-jump, .preview-settings-jump { display: inline-flex; }
  .save-status { width: 100%; }
  .config-main { display: flex; flex-direction: column; padding: 24px 20px; gap: 24px; }
  .config-main > aside { width: 100%; }
  .preview-stage-container { padding: 24px 16px; }
  .preview-top { gap: 12px; }
  .quick-panel { padding: 16px; }
  .quick-head { top: -16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .widget, .widget button, .button, .btn, .category-index > a { transition: none; }
}
@media (max-width: 260px) {
  .embed-body .widget, .embed-body .widget.compact { padding: 14px!important; }
}

/* Embed document canvas: the host theme is deliberately never inferred. */
html:has(.embed-body), .embed-body {
  background: var(--embed-background, transparent)!important;
  color: var(--embed-ink, #20251e);
}
.embed-body .embed-tools {
  background: var(--embed-background, transparent);
  color: var(--embed-muted, #5d6558);
  padding: 2px 12px;
  gap: 4px;
}
.embed-body .embed-tools button, .embed-body .embed-tools a { color: inherit; transition: background .16s ease; }
.embed-body .embed-tools button:hover, .embed-body .embed-tools a:hover { background: var(--embed-soft, #e8ebe3); }
/* Keep legacy theme rules from overriding semantic colors on controls. */
.widget.dark button:hover { color: var(--ink); }
.widget.dark button.active, .widget.dark button.active:hover,
.widget.dark .calendar-grid button.today { color: var(--accent-ink); }
.widget.dark .water-actions button.active, .widget.dark .water-actions button.active:hover { color: #fff; }
.widget.bg-custom { --ink: #000; --widget-muted: var(--ink); --positive: var(--ink); --negative: var(--ink); }
.widget.dark.bg-custom { --ink: #fff; }
.widget.bg-custom .widget-title, .widget.bg-custom .timer, .widget.bg-custom .stat-big { color: var(--ink); }
.widget .energy-btn.active small, .widget .day.done small { color: inherit; }
.widget input::placeholder, .widget textarea::placeholder { opacity: 1; }
.embed-body .widget.compact { padding: 16px!important; }
.embed-body .widget.compact .widget-header { margin-bottom: 12px; }
.embed-body .widget.compact .focus-heading .widget-header { margin-bottom: 0; }
.embed-body .widget.compact .timer { font-size: clamp(40px,17cqw,64px); margin: 16px 0 6px!important; }
.embed-body .widget.compact .progress-track { margin-block: 14px; }
.embed-body .widget.compact .timer-actions { margin-top: 12px; }
.embed-body .widget.compact .widget-footer { margin-top: 12px; padding-top: 12px; }
.embed-body .widget.compact[data-widget="pomodoro"] .widget-footer { padding-top: 0; }
.embed-body .widget.compact .habit-summary { margin: 16px 0; }
.embed-body .widget.compact .water-reading { margin: 16px 0 12px; }
.embed-body .widget.compact .analytics-empty { margin-top: 16px; padding: 14px; }
.embed-body .widget.compact .notes-area { min-height: 100px; }
.embed-body .widget.compact .widget-quote { margin-block: 16px; }