:root{--pink:#ef238f;--pink-dark:#d8177a;--purple:#7138db;--navy:#17152e;--ink:#201b3b;--muted:#77728b;--line:#ece5f5;--soft:#fff5fb;--white:#fff;--shadow:0 12px 32px rgba(72,36,98,.09);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf7ff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.app-shell{min-height:100vh}.topbar{height:78px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:26px;padding:0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:250px;text-decoration:none;color:var(--ink)}.brand-mark{width:43px;height:43px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#ff48a5,#bc1dde);border-radius:14px 14px 14px 5px;font-size:23px;box-shadow:0 7px 16px #ed2b9330}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-size:19px;letter-spacing:-.8px;line-height:1.05}.brand-copy em{font-style:normal;color:var(--pink)}.brand-copy small{font-size:10px;color:var(--muted)}.top-nav{display:flex;align-items:center;gap:8px;flex:1}.top-nav a{padding:11px 13px;text-decoration:none;color:#59536f;border-radius:12px;font-weight:700;font-size:13px}.top-nav a:hover,.top-nav a.active{background:#fff0f8;color:var(--pink)}.top-actions{display:flex;align-items:center;gap:13px}.plan-pill{display:inline-flex;align-items:center;gap:8px;background:#fff0f8;border:1px solid #ffd1e7;border-radius:999px;padding:9px 13px;font-weight:800;font-size:12px;color:#b91572}.dot{width:7px;height:7px;background:#29bd78;border-radius:50%}.avatar-button{width:38px;height:38px;border-radius:50%;border:2px solid #f5c4e1;background:#fce9f6;color:#ba1b79;font-weight:900;font-size:16px}.mobile-menu{display:none;border:0;background:#fff0f8;color:var(--pink);font-size:23px;border-radius:10px;padding:7px 11px}.sidebar{position:fixed;top:78px;bottom:0;left:0;width:218px;padding:22px 14px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px;z-index:20;overflow:auto}.new-project{display:flex;align-items:center;gap:10px;width:100%;padding:14px;border:0;border-radius:13px;background:linear-gradient(110deg,#ff3097,#c419d6);color:#fff;font:inherit;font-weight:800;box-shadow:0 9px 19px #eb2c9330;cursor:pointer;margin-bottom:12px}.new-project span{font-size:22px}.side-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#4f4968;text-decoration:none;font-weight:700}.side-link span{font-size:19px;width:20px;text-align:center}.side-link:hover,.side-link.selected{background:#fff0f8;color:var(--pink)}.sidebar-mascot{margin-top:auto;background:linear-gradient(145deg,#fff0f8,#f6edff);border:1px solid #f4d9ed;border-radius:18px;padding:12px;text-align:center;overflow:hidden}.sidebar-mascot img{width:94px;height:95px;object-fit:cover;object-position:center 24%;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 14px #6b2b7b24}.sidebar-mascot p{margin:8px 0 4px;font-weight:800;font-size:12px;line-height:1.45}.sidebar-mascot span{font-size:11px;color:var(--pink);font-weight:800}.main-content{margin-left:218px;padding:22px 24px 18px;max-width:1800px}.hero{position:relative;display:grid;grid-template-columns:190px minmax(300px,1fr) 220px;align-items:center;gap:22px;min-height:205px;padding:22px 26px;border-radius:24px;background:radial-gradient(circle at 15% 15%,#ffd4ed 0,transparent 38%),linear-gradient(110deg,#fff1fa,#f3e8ff 55%,#ffe5f2);border:1px solid #f6d9ee;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"✦";position:absolute;right:28%;top:18px;color:#e52c9c;font-size:27px;opacity:.65}.hero-mascot{height:170px;display:flex;align-items:end;justify-content:center;overflow:hidden;border-radius:18px;background:linear-gradient(150deg,#ffc8e6,#f7d8ff);align-self:stretch}.hero-mascot img{width:100%;height:100%;object-fit:cover;object-position:center 30%;mix-blend-mode:multiply}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--pink);margin:0 0 7px}.hero-copy h1{font-size:clamp(27px,3vw,42px);line-height:1.03;letter-spacing:-1.8px;margin:0 0 11px;font-weight:950}.hero-copy h1 span{color:var(--pink)}.hero-highlight{display:inline-block;margin:0 0 9px;padding:7px 13px;border-radius:8px;background:linear-gradient(90deg,#ff2b96,#a927e6);color:#fff;font-size:17px;font-weight:900;transform:rotate(-1deg)}.hero-description{margin:0;max-width:540px;color:#59536d;line-height:1.5;font-size:13px}.hero-benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.hero-benefits span{font-size:10px;font-weight:800;color:#5b315e;background:#fff9fd;border:1px solid #f8d8eb;border-radius:999px;padding:6px 8px}.hero-note{position:relative;padding:17px 16px;border:1px solid #f6d0e9;border-radius:18px;background:#ffffffc9;line-height:1.5;text-align:center;color:#6c2b72;font-size:13px;box-shadow:0 7px 20px #9a2e7b10}.hero-note strong{font-size:17px;color:#e1248d}.workspace{margin-top:22px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 2px 15px}.workspace-heading h2,.how-section h2{margin:0;font-size:26px;letter-spacing:-.8px}.muted{margin:5px 0 0;color:var(--muted);font-size:13px}.step-counter{white-space:nowrap;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:#686078;font-size:12px;font-weight:800}.step-dot{width:8px;height:8px;background:#2ac17a;border-radius:50%}.form-grid{display:grid;grid-template-columns:1.02fr 1.12fr;gap:15px}.form-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 5px 18px rgba(64,33,91,.035)}.section-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.number{flex:0 0 32px;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3098,#d51dcb);color:#fff;font-weight:950;font-size:16px;box-shadow:0 5px 12px #ed2b9325}.section-title h3{margin:2px 0 3px;font-size:15px;letter-spacing:-.3px}.section-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.photo-card{grid-column:1}.persona-card{grid-column:2}.environment-card{grid-column:1}.speech-card{grid-column:2;grid-row:2}.platform-card{grid-column:1/-1}.photo-preview{height:205px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:15px;overflow:hidden;background:#f7f1fa;border:1px dashed #e1d4ec}.photo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.remove-photo{position:absolute;top:8px;right:8px;border:0;border-radius:50%;width:27px;height:27px;background:#fff;color:#6d4669;box-shadow:0 2px 8px #24152b20;font-size:19px;cursor:pointer;display:none}.photo-preview.has-upload .remove-photo{display:block}.demo-tag{position:absolute;bottom:8px;left:8px;padding:5px 8px;background:#fffdf1e8;border-radius:7px;color:#88652b;font-size:10px;font-weight:800}.photo-preview.has-upload .demo-tag{display:none}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:12px 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;min-height:44px}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #48245f18}.btn-primary{color:#fff;background:linear-gradient(105deg,#ff2996,#d51dc4);box-shadow:0 7px 16px #e62c9320}.btn-secondary{color:#5c496d;background:#f7f2ff;border-color:#e8ddf4}.file-label{cursor:pointer}.field-help{font-size:10px;color:#817a91;line-height:1.45;margin:9px 0 0}.persona-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.choice-card{min-width:0;border:1px solid #eee6f5;background:#fff;border-radius:12px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:#514962;transition:.15s}.choice-card img,.avatar-placeholder{width:100%;height:90px;object-fit:cover;object-position:top center;border-radius:8px;background:#f5e9f5}.choice-card span:last-child{font-size:10px;line-height:1.2;font-weight:800;text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center}.choice-card.active,.environment-choice.active,.platform-choice.active{border-color:var(--pink);box-shadow:0 0 0 2px #ff36a329;background:#fff5fb}.avatar-placeholder{display:grid;place-items:center;font-size:38px;font-weight:900;color:#fff;background:linear-gradient(145deg,#47456c,#b69acb)}.avatar-placeholder.male{background:linear-gradient(145deg,#273a56,#90a9c8)}.environment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.environment-choice{min-width:0;border:1px solid transparent;border-radius:11px;padding:4px;background:#fff;cursor:pointer;color:#514962;display:flex;flex-direction:column;gap:6px;align-items:center}.environment-choice img{width:100%;height:74px;object-fit:cover;border-radius:8px}.environment-choice span{font-size:10px;font-weight:800;line-height:1.2;text-align:center}.speech-card textarea{width:100%;resize:vertical;min-height:118px;border:1px solid #e6d9f0;border-radius:13px;padding:13px;font:inherit;font-size:13px;line-height:1.55;color:#34294d;outline:none;background:#fff}.speech-card textarea:focus{border-color:#e940a0;box-shadow:0 0 0 3px #f72e9617}.speech-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:10px;color:#80768e}.speech-meta strong{color:#6c617b;white-space:nowrap}.speech-meta strong.over-limit{color:#d21f4f}.duration-row{display:flex;align-items:center;gap:7px;margin-top:14px;flex-wrap:wrap}.duration-row>span{font-size:11px;color:#716982;font-weight:800;margin-right:auto}.duration-choice{min-width:57px;padding:9px 12px;border-radius:9px;border:1px solid #e7deef;background:#fff;color:#554b69;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.duration-choice.active{color:#fff;background:var(--pink);border-color:var(--pink)}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.platform-choice{min-width:0;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;border:1px solid #eae2f2;border-radius:13px;background:#fff;cursor:pointer;color:#332a4a}.platform-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:900}.tiktok{background:#15131d}.instagram{background:linear-gradient(135deg,#ffc451,#f12b8a,#7c36e8)}.facebook{background:#1877f2}.youtube{background:#f5223c;font-size:17px}.platform-choice b{display:block;font-size:12px;line-height:1.3}.platform-choice small{display:block;font-size:10px;color:#80778f;margin-top:3px}.ready-panel{display:flex;align-items:center;gap:15px;margin-top:15px;padding:15px 18px;border-radius:17px;background:linear-gradient(105deg,#fff0f8,#f7efff);border:1px solid #f2d9ee}.ready-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;background:#fff;border-radius:14px;color:var(--pink);font-size:26px;box-shadow:0 4px 13px #8b3b7b12}.ready-copy{flex:1;min-width:0}.ready-copy h3{margin:0 0 3px;font-size:14px}.ready-copy p{margin:0;color:#79718b;font-size:11px}.summary-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.summary-chips span{background:#fff;border:1px solid #f0e1f0;border-radius:999px;padding:5px 8px;font-size:10px;color:#645873;font-weight:800}.ready-status{white-space:nowrap;color:#4c8a68;font-size:11px;font-weight:850;display:flex;align-items:center;gap:7px}.status-dot{width:8px;height:8px;background:#35c17b;border-radius:50%}.action-panel{margin-top:15px;padding:19px 20px;border-radius:20px;background:#201a3a;color:#fff;display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;box-shadow:0 12px 30px #24113e18}.action-intro h3{margin:0 0 5px;font-size:17px}.action-intro p{margin:0;color:#d6cde6;font-size:12px;line-height:1.5}.action-buttons{display:flex;gap:9px}.btn-large{min-height:48px;padding:13px 17px;font-size:12px;white-space:nowrap}.btn-flow{background:#fff;color:#292044;border-color:#ded2f0}.flow-mark{color:#5d53dc;font-size:17px}.action-note{grid-column:1/-1;margin:0;color:#cfc4e0;font-size:10px;line-height:1.5}.how-section{margin-top:28px;padding:23px;background:#fff;border:1px solid var(--line);border-radius:22px}.how-section .section-title{align-items:center;justify-content:space-between}.how-section h2{font-size:23px}.mascot-stamp{padding:8px 12px;border-radius:999px;background:#fff0f8;color:#bc1c80;font-weight:850;font-size:11px}.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.how-card{position:relative;padding:18px 14px;border:1px solid #eee6f5;border-radius:15px;background:linear-gradient(150deg,#fff,#fff8fd)}.how-number{position:absolute;top:12px;right:12px;width:25px;height:25px;border-radius:9px;background:var(--pink);color:#fff;display:grid;place-items:center;font-weight:900}.how-symbol{font-size:29px;margin-bottom:12px}.how-card h3{font-size:13px;margin:0 0 6px}.how-card p{font-size:11px;color:#7b738b;line-height:1.5;margin:0}.help-section{margin-top:16px;padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:18px;background:linear-gradient(100deg,#ffe8f4,#f0e8ff);border:1px solid #f2d9ee}.help-section h2{margin:0 0 4px;font-size:17px}.help-section p{margin:0;color:#766b85;font-size:12px}.help-section .btn{min-width:150px}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 4px 6px;color:#898197;font-size:10px}.footer-brand{font-weight:950;color:#24203d;letter-spacing:-.3px}.footer-brand b{color:var(--pink)}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#1b1438b8;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.camera-modal{position:relative;width:min(540px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 25px 70px #0e072f50}.camera-modal h2{margin:0;font-size:22px}.camera-modal video{display:block;width:100%;max-height:420px;object-fit:contain;background:#161322;border-radius:15px;margin-top:17px;min-height:200px}.modal-close{position:absolute;top:17px;right:17px;width:34px;height:34px;border:0;border-radius:50%;background:#f8edf5;color:#8c2a69;font-size:22px;cursor:pointer}.camera-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;max-width:min(620px,calc(100vw - 28px));padding:13px 17px;background:#211a3b;color:#fff;border:1px solid #4e4268;border-radius:13px;box-shadow:0 10px 28px #1c14353a;font-size:12px;line-height:1.45;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}button:focus-visible,a:focus-visible,label:focus-within{outline:3px solid #c8a7ff;outline-offset:2px}
@media(max-width:1250px){.main-content{padding:18px}.sidebar{width:190px}.main-content{margin-left:190px}.hero{grid-template-columns:150px minmax(260px,1fr) 180px;padding:18px;gap:16px}.hero-mascot{height:165px}.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card img,.avatar-placeholder{height:83px}.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.environment-choice img{height:80px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-panel{grid-template-columns:1fr}.action-buttons{width:100%}.action-buttons .btn{flex:1}}
@media(max-width:900px){.topbar{padding:0 16px;gap:12px}.brand{min-width:auto;flex:1}.top-nav{display:none}.top-actions{gap:7px}.plan-pill{font-size:10px;padding:8px}.mobile-menu{display:block}.sidebar{display:none;top:78px;width:250px;box-shadow:10px 20px 35px #25123c18}.sidebar.open{display:flex}.main-content{margin-left:0;padding:16px}.hero{grid-template-columns:130px minmax(0,1fr);min-height:0}.hero-note{grid-column:1/-1}.hero-mascot{height:150px}.hero-copy h1{font-size:clamp(24px,4vw,36px)}.form-grid{grid-template-columns:1fr 1fr}.photo-card,.persona-card,.environment-card,.speech-card,.platform-card{grid-column:auto;grid-row:auto}.platform-card{grid-column:1/-1}.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ready-panel{flex-wrap:wrap}.ready-status{margin-left:58px}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.topbar{height:68px}.brand-mark{width:36px;height:36px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:9px}.top-actions .plan-pill{display:none}.sidebar{top:68px}.main-content{padding:11px}.hero{grid-template-columns:1fr;padding:17px;gap:12px}.hero-mascot{display:none}.hero-copy h1{font-size:32px}.hero-note{grid-column:auto}.hero-benefits span{font-size:9px}.workspace-heading{align-items:flex-start;flex-direction:column}.workspace-heading h2{font-size:24px}.form-grid{grid-template-columns:1fr;gap:11px}.photo-card,.persona-card,.environment-card,.speech-card,.platform-card{grid-column:1;grid-row:auto}.form-card{padding:14px}.photo-preview{height:235px}.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card img,.avatar-placeholder{height:100px}.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.environment-choice img{height:76px}.platform-grid{grid-template-columns:1fr 1fr}.platform-choice{padding:9px;gap:8px}.platform-icon{width:31px;height:31px;flex-basis:31px}.platform-choice b{font-size:10px}.platform-choice small{font-size:9px}.ready-panel{align-items:flex-start;padding:13px}.ready-copy{flex-basis:calc(100% - 60px)}.ready-status{margin-left:59px}.action-panel{padding:16px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.action-note{font-size:10px}.how-section{padding:15px}.how-grid{grid-template-columns:1fr 1fr;gap:8px}.how-card{padding:14px 10px}.how-card p{font-size:10px}.mascot-stamp{font-size:9px;padding:7px}.help-section{align-items:flex-start;flex-direction:column}.help-section .btn{width:100%}footer{flex-direction:column;align-items:flex-start;gap:7px}.camera-modal{padding:18px}.camera-modal h2{font-size:19px}.camera-modal video{min-height:160px}}

/* Beta 1.0.3: cores mais vivas, texto mais legível e escolhas visuais maiores */
:root{--pink:#ff168f;--pink-dark:#d90075;--purple:#8425f5;--navy:#171033;--ink:#191334;--muted:#625875;--line:#e4c8f6;--soft:#fff0fa;--shadow:0 14px 34px rgba(105,23,133,.13);--radius:22px}
body{background:linear-gradient(135deg,#fff3fb 0%,#f7efff 48%,#fff0f7 100%);font-size:15px}
.topbar{border-bottom-color:#f0c7e6;box-shadow:0 5px 18px rgba(153,26,132,.08)}
.brand-mark{background:linear-gradient(135deg,#ff168f,#8a24f4);box-shadow:0 8px 20px rgba(255,22,143,.35)}
.brand-copy strong{font-size:20px}
.brand-copy small{font-size:11px;color:#655478}
.top-nav a{font-size:14px}
.plan-pill{background:linear-gradient(100deg,#fff0f8,#f2e7ff);border-color:#f2a9db;color:#a40070}
.sidebar{background:#fffafd;border-right-color:#e8c9f2}
.new-project{background:linear-gradient(110deg,#ff168f,#a51cff);box-shadow:0 10px 22px rgba(255,22,143,.25)}
.side-link{font-size:14px}
.side-link:hover,.side-link.selected{background:linear-gradient(100deg,#ffe0f2,#f0e2ff);color:#c5007c}
.sidebar-mascot{background:linear-gradient(145deg,#ffd9ef,#e8d8ff);border-color:#f5a9dc}
.hero{background:radial-gradient(circle at 10% 10%,#ffb7e1 0,transparent 42%),radial-gradient(circle at 85% 85%,#d9b4ff 0,transparent 38%),linear-gradient(110deg,#ffe3f3,#f0ddff 54%,#ffd9ed);border:2px solid #f6b4de;box-shadow:0 16px 34px rgba(170,27,129,.13)}
.hero-mascot{background:linear-gradient(150deg,#ffb6df,#d9b2ff)}
.hero-copy h1{font-size:clamp(30px,3.2vw,45px)}
.hero-highlight{background:linear-gradient(90deg,#ff168f,#8924f5);font-size:18px}
.hero-description{color:#463653;font-size:14px}
.hero-benefits span{background:#fff;color:#7a145b;border-color:#ffb1df;font-size:11px;padding:7px 10px}
.hero-note{background:linear-gradient(145deg,#fff,#ffe7f6);border:2px solid #ffb3df;color:#65215f;font-size:14px}
.hero-note strong{color:#e6007e;font-size:19px}
.workspace-heading h2,.how-section h2{font-size:29px}
.muted{font-size:14px;color:#625875}
.step-counter{border-color:#f2b8e0;color:#4c365e;font-size:13px}
.form-card{border-color:#e8c9f4;box-shadow:0 8px 22px rgba(99,33,124,.07)}
.section-title h3{font-size:17px;color:#20113e}
.section-title p{font-size:12px;color:#655778}
.number{background:linear-gradient(135deg,#ff168f,#a51cff);box-shadow:0 6px 15px rgba(255,22,143,.32)}
.photo-preview{height:235px;background:#fff1fa;border:2px dashed #e3a6d9}
.photo-actions .btn{font-size:13px;min-height:48px}
.btn{font-size:13px}
.btn-primary{background:linear-gradient(105deg,#ff168f,#b20cf1);box-shadow:0 8px 18px rgba(255,22,143,.28)}
.btn-secondary{background:#f1e7ff;border-color:#dcc3fa;color:#40265f}
.field-help{font-size:12px;color:#625875}
.choice-card{border-color:#e8d7f2;background:#fffafd;padding:6px;gap:7px}
.choice-card img,.avatar-placeholder{height:112px;border-radius:10px}
.choice-card span:last-child{font-size:12px;min-height:28px;color:#3d2b56}
.choice-card.active,.environment-choice.active,.platform-choice.active{border-color:#ff168f;box-shadow:0 0 0 3px rgba(255,22,143,.18);background:#fff0f9}
.avatar-placeholder{font-size:42px}
.environment-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.environment-choice{padding:5px;border:1px solid #f0d9f4;border-radius:13px;background:#fffafd;gap:7px}
.environment-choice img{height:112px;border-radius:10px;box-shadow:0 4px 10px rgba(55,19,72,.09)}
.environment-choice span{font-size:12px;line-height:1.25;color:#3b2855}
.speech-card textarea{font-size:15px;min-height:136px;border-color:#dfc1f0}
.speech-meta{font-size:12px;color:#625875}
.duration-row>span{font-size:12px}
.duration-choice{font-size:13px;border-color:#dec4f2}
.platform-choice{border-color:#e6d1f3;padding:14px;background:#fff}
.platform-choice b{font-size:14px}
.platform-choice small{font-size:12px;color:#625875}
.platform-icon{width:42px;height:42px;flex-basis:42px}
.ready-panel{background:linear-gradient(105deg,#ffe0f2,#e8dcff);border:1px solid #f0b1df}
.ready-copy h3{font-size:16px;color:#21113e}
.ready-copy p{font-size:13px;color:#514363}
.summary-chips span{font-size:11px;border-color:#f1c9e5;color:#49345c}
.ready-status{font-size:12px;color:#18744c}
.action-panel{background:linear-gradient(115deg,#21123e,#3a1765 65%,#52166f);box-shadow:0 14px 32px rgba(40,10,72,.25);border:1px solid #63358d}
.action-intro h3{font-size:19px}
.action-intro p{font-size:14px;color:#f1e5ff;line-height:1.65}
.btn-large{font-size:14px;min-height:54px;padding:15px 19px}
.btn-flow{background:linear-gradient(110deg,#fff,#f1e7ff);border-color:#e6c5fa}
.action-note{font-size:12px;color:#eee0ff}
.how-section{border-color:#e8c9f4;box-shadow:0 8px 24px rgba(99,33,124,.07)}
.how-card{background:linear-gradient(150deg,#fff,#fff0fa);border-color:#efc8e8}
.how-card h3{font-size:15px;color:#261442}
.how-card p{font-size:13px;color:#5f5273}
.how-number{background:linear-gradient(135deg,#ff168f,#8924f5)}
.mascot-stamp{background:linear-gradient(100deg,#ffe0f2,#eadcff);color:#a40070;font-size:12px}
.help-section{background:linear-gradient(100deg,#ffdbf0,#e3d2ff);border-color:#f3a9d8}
.help-section h2{font-size:20px;color:#24113e}
.help-section p{font-size:14px;color:#554166}
footer{font-size:12px;color:#665775}
.toast{background:#21123e;border-color:#8540a9;font-size:14px}
@media(max-width:1250px){.environment-choice img{height:98px}.choice-card img,.avatar-placeholder{height:100px}.section-title h3{font-size:16px}.hero-copy h1{font-size:clamp(29px,3vw,40px)}}
@media(max-width:900px){.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.environment-choice img{height:112px}.choice-card img,.avatar-placeholder{height:110px}.hero-description{font-size:14px}.action-intro p{font-size:14px}}
@media(max-width:620px){body{font-size:15px}.main-content{padding:12px}.hero-copy h1{font-size:32px}.hero-benefits span{font-size:11px}.section-title h3{font-size:16px}.section-title p{font-size:12px}.photo-preview{height:250px}.choice-card img,.avatar-placeholder{height:112px}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.environment-choice img{height:128px}.environment-choice span{font-size:13px}.field-help{font-size:12px}.speech-card textarea{font-size:15px}.platform-grid{grid-template-columns:1fr 1fr}.platform-choice b{font-size:12px}.platform-choice small{font-size:11px}.action-intro p{font-size:13px}.btn-large{white-space:normal}.action-note{font-size:12px}}