:root{color-scheme:var(--tg-color-scheme,dark);--accent:#FFD60A;--accent-text:#000;--accent-muted:rgba(255,214,10,.35);--btn-secondary-bg:rgba(255,214,10,.18);--btn-secondary-bg:color-mix(in srgb,var(--accent) 18%,transparent);--btn-secondary-text:var(--accent);--btn-ghost-bg:rgba(58,58,60,.55);--btn-ghost-bg:color-mix(in srgb,var(--surface-3) 55%,transparent);--btn-ghost-text:#fff;--btn-font-weight:500;--radius-inner:16px;--radius:var(--radius-inner);--card-padding:12px;--radius-container:calc(var(--radius-inner) + var(--space));--radius-card:calc(var(--radius-inner) + var(--card-padding));--radius-chip:12px;--radius-chip-container:calc(var(--radius-chip) + var(--space));--sheet-tab-pad:4px;--radius-sheet-tabs:calc(var(--radius-inner) + var(--sheet-tab-pad));--sheet-body-gap:16px;--sheet-action-gap:40px;--sheet-title-pad-top:32px;--sheet-title-pad-bottom:16px;--settings-section-pad-top:24px;--settings-section-label-gap:16px;--dock-pad-lg:16px;--radius-dock-lg:calc(var(--radius-inner) + var(--dock-pad-lg));--view-switch-pad:3px;--radius-view-btn:10px;--radius-view-switch:calc(var(--radius-view-btn) + var(--view-switch-pad));--active:#74B3A8;--active-text:#000;--active-muted:rgba(116,179,168,.24);--danger:#DA6D58;--accent-icon:#F6DAC0;--bg:#000;--surface-1:#1C1C1E;--surface-2:#2C2C2E;--surface-3:#3A3A3C;--surface-glass:rgba(28,28,30,.94);--surface-glass:color-mix(in srgb,var(--surface-1) 94%,transparent);--overlay-btn:rgba(58,58,60,.88);--overlay-btn:color-mix(in srgb,var(--surface-3) 88%,transparent);--card:var(--surface-1);--text:#fff;--text-soft:rgba(255,255,255,.82);--muted:rgba(255,255,255,.55);--space:8px;--app-root-font:18px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-soft:cubic-bezier(0.33,0,0.2,1);--motion-fast:180ms;--motion-normal:320ms;--motion-slow:420ms}*{margin:0;padding:0;box-sizing:border-box;min-width:0}.create-btn,.dock-btn,.empty-btn,.action,#confirm,#scheduleConfirm,.sheet-cancel{box-sizing:border-box;border:0;border-radius:var(--radius);font-family:inherit;font-weight:var(--btn-font-weight);cursor:pointer}.create-btn,.dock-btn,.empty-btn,.action,#confirm,#scheduleConfirm,.sheet-cancel{min-height:54px;display:flex;align-items:center;justify-content:center;padding:0 20px;font-size:clamp(16px,2.8vw,18px);transition:transform var(--motion-fast) var(--ease-soft),background-color var(--motion-normal) var(--ease-soft),opacity var(--motion-normal) var(--ease-soft)}.create-btn{width:100%;font-size:16px}.empty-btn{flex:1;min-height:44px;font-size:15px;padding:0 16px}.sheet-cancel{width:100%;font-size:16px;flex-shrink:0}.sheet-cancel:active{transform:scale(0.98)}#confirm{width:100%;height:62px;font-size:18px}#scheduleConfirm{width:100%;font-size:18px;flex-shrink:0}.create-btn:active,.dock-btn:active,.empty-btn:active,.action:active:not(:disabled),#confirm:active:not(:disabled),#scheduleConfirm:active:not(:disabled){transform:scale(0.97)}.dock-btn{flex:1;width:100%}.create-btn.primary,.dock-btn-primary,.empty-btn.accent,.action.save,.action.accent,#confirm,#scheduleConfirm{background:var(--accent);color:var(--accent-text)}.dock-btn-primary,.dock-btn-primary#confirm{justify-content:space-between;padding:0 24px;font-size:clamp(18px,3vw,20px)}.dock-btn-primary:disabled,#confirm:disabled,#scheduleConfirm:disabled,.action.save:disabled{background:var(--accent-muted);color:rgba(0,0,0,.45);cursor:default;opacity:1;transform:none}.create-btn.disabled{opacity:.55;cursor:default;transform:none}.dock-btn:disabled{opacity:.45;cursor:default;transform:none}.action.save:disabled{opacity:1}.create-actions,.confirm-dock--stack{display:flex;flex-direction:column;gap:8px}.create-actions--row{flex-direction:row;align-items:stretch}.create-actions--row .create-btn{width:auto;flex:1}.create-actions .create-btn.primary,.confirm-dock--stack .dock-btn-primary{order:1}.create-actions .create-btn.ghost,.confirm-dock--stack .dock-btn-ghost{order:2}.confirm-dock:not(.confirm-dock--stack):not(.confirm-dock--lg){display:flex;gap:8px;align-items:stretch;overflow:visible}.confirm-dock:not(.confirm-dock--stack) .dock-btn-primary,.confirm-dock .action.save{order:1;flex:1}.confirm-dock:not(.confirm-dock--stack) .dock-btn-ghost,.confirm-dock .dock-btn-more,.confirm-dock .more-actions{order:2;flex-shrink:0}.pick-btn,.sheet-tab,.pick-filter-tab,.lane-tab,.level-btn,.month,.time,.schedule-month,.schedule-time{font-weight:var(--btn-font-weight)}.create-btn.ghost,.empty-btn.ghost,.dock-btn-ghost,.sheet-cancel,.btn-ghost,.dock-btn-more,.more-toggle,.back,.icon-btn{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.create-btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.more-toggle.open,.dock-btn-more.open{background:rgba(58,58,60,.72)}.icon-btn,.back{flex-shrink:0;width:42px;height:42px;padding:0;border:0;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--motion-fast) var(--ease-soft),background-color var(--motion-normal) var(--ease-soft)}.icon-btn:active,.back:active{transform:scale(0.96)}.ai-open-btn{flex-shrink:0;width:42px;height:42px;padding:0;border:0;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface-3);box-shadow:0 4px 14px rgba(0,0,0,.28);transition:transform var(--motion-fast) var(--ease-soft),background-color var(--motion-normal) var(--ease-soft)}.ai-open-btn:active{transform:scale(0.96)}.icon-btn svg,.back svg{width:22px;height:22px;fill:currentColor}.prompt-improve-field{position:relative;flex-shrink:0}.prompt-improve-field textarea.ai-prompt{padding-bottom:60px}textarea,input:where(:not([type=checkbox],[type=radio],[type=file],[type=hidden])){width:100%;border:0;border-radius:var(--radius);background:var(--surface-2);color:inherit;font-family:inherit;font-size:15px;line-height:1.5;box-sizing:border-box;color-scheme:dark}input:where(:not([type=checkbox],[type=radio],[type=file],[type=hidden])){height:50px;padding:0 16px}.form-select{position:relative;display:block;min-width:0;color:var(--text)}.form-select__trigger{display:block;box-sizing:border-box;width:100%;height:50px;padding:0 48px 0 16px;border:0;border-radius:var(--radius);background:var(--surface-2);color:inherit;font-family:inherit;font-size:15px;line-height:1.5;text-align:left;cursor:pointer}.form-select__arrow{position:absolute;right:16px;top:50%;width:16px;height:16px;transform:translateY(-50%) rotate(90deg);pointer-events:none;display:flex;align-items:center;justify-content:center}.form-select__arrow svg{display:block;width:100%;height:100%}.form-select__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-select:has(button:disabled){opacity:.4}.form-select__trigger:disabled{cursor:default}.form-select__menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:8px;border:0;border-radius:calc(var(--radius) + 8px);background:var(--surface-3);color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.3);overflow-y:auto}.form-select__option{display:block;padding:12px 16px;min-height:44px;box-sizing:border-box;border-radius:var(--radius);font-size:15px;line-height:20px;cursor:pointer}.form-select__option[aria-selected=true]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.form-select__option.is-highlighted{box-shadow:inset 0 0 0 2px var(--accent)}@media(hover:hover){.form-select__option:hover{background:var(--btn-ghost-bg)}.form-select__option[aria-selected=true]:hover{background:var(--btn-secondary-bg)}}textarea{min-height:150px;padding:16px;resize:vertical}textarea.ai-prompt,.hint-prompt{flex:0 0 auto;flex-shrink:0;width:100%;min-height:120px;resize:none;display:block;-webkit-appearance:none;appearance:none;overflow-y:hidden;field-sizing:content}#postTitle{display:block;box-sizing:border-box;width:100%;min-height:50px;border:0;border-radius:var(--radius);background:var(--surface-2);color:inherit;font-family:inherit;font-size:clamp(20px,4.5vw,26px);font-weight:700;line-height:1.25;padding:12px 52px 12px 16px;-webkit-appearance:none;appearance:none}#postText{display:block;width:100%;min-height:calc(6em + 72px);padding:16px 52px 16px 16px;border:0;border-radius:var(--radius);background:var(--surface-2);color:inherit;font-family:inherit;font-size:clamp(15px,2.6vw,18px);line-height:1.5;resize:none;overflow-y:hidden;field-sizing:content;position:relative;z-index:1}.detail-title-input{width:100%;border:0;border-radius:var(--radius);background:var(--surface-2);color:inherit;font-family:inherit;font-size:clamp(20px,5vw,26px);font-weight:700;line-height:1.2;padding:10px 48px 10px 12px}textarea#detailText{resize:none;overflow-y:hidden;field-sizing:fixed;min-height:120px;height:120px;max-height:120px;padding:16px 16px 52px 16px;display:block}
@font-face{font-family:Chango;src:url('/webapp-assets/promo.v1/chango.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--promo-width:430px;--promo-gutter:24px;--tg-page-top:env(safe-area-inset-top,0px);--tg-page-bottom:env(safe-area-inset-bottom,0px);--promo-cta-height:148px;--promo-bg-top:#1f1f1f;--promo-plan-highlight:rgba(6,238,2,.1);--promo-glass:rgba(30,30,30,.6)}
@media(display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){:root{--tg-page-bottom:0px}}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
.promo-scroll-indicator{position:fixed;z-index:10;right:3px;top:0;width:4px;min-height:24px;border-radius:var(--radius);background:var(--muted);pointer-events:none;opacity:0;transition:opacity var(--motion-fast)}
.promo-scroll-indicator.is-scrolling{opacity:1}
body{background:var(--bg);color:var(--text);font:16px -apple-system,BlinkMacSystemFont,Inter,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;touch-action:manipulation}
a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,.promo-plan-rail:focus-visible{outline:2px solid var(--active);outline-offset:4px}
.promo{position:relative;isolation:isolate;max-width:var(--promo-width);margin:auto;overflow:clip;background:linear-gradient(var(--promo-bg-top),var(--bg));padding-bottom:calc(var(--promo-cta-height) + 32px + max(0px,var(--tg-page-bottom)))}
.promo:before,.promo:after{content:"";position:absolute;z-index:-1;width:249%;height:1423px;background:url('/webapp-assets/promo.v1/beam.svg') center/100% 100% no-repeat;pointer-events:none;left:-56%;top:-383px}
.promo:after{top:335px;left:-9%}
.promo-header{position:fixed;z-index:5;top:calc(var(--tg-page-top) + 8px);left:50%;transform:translateX(-50%);width:100%;max-width:var(--promo-width);padding:0 var(--promo-gutter)}
.promo-header-inner{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:var(--radius);transition:background-color var(--motion-fast)}
.promo-header.is-scrolled .promo-header-inner{background:var(--promo-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.promo-brand{font:17px Chango,sans-serif;color:var(--accent);text-decoration:none;opacity:0;visibility:hidden;transition:opacity var(--motion-fast)}
.promo-brand span{font:17px Chango,sans-serif;color:var(--text)}.is-scrolled .promo-brand{opacity:1;visibility:visible}
#promo-profile img{width:16px;height:18px;object-fit:contain}
.promo-hero{padding-top:calc(var(--tg-page-top) + 72px);padding-bottom:40px;font-size:0}
.promo-hero-art{position:relative;aspect-ratio:401/251}.promo-hero-art p{width:180px;position:absolute;top:4.5%;left:6.7%;font-size:18px;font-weight:500;line-height:1.2}.promo-hero h1{font-size:0}.promo-hero img{position:absolute;top:0;left:-5.25%;display:block;width:110.6%;height:auto}.promo-hero h1 span{position:absolute;left:55.3%;bottom:0;font-family:Chango,sans-serif;font-size:clamp(48px,15.5vw,67px);line-height:1}
.promo-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:end;padding:24px var(--promo-gutter)}
.promo-feature>img{display:block;width:100%;height:auto}.promo-feature-reverse>img{grid-column:2;grid-row:1}.promo-feature-reverse>div{grid-column:1;grid-row:1}
.promo-feature h2{font-size:16px;line-height:1.2;font-weight:600}.promo-feature p{font-size:14px;line-height:1.25;font-weight:300;margin-top:16px}
.promo-calendar{padding-top:60px;padding-bottom:24px}.promo-section-heading{text-align:center;margin:auto;width:188px}.promo-section-heading h2{font-size:18px;line-height:1.2;font-weight:500}.promo-section-heading p{font-size:14px;line-height:1.25;font-weight:300;margin:16px auto 0;max-width:164px}
.promo-calendar>img{display:block;width:100%;height:auto;margin-top:0}
.promo-pricing{padding:32px 0}.promo-pricing .promo-section-heading{width:100%}.promo-pricing .promo-section-heading p{max-width:none}
.promo-comparison{display:flex;margin:24px var(--promo-gutter) 0}.promo-feature-labels{flex:0 0 80px;font-size:12px;font-weight:300}.promo-feature-labels>span{height:48px;display:flex;align-items:center}
.promo-plan-rail{display:flex;flex:1;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:var(--radius);scroll-padding:0}.promo-plan-rail::-webkit-scrollbar{display:none}
.promo-plan{flex:0 0 50%;scroll-snap-align:start;border-radius:var(--radius);text-align:center}.promo-plan-featured{background:linear-gradient(185deg,var(--promo-plan-highlight) 50%,transparent)}
.promo-plan>h3,.promo-plan>div,.promo-price{height:48px;display:flex;align-items:center;justify-content:center}.promo-plan h3{font-size:14px;font-weight:300}.promo-plan img{width:24px;height:24px}.promo-price{flex-direction:column;font-size:14px;font-weight:500;gap:2px}.promo-price small{font-size:12px;font-weight:300;color:var(--muted)}
.promo-plan-dots{display:flex;justify-content:center}.promo-plan-dots button{border:0;background:transparent;min-width:44px;min-height:44px;cursor:pointer;display:grid;place-items:center}.promo-plan-dots span{width:6px;height:6px;border:1px solid var(--text);border-radius:50%}.promo-plan-dots button:first-child span{justify-self:end;margin-right:2px}.promo-plan-dots button:last-child span{justify-self:start;margin-left:2px}.promo-plan-dots [aria-current=true] span{background:var(--text)}
.promo-cta{position:fixed;z-index:6;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:var(--promo-width);padding:24px var(--promo-gutter) calc(24px + max(0px,var(--tg-page-bottom)));background:var(--promo-glass);border-radius:var(--radius) var(--radius) 0 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.promo-cta>p{text-align:center;color:var(--text-soft);margin-bottom:24px;font-size:16px;line-height:1.2}#promo-login{font-size:20px;min-height:54px}
:root{--auth-backdrop:rgba(31,31,31,.5)}
.auth-sheet{color:var(--text);background:var(--card);border:0;border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -20px 40px rgba(0,0,0,.35);width:100%;max-width:var(--promo-width);max-height:calc(var(--auth-visible-height,100dvh) - 16px);position:fixed;inset:auto 0 var(--auth-keyboard-inset,0px);margin:0 auto;padding:24px 24px calc(16px + max(0px,var(--tg-page-bottom)));overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.auth-sheet::-webkit-scrollbar{display:none}.auth-sheet.keyboard-open{padding-bottom:16px}
.auth-sheet::backdrop{background:var(--auth-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}body:has(.auth-sheet[open]){overflow:hidden}
.auth-sheet[open]{animation:promo-sheet-in var(--motion-normal) var(--ease-soft)}@keyframes promo-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
.auth-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.auth-sheet{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.auth-sheet form{margin:0}.auth-fields{display:grid;gap:16px}
.auth-actions{display:flex;flex-direction:column;gap:24px;padding:32px 0}
#submit{min-height:56px;font-size:20px;margin:0}#submit:disabled{background:var(--accent-muted);cursor:wait}
#resend{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;min-height:44px;margin:-12px 0;padding:0;font-size:16px;color:var(--text)}#resend:disabled{opacity:.6;cursor:default}
.hidden,.code-field:has(.hidden){display:none!important}#status{margin:16px 0 0;font-size:14px;line-height:1.4;color:var(--text-soft)}#status:empty{display:none}#status.auth-error{color:var(--danger)}
.legal-note{font-size:16px;color:var(--text-soft);line-height:1.2;text-align:center;margin:0}.legal-note a{color:inherit;text-underline-offset:3px}
@media(max-width:360px){:root{--promo-gutter:16px}.promo-feature{gap:24px}#promo-login{font-size:18px}}

@font-face{font-family:Chango;src:url('/webapp-assets/promo.v1/chango.ttf') format('truetype');font-weight:400;font-display:block}
.app-loader{position:fixed;z-index:10000;inset:0;overflow:hidden;background:linear-gradient(#1f1f1f,#000);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s .45s}
.app-boot .app-loader{opacity:1;visibility:visible;pointer-events:auto;transition:none}
body.app-boot{overflow:hidden}
.auth-screen.app-boot #promo{visibility:hidden}
.app-loader-scene{position:absolute;inset:0;margin:auto;max-width:430px}
.app-loader-beam{position:absolute;left:-56.52%;top:-43.8%;width:248.62%;height:162.8%;object-fit:fill;opacity:.75;animation:app-light-flow 8s ease-in-out infinite}
.app-loader-logo{position:absolute;left:50%;top:50%;width:min(310px,78vw);height:164px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;font-family:Chango,sans-serif;text-align:center;animation:app-logo-float 5s ease-in-out infinite}
.app-loader-logo span:first-child{font-size:clamp(76px,28.67vw,115.25px);line-height:.8;color:var(--accent,#FFD60A)}
.app-loader-logo span:last-child{font-size:clamp(42px,15.52vw,62.374px);line-height:.85;color:var(--text,#fff)}
body:not(.app-boot) .app-loader *{animation-play-state:paused}
@keyframes app-logo-float{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,calc(-50% - 6px)) scale(1.025)}}
@keyframes app-light-flow{0%,100%{transform:translate(-2%,0) rotate(-3deg);opacity:.6}50%{transform:translate(3%,2%) rotate(3deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.app-loader{transition:none}.app-loader *{animation:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}