html{background:#fff8f4}body{margin:0}#root{min-height:100vh}:root{--cream:#fff8f4;--cream-2:#fcf2e9;--cream-3:#f6ece3;--ink:#191514;--ink-soft:#1915149e;--brown:#5c4038;--brown-2:#8f665a;--coral:#c78c78;--soft-card:#ffffffa8;--stroke:#5c40381f;--green:#bde7bd;--red:#ffb6b3}@font-face{font-family:Chakra Petch Bryan;src:url(/ChakraPetch-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:Chakra Petch Bryan;src:url(/ChakraPetch-Bold.ttf)format("truetype");font-weight:700}@font-face{font-family:Space Grotesk Bryan;src:url(/SpaceGrotesk-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:Space Grotesk Bryan;src:url(/SpaceGrotesk-Bold.ttf)format("truetype");font-weight:700}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 18%, #c78c7829, transparent 33rem), linear-gradient(180deg, var(--cream), var(--cream-2) 55%, var(--cream-3));margin:0;font-family:Space Grotesk Bryan,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,1260px);min-height:100vh;margin:0 auto;padding:clamp(20px,3.2vw,42px);position:relative}.auth-shell{width:min(100%,1280px)}.workspace-shell{width:min(100%,1180px)}.auth-card,.page-panel,.home-screen{min-height:calc(100vh - clamp(44px,8vw,104px))}.auth-card{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-content:center;align-items:center;gap:20px clamp(30px,5vw,76px);padding:clamp(18px,3vw,36px) 0;display:grid}.auth-copy{grid-area:1/1/span 2;gap:22px;display:grid}.brand-row{align-items:center;gap:14px;display:flex}.brand-mark,.modal-icon{width:46px;height:46px;color:var(--brown);background:#efe6dd;border-radius:50%;place-items:center;font-family:Chakra Petch Bryan,ui-monospace,monospace;font-weight:700;display:grid;box-shadow:0 10px 30px #5c403814}.auth-card h1,.page-header h1{letter-spacing:-.05em;margin:0;font-family:Chakra Petch Bryan,ui-monospace,monospace;line-height:.96}.auth-card h1{text-wrap:balance;max-width:10.6ch;font-size:clamp(4rem,6.2vw,6.25rem)}.auth-card h2{letter-spacing:-.04em;margin:0;font-family:Chakra Petch Bryan,ui-monospace,monospace;font-size:clamp(1.65rem,2vw,2.4rem)}.auth-card .muted{max-width:620px;font-size:clamp(1.2rem,2vw,1.55rem)}.auth-feature-row{flex-wrap:wrap;gap:10px;display:flex}.auth-feature-row span{color:#19151494;background:#ffffff80;border:1px solid #5c40381f;border-radius:999px;padding:9px 12px;font-size:.86rem;font-weight:800}.auth-product-panel,.auth-form-card,.web-recap-card,.detail-hint-card{background:#ffffff94;border:1px solid #ffffffc7;border-radius:32px;box-shadow:0 24px 70px #5c403814}.auth-product-panel{grid-area:2/2;gap:16px;padding:20px;display:grid}.auth-form-card{grid-area:1/2;gap:18px;padding:clamp(20px,3vw,30px);display:grid}.mini-home-card{background:linear-gradient(135deg,#fff8f4e0,#efe6ddcc);border-radius:24px;grid-template-columns:86px 1fr;align-items:center;gap:16px;padding:16px;display:grid}.mini-home-card strong{margin-top:4px;display:block}.mini-orb{background:radial-gradient(circle,#ffb6b3b3,#ffb6b31f 48%,#0000 70%);border:8px solid #ffb6b333;border-radius:50%;width:74px;height:74px;animation:20s ease-in-out infinite breathe-scale}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-grid>div{border:1px solid var(--stroke);background:#ffffff9e;border-radius:22px;flex-direction:column;justify-content:flex-end;gap:5px;min-height:116px;padding:16px;display:flex;position:relative}.mini-grid strong{font-size:.95rem;line-height:1.05}.mini-grid small{color:#1915147a;font-weight:800}.muted,.page-header p,.attachment-card p,.center-modal p{color:var(--ink-soft);line-height:1.45}.eyebrow{color:#1915146b;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.form-stack,.settings-grid,.choice-card,.structured-editor,.input-grid{gap:12px;display:grid}label{color:#19151494;gap:7px;font-size:.78rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--stroke);width:100%;color:var(--ink);background:#ffffffb8;border-radius:16px;outline:none;padding:13px 14px;box-shadow:inset 0 1px #ffffffb3}textarea{resize:vertical;min-height:136px}.settings-card{background:#ffffff70;border:1px solid #ffffffb8;border-radius:30px;gap:18px;width:min(100%,900px);padding:clamp(18px,2.4vw,26px);display:grid;box-shadow:0 22px 60px #5c40380f}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-actions{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:12px;display:grid}.primary-button,.ghost-button,.small-soft-button,.segmented-actions button,.choice-card button{border:0;border-radius:16px;min-height:46px;font-weight:800}.primary-button{background:var(--brown);width:100%;color:var(--cream)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.ghost-button,.small-soft-button,.segmented-actions button,.choice-card button{color:var(--brown);background:#efe6dd}.ghost-button.danger{color:#9e4238}.error-text{color:#9e4238;font-weight:700}.home-screen{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,34px);padding:clamp(8px,1.5vw,18px) 0;display:grid}.home-hero-panel{background:#ffffff57;border:1px solid #ffffffc2;border-radius:38px;grid-template-rows:auto 1fr;align-content:start;gap:22px;min-height:min(680px,100vh - 96px);padding:clamp(22px,3vw,32px);display:grid;overflow:hidden;box-shadow:0 28px 72px #5c403812}.home-copy{gap:10px;display:grid}.home-hero-panel h1{letter-spacing:-.045em;text-wrap:balance;max-width:11ch;margin:0;font-family:Chakra Petch Bryan,ui-monospace,monospace;font-size:clamp(2.45rem,4vw,3.7rem);line-height:.92}.home-copy p:not(.eyebrow){max-width:28rem;color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.45}.home-control-panel{background:#ffffff6b;border:1px solid #ffffffb8;border-radius:34px;align-content:start;align-self:center;gap:16px;padding:clamp(18px,2.4vw,26px);display:grid;box-shadow:0 28px 72px #5c40380f}.breathing-card{align-self:center;place-items:center;gap:8px;padding-top:4px;display:grid}.breathing-box{aspect-ratio:1;border:1.5px solid #5c403821;border-radius:34px;place-items:center;width:min(100%,286px);display:grid;position:relative}.path-dot{background:var(--brown);border-radius:50%;width:9px;height:9px;animation:20s linear infinite box-path;position:absolute}.orb{background:radial-gradient(circle,#ffb6b3b8,#ffb6b300);border-radius:50%;animation:20s ease-in-out infinite breathe-scale;position:absolute}.orb-outer{opacity:.28;width:154%;height:154%}.orb-inner{opacity:.42;width:94%;height:94%}.orb-core{background:#ffb6b329;border:8px solid #ffb6b361;width:40%;height:40%;box-shadow:0 0 38px #ffb6b36b}.creature-message{color:#1915145c;margin:18px 0 0;font-size:1rem}.breath-label{color:#5c403870;letter-spacing:.08em;margin:0;font-family:Chakra Petch Bryan,ui-monospace,monospace;font-size:.76rem;font-weight:700}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.round-action{color:var(--brown);background:#ffffff8f;border:1px solid #5c403814;border-radius:24px;place-items:center;gap:10px;min-width:0;min-height:118px;padding:18px 10px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1);display:grid}.round-action:hover{transform:translateY(-2px);box-shadow:0 16px 32px #5c403814}.round-action svg{background:#efe6dd;border-radius:50%;width:48px;height:48px;padding:14px;box-shadow:0 8px 22px #5c403814}.round-action span{color:#1915148a;font-size:.78rem;font-weight:800}.round-action.pulse svg,.hub-card .status-dot{animation:1.1s ease-in-out infinite alternate soft-pulse}.status-strip,.hub-summary-card{gap:12px;display:grid}.status-strip{grid-template-columns:1fr 1fr}.hub-summary-card{grid-template-columns:1fr;align-content:start;min-height:0}.hub-summary-card span{color:#19151485;margin-top:6px;font-weight:800;display:block}.status-strip>div,.hub-summary-card,.hub-card,.attachment-card,.structured-editor,.choice-card{background:var(--soft-card);border:1px solid #ffffffb8;border-radius:24px;padding:15px;box-shadow:0 14px 32px #5c40380e}.web-recap-card{padding:20px}.web-recap-card p:last-child{margin:8px 0 0;font-size:1.02rem;line-height:1.42}.status-strip strong,.hub-summary-card strong{margin-top:6px;line-height:1.15;display:block}.green-text{color:#63c76d}.brown-text{color:var(--brown)}.page-panel{align-content:start;gap:20px;width:min(100%,1080px);margin:0 auto;padding-top:8px;display:grid}.page-header{align-items:center;gap:14px;display:flex}.page-header h1{font-size:clamp(2.1rem,3.7vw,3.35rem)}.page-header p{margin:4px 0 0;font-size:.94rem}.back-button{width:44px;height:44px;color:var(--brown);background:#ffffffb3;border:0;border-radius:50%;font-size:2rem;line-height:1}.hub-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:16px;display:grid}.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.hub-card{border:1px solid var(--stroke);min-height:146px;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;display:flex;position:relative}.hub-card svg{width:28px;height:28px;color:var(--coral)}.hub-card strong{font-size:.98rem;line-height:1.05}.hub-card span{color:#1915147a;margin-top:auto;font-size:.72rem;font-weight:800}.status-dot{border-radius:50%;width:11px;height:11px;position:absolute;top:12px;right:12px}.status-dot.ready{background:var(--green)}.status-dot.missing{background:var(--red)}.segmented-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice-card button.selected{color:var(--cream);background:var(--brown)}.large-note{font-size:.88rem}.input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.detail-main,.detail-side{gap:14px;display:grid}.detail-hint-card{padding:18px}.detail-hint-card p:last-child{color:var(--ink-soft);margin:8px 0 0;line-height:1.45}.pill-list{flex-wrap:wrap;gap:8px;display:flex}.pill-list span{color:var(--brown);background:#efe6dd;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.pill-list button,.attachment-row button{color:var(--brown);background:0 0;border:0;font-weight:900}.attachment-card h3{margin:0 0 4px;font-family:Chakra Petch Bryan,ui-monospace,monospace}.attachment-list{color:#1915148c;gap:8px;margin-top:12px;font-size:.84rem;display:grid}.attachment-row{background:#ffffff94;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.sticky-save{position:sticky;bottom:14px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#19151429;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.center-modal{text-align:center;background:#fffffff0;border:1px solid #ffffffdb;border-radius:26px;place-items:center;gap:14px;width:min(100%,330px);padding:24px;animation:.2s ease-out fade-in;display:grid;box-shadow:0 30px 80px #5c40382e}.center-modal h2{margin:0;font-family:Chakra Petch Bryan,ui-monospace,monospace}.center-modal p{margin:0}.toast,.sync-pill{z-index:20;background:var(--brown);color:var(--cream);border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #5c403833}.toast{bottom:18px}.sync-pill{opacity:.84;top:16px}@keyframes breathe-scale{0%,to{transform:scale(.72)}25%,50%{transform:scale(1.08)}75%{transform:scale(.72)}}@keyframes box-path{0%{transform:translateY(-130px)}25%{transform:translate(130px)}50%{transform:translateY(130px)}75%{transform:translate(-130px)}to{transform:translateY(-130px)}}@keyframes soft-pulse{0%{transform:scale(1);box-shadow:0 0 #ffb6b37a}to{transform:scale(1.08);box-shadow:0 0 0 8px #ffb6b300}}@keyframes fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.app-shell,.auth-shell,.workspace-shell{width:min(100%,520px);padding:18px 16px 28px}.auth-card,.home-screen,.hub-layout,.detail-layout{grid-template-columns:1fr}.auth-card{gap:22px}.auth-card h1,.home-hero-panel h1{max-width:9.4ch;font-size:clamp(3rem,14vw,4.8rem)}.auth-form-card{grid-column:auto}.auth-product-panel{order:3}.home-screen{align-content:start;gap:18px;min-height:auto}.home-hero-panel{min-height:auto;padding:22px}.home-copy{display:none}.home-control-panel{align-self:stretch;padding:18px}.round-action{min-height:96px}.breathing-box{width:min(68vw,260px)}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card{min-height:126px}.hub-card svg{width:22px;height:22px}.hub-card strong{font-size:.88rem}.input-grid,.status-strip,.settings-grid,.settings-actions{grid-template-columns:1fr}.settings-card{width:100%;padding:18px}}@media (width<=420px){.hub-grid,.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-strip{grid-template-columns:1fr}.home-actions{gap:8px}.round-action{border-radius:20px;min-height:88px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}