:root{--sl-color-accent-low: #d9f3ef;--sl-color-accent: #0f766e;--sl-color-accent-high: #063f3b;--manual-bg: #fbfdfc;--manual-ink: #111827;--manual-muted: #64748b;--manual-line: #dbe3ea;--manual-surface: #ffffff;--manual-soft: #f7faf9;--manual-red: #ff4d5a;--manual-gold: #c28a19}:root[data-theme=dark]{--manual-bg: #101416;--manual-ink: #f8fafc;--manual-muted: #a8b3bd;--manual-line: #34414a;--manual-surface: #151a1e;--manual-soft: #111619}*{box-sizing:border-box}html{background:var(--manual-bg);color:var(--manual-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth}body{margin:0}a{color:var(--sl-color-accent)}p{line-height:1.72}h1,h2,h3{color:var(--manual-ink);line-height:1.12}.site-shell{min-height:100vh}.site-header,.site-main,.site-footer{margin:0 auto;max-width:1180px;padding-left:1.2rem;padding-right:1.2rem}.site-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem;padding-top:1rem}.site-brand{align-items:center;color:var(--manual-ink);display:inline-flex;gap:.75rem;text-decoration:none}.site-brand__mark{align-items:center;background:var(--sl-color-accent);border-radius:8px;color:#fff;display:inline-flex;font-weight:900;height:2.35rem;justify-content:center;width:2.35rem}.site-brand small,.site-footer{color:var(--manual-muted)}.site-brand strong,.site-brand small{display:block}.site-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.site-nav a{border:1px solid transparent;border-radius:8px;color:var(--manual-ink);font-weight:700;padding:.52rem .72rem;text-decoration:none}.site-nav a:hover{border-color:var(--manual-line);color:var(--sl-color-accent)}.site-main{padding-bottom:3rem;padding-top:1rem}.site-footer{align-items:center;border-top:1px solid var(--manual-line);display:flex;gap:1rem;justify-content:space-between;padding-bottom:2rem;padding-top:1.2rem}.page-heading,.feature-doc,.quick-start{margin:0 auto;max-width:1060px}.page-heading{border-bottom:1px solid var(--manual-line);margin-bottom:1.5rem;padding-bottom:1.5rem}.page-heading h1{font-size:3.2rem;margin:0}.page-heading p:not(.eyebrow){color:var(--manual-muted);max-width:48rem}.eyebrow{color:var(--sl-color-accent);font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 .45rem}.manual-landing{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:minmax(0,.92fr) minmax(280px,.78fr);align-items:center;min-height:58vh;padding:clamp(1rem,4vw,3.5rem) 0 2rem}.manual-landing h1,.page-heading h1,.feature-hero h1{letter-spacing:0}.manual-landing__copy h1{font-size:6rem;line-height:.92;margin:0}.manual-landing__copy p:not(.eyebrow){max-width:46rem;color:var(--manual-muted);font-size:1.12rem}.landing-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.landing-actions a,.step-actions button{border:1px solid var(--sl-color-accent);border-radius:8px;color:var(--manual-ink);display:inline-flex;font-weight:700;padding:.7rem 1rem;text-decoration:none}.landing-actions a:first-child,.step-actions button:not(:disabled):last-child{background:var(--sl-color-accent);color:#fff}.landing-mock,.telegram-screen{background:var(--manual-soft);border:1px solid var(--manual-line);border-radius:8px;padding:clamp(1rem,3vw,1.5rem)}.landing-bubble,.telegram-message{background:var(--manual-surface);border:1px solid var(--manual-line);border-radius:8px;box-shadow:0 12px 34px #11182714;color:var(--manual-ink);padding:1.25rem;position:relative}.landing-bubble strong,.bot-name{color:#2f6fee;display:block;font-weight:800;margin-bottom:.7rem}.landing-bubble span,.message-title{display:block;font-size:1.2rem;font-weight:800;margin-bottom:.8rem}.landing-buttons,.telegram-keyboard{display:grid;gap:.55rem;margin-top:.8rem}.landing-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-buttons span,.keyboard-button{align-items:center;background:var(--manual-surface);border:1px solid var(--manual-line);border-radius:8px;color:var(--manual-ink);display:inline-flex;justify-content:center;line-height:1.2;min-height:2.75rem;min-width:0;overflow-wrap:anywhere;padding:.62rem;text-align:center;width:100%;word-break:break-word}.keyboard-button[data-telegram-action],.keyboard-button[data-flow-action]{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.keyboard-button[data-telegram-action]:hover,.keyboard-button[data-flow-action]:hover{border-color:var(--sl-color-accent)}.keyboard-button.is-pressed{background:var(--manual-soft);transform:translateY(1px)}.is-highlighted,.keyboard-button.is-highlighted{border-color:var(--manual-red);box-shadow:0 0 0 4px #ff4d5a2e}.manual-intro{border-top:1px solid var(--manual-line);display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);margin:2rem 0;padding-top:2rem}.manual-experience{border-top:1px solid var(--manual-line);margin:2rem 0;padding-top:2rem}.manual-experience__head{align-items:end;display:flex;gap:1rem;justify-content:space-between}.manual-experience__head h2{margin-top:0}.manual-experience__head span,.manual-card small{color:var(--manual-muted);font-weight:700}.manual-experience__grid{display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.manual-card{border:1px solid var(--manual-line);border-radius:8px;display:grid;gap:.65rem;padding:1rem}.manual-card strong{font-size:1.02rem}.manual-card p{margin:0}.manual-card__list{display:grid;gap:.45rem;margin:0;padding-left:1.15rem}.manual-points,.manual-steps,.check-list,.logic-audit ul{margin:0;padding-left:1.2rem}.manual-steps{display:grid;gap:.75rem;margin-top:1rem}.manual-steps li{padding-left:.25rem}.manual-steps strong,.manual-steps span,.manual-steps small{display:block}.manual-steps small{color:var(--manual-muted)}.feature-category{border-top:1px solid var(--manual-line);padding:1.8rem 0}.feature-category__head{align-items:baseline;display:flex;gap:1rem;justify-content:space-between}.feature-category__head h2{margin:0}.feature-category__head span{color:var(--manual-muted)}.feature-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.feature-link{border:1px solid var(--manual-line);border-radius:8px;color:var(--manual-ink);display:grid;gap:.55rem;padding:1rem;text-decoration:none;transition:border-color .16s ease,transform .16s ease}.feature-link:hover{border-color:var(--sl-color-accent);transform:translateY(-2px)}.status-dot,.status-badge{color:var(--sl-color-accent);font-size:.78rem;font-weight:800}.status-dot.is-paused,.status-badge.is-paused{color:var(--manual-gold)}.feature-hero{align-items:start;border-bottom:1px solid var(--manual-line);display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);padding-bottom:1.5rem}.feature-hero p:not(.eyebrow){color:var(--manual-muted);font-size:1.08rem}.feature-meta{border:1px solid var(--manual-line);border-radius:8px;display:grid;gap:.65rem;padding:1rem}.step-tutorial,.telegram-flow,.feature-flow,.qa-section,.logic-audit,.audit-summary{border-top:1px solid var(--manual-line);margin-top:2.2rem;padding-top:2rem}.step-tutorial__head{align-items:end;display:flex;gap:1rem;justify-content:space-between}.step-counter{color:var(--manual-muted);font-weight:700}.step-nav{display:flex;gap:.55rem;margin:1rem 0;overflow-x:auto;padding-bottom:.4rem}.step-dot{align-items:center;background:transparent;border:1px solid var(--manual-line);border-radius:8px;color:var(--manual-ink);display:inline-flex;flex:0 0 auto;gap:.45rem;padding:.55rem .75rem}.step-dot span{align-items:center;background:var(--manual-soft);border-radius:999px;display:inline-flex;height:1.35rem;justify-content:center;width:1.35rem}.step-dot.is-active{border-color:var(--sl-color-accent);color:var(--sl-color-accent)}.step-panel{display:none;gap:1.5rem;grid-template-columns:minmax(0,.72fr) minmax(300px,1fr)}.step-panel.is-active{display:grid}.step-copy{align-self:center}.step-copy h3{margin-top:0}.step-tip,.tip{color:var(--manual-muted)}.keyboard-row{align-items:stretch;display:grid;gap:.55rem;grid-template-columns:repeat(var(--keyboard-columns, 1),minmax(0,1fr))}.keyboard-button{align-self:stretch;box-sizing:border-box;font:inherit;height:3.25rem;margin:0;min-height:3.25rem;overflow:hidden;padding:.5rem .62rem}.keyboard-button__label{align-items:center;display:flex;gap:.42rem;justify-content:center;line-height:1.2;overflow-wrap:anywhere;width:100%;word-break:break-word}.keyboard-button__toggle-mark{align-items:center;background:#19b858;border-radius:4px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.9rem;font-weight:900;height:1.18rem;justify-content:center;line-height:1;transform:translateY(0);width:1.18rem}.keyboard-button__toggle-mark.is-off{background:#ef4444}.keyboard-button.is-toggled{border-color:var(--sl-color-accent);box-shadow:inset 0 0 0 1px var(--sl-color-accent)}.keyboard-button[data-flow-action]{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.keyboard-button[data-flow-action]:hover{border-color:var(--sl-color-accent)}.telegram-flow__head{align-items:center;display:flex;gap:1rem;justify-content:space-between}.telegram-flow__head h2{margin-top:0}.telegram-flow__badge{border:1px solid var(--manual-line);border-radius:8px;color:var(--sl-color-accent);font-size:.8rem;font-weight:800;padding:.45rem .7rem}.telegram-flow__badge.is-review{color:var(--manual-gold)}.telegram-flow__coverage{color:var(--manual-muted);display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.5rem 0 1rem}.telegram-flow__coverage span{background:var(--manual-soft);border:1px solid var(--manual-line);border-radius:8px;padding:.45rem .65rem}.telegram-flow__stage{min-height:28rem}.telegram-flow-screen{display:none}.telegram-flow-screen.is-active{display:block}.telegram-screen{position:relative}.telegram-screen-progress{color:var(--manual-muted);font-size:.82rem;font-weight:800;margin-bottom:.7rem;text-align:right}.telegram-input-block{background:var(--manual-soft);border:1px dashed var(--manual-line);border-radius:8px;display:grid;gap:.7rem;margin:1rem 0 1.4rem;padding:.9rem}.telegram-input-box{background:var(--manual-surface);border:1px solid var(--manual-line);border-radius:8px;color:var(--manual-ink);min-height:2.75rem;overflow-wrap:anywhere;padding:.7rem .8rem;white-space:pre-wrap}.telegram-input-examples{display:flex;flex-wrap:wrap;gap:.5rem}.telegram-input-examples button{background:var(--manual-surface);border:1px solid var(--manual-line);border-radius:8px;color:var(--manual-ink);cursor:pointer;font:inherit;padding:.45rem .65rem}.telegram-input-examples button:hover{border-color:var(--sl-color-accent)}.telegram-input-errors{color:var(--manual-red);margin:0;padding-left:1rem}.state-lines{display:grid;gap:.25rem;font-weight:700;margin-top:1rem}.message-time{bottom:.8rem;color:var(--manual-muted);position:absolute;right:1rem}.step-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.telegram-feedback{background:var(--manual-soft);border:1px solid var(--manual-line);border-radius:8px;color:var(--manual-muted);margin:1rem 0 0;padding:.75rem .9rem}.step-actions button:disabled{cursor:not-allowed;opacity:.45}.flow-card{border:1px solid var(--manual-line);border-radius:8px;overflow-x:auto;padding:1rem}.flow-card pre{margin:0;white-space:pre-wrap}.flow-note{color:var(--manual-muted);margin-top:-.25rem}.qa-list{display:grid;gap:.65rem}.qa-list details{border:1px solid var(--manual-line);border-radius:8px;padding:.9rem 1rem}.qa-list summary{cursor:pointer;font-weight:800}.logic-audit.needs-review{border-color:var(--manual-gold)}.audit-metrics{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.audit-metrics div{border:1px solid var(--manual-line);border-radius:8px;padding:1rem}.audit-metrics strong{display:block;font-size:2rem}.audit-metrics span{color:var(--manual-muted)}@media(max-width:760px){.site-header,.site-footer{align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start}.manual-landing,.manual-intro,.manual-experience__grid,.feature-hero,.step-panel{grid-template-columns:1fr}.manual-experience__head,.telegram-flow__head{align-items:start;flex-direction:column}.telegram-flow__coverage{display:grid;grid-template-columns:1fr}.telegram-screen{padding:.85rem}.telegram-message{padding:1rem}.keyboard-row{gap:.45rem}.keyboard-button{min-height:3rem;padding:.45rem .5rem}.manual-landing__copy h1{font-size:3.4rem}.page-heading h1{font-size:2.35rem}.feature-category__head,.step-tutorial__head{align-items:start;flex-direction:column}}