:root{--paper: #faf8f3;--paper-2: #f2efe7;--ink: #16161a;--ink-soft: #55555e;--muted: #8f8f98;--line: #e7e3d9;--accent: #2340bb;--accent-soft: #eceffb;--accent-press: #1b33a0;--success: #2e7d4f;--danger: #c2482e;--radius: 18px;--radius-s: 12px;--shadow: 0 10px 30px rgba(22, 22, 26, .08);--font-ui: "Golos Text", -apple-system, system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--tg-top: calc( var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) );--tg-bottom: calc( var(--tg-safe-area-inset-bottom, 0px) + var(--tg-content-safe-area-inset-bottom, 0px) );--safe-top: var(--tg-top);--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-bottom))}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.45;overscroll-behavior:none;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1,"onum" 0}html,body{height:100%;overflow:hidden}#root{max-width:520px;margin:0 auto;height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit;font-size:16px;border:none;outline:none;background:none;color:inherit}.page{padding:calc(20px + var(--safe-top)) 20px calc(96px + var(--safe-bottom));animation:pageIn .28s ease both}.page--bare{padding-bottom:calc(24px + var(--safe-bottom))}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.12}h1.display{font-size:32px}h2.display{font-size:24px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sub{color:var(--ink-soft);font-size:15px}.small{font-size:13px;color:var(--muted)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 20px;border-radius:14px;font-size:16px;font-weight:600;transition:transform .12s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:active{background:var(--accent-press)}.btn--primary:disabled{opacity:.45}.btn--ghost{background:var(--accent-soft);color:var(--accent)}.btn--outline{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.btn--sm{padding:10px 16px;font-size:14px;width:auto;border-radius:12px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:500;color:var(--ink-soft);white-space:nowrap;transition:all .15s ease}.chip--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.chip-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:0 -2px}.chip-row::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.badge--warm{background:#fbf0e7;color:#c2482e}.badge--green{background:#e8f3ec;color:var(--success)}.divider{height:1px;background:var(--line);margin:20px 0}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:flex;background:#faf8f3eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 8px calc(8px + var(--safe-bottom));z-index:50}.tabbar__item{text-decoration:none;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;font-weight:500;color:var(--muted);border-radius:12px;transition:color .15s ease}.tabbar__item svg{width:23px;height:23px}.tabbar__item--active{color:var(--accent);font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16161a73;z-index:90;animation:fadeIn .2s ease both}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;background:var(--paper);border-radius:24px 24px 0 0;z-index:100;padding:8px 20px calc(24px + var(--safe-bottom));max-height:88dvh;overflow-y:auto;animation:sheetUp .32s cubic-bezier(.32,.72,.25,1) both}.sheet__grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:6px auto 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.sheet--closing{animation:sheetDown .24s cubic-bezier(.4,0,1,1) both}.sheet-backdrop--closing{animation:fadeOut .24s ease both}@keyframes sheetDown{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.cta-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;padding:12px 20px calc(16px + var(--safe-bottom));background:linear-gradient(to top,var(--paper) 65%,transparent);z-index:40}.hero{border-radius:22px;padding:26px 22px;color:#fff;background:radial-gradient(120% 160% at 85% -20%,rgba(255,255,255,.28) 0%,transparent 50%),linear-gradient(140deg,#1b33a0,#2340bb 55%,#4b63d8);position:relative;overflow:hidden}.hero .display{color:#fff}.product-card{display:block;text-decoration:none;color:inherit}.product-card__cover{height:190px;border-radius:var(--radius) var(--radius) 0 0;position:relative;display:flex;align-items:flex-end;padding:14px}.mock-book{position:absolute;right:20px;top:26px;width:96px;height:128px;background:linear-gradient(120deg,#fff,#efece4);border-radius:4px 10px 10px 4px;box-shadow:-6px 0 #0000001f,0 16px 28px #00000047;transform:rotate(6deg);display:flex;flex-direction:column;justify-content:space-between;padding:12px 10px}.mock-book__title{font-family:var(--font-display);font-size:11px;line-height:1.25;color:#23232a}.mock-book__strip{height:34px;border-radius:3px}.product-card__body{padding:14px 16px 16px}.field{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;transition:border-color .15s ease}.field:focus-within{border-color:var(--accent)}.field label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea{width:100%;resize:none}.chat{display:flex;flex-direction:column;min-height:100dvh}.chat__scroll{flex:1;padding:16px 16px 140px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:82%;padding:12px 15px;border-radius:18px;font-size:15px;line-height:1.42;animation:pageIn .25s ease both}.bubble--user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}.bubble--ai{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px}.bubble__attach{display:flex;gap:4px;margin-top:8px}.bubble__attach span{width:44px;height:44px;border-radius:8px;background:#ffffff40;border:1px solid rgba(255,255,255,.4)}.typing{display:inline-flex;gap:5px;padding:14px 16px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat__composer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;padding:10px 14px calc(12px + var(--safe-bottom));background:#faf8f3f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:60}.composer__row{display:flex;align-items:flex-end;gap:8px}.composer__input{flex:1;background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:11px 16px;max-height:110px;overflow-y:auto}.icon-btn{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);transition:transform .12s ease}.icon-btn:active{transform:scale(.92)}.icon-btn--primary{background:var(--accent);color:#fff}.spread{display:flex;gap:3px;background:#d9d5cb;border-radius:10px;padding:3px;box-shadow:var(--shadow)}.spread__page{flex:1;aspect-ratio:3 / 4;background:#fff;border-radius:7px;padding:9%;display:flex;flex-direction:column;gap:6%;overflow:hidden}.ph-img{border-radius:4px;flex:1}.ph-line{height:5px;border-radius:3px;background:#dedbd2}.ph-line--title{height:9px;background:#3a3a42;width:70%}.preview-stage{padding:8px 20px 20px}.progress-track{height:6px;background:var(--paper-2);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.list-row{display:flex;align-items:center;gap:14px;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-s);text-decoration:none;color:inherit}.list-row+.list-row{margin-top:10px}.thumb{width:52px;height:66px;border-radius:7px;box-shadow:-3px 0 #0000001f;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.timeline{display:flex;flex-direction:column;gap:0;margin-top:16px}.timeline__step{display:flex;gap:14px;position:relative;padding-bottom:22px}.timeline__step:before{content:"";position:absolute;left:9px;top:22px;bottom:0;width:2px;background:var(--line)}.timeline__step:last-child:before{display:none}.timeline__dot{width:20px;height:20px;min-width:20px;border-radius:50%;border:2px solid var(--line);background:#fff;z-index:1;display:flex;align-items:center;justify-content:center;font-size:10px}.timeline__dot--done{background:var(--accent);border-color:var(--accent);color:#fff}.onb{min-height:100dvh;display:flex;flex-direction:column;padding:calc(32px + var(--safe-top)) 24px calc(28px + var(--safe-bottom))}.logo-mark{font-family:var(--font-display);font-weight:700;font-style:italic;letter-spacing:-.02em}.onb-stack{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px}.onb-book{position:absolute;width:168px;height:224px;border-radius:6px 14px 14px 6px;box-shadow:-8px 0 #00000024,0 24px 48px #16161a40;padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;transition:transform .5s cubic-bezier(.32,.72,.25,1)}.row{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack-8>*+*{margin-top:8px}.stack-12>*+*{margin-top:12px}.stack-16>*+*{margin-top:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}