:root{--bg: #f7f8fb;--card: #ffffff;--text: #111827;--muted: #6b7280;--accent: #7c3aed;--accent-strong: #6d28d9;--border: #e5e7eb;--soft: #f3f4f6;--success: #10b981;--error: #ef4444;--shadow: 0 16px 40px rgba(17, 24, 39, .06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:26px}body:before{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 25% 8%,rgba(124,58,237,.08),transparent 28rem),linear-gradient(180deg,#ffffff 0%,var(--bg) 34rem);content:""}a{color:inherit;text-decoration:none}button,textarea,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.container{width:min(100% - 40px,1120px);margin-inline:auto}.site-header{position:sticky;top:12px;z-index:20;margin-top:14px}.header-shell{display:flex;align-items:center;justify-content:space-between;min-height:68px;border:1px solid var(--border);border-radius:18px;background:#ffffffe0;box-shadow:0 12px 30px #1118270d;padding:0 22px;backdrop-filter:blur(14px)}.brand{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:0}.nav{display:flex;align-items:center;gap:24px;color:#374151;font-weight:600}.nav a:hover{color:var(--accent)}.mobile-menu{display:none;width:44px;height:44px;border:0;background:transparent;color:var(--text)}.mobile-nav{display:none}.icon-bars,.icon-copy,.icon-trash,.icon-share,.icon-play,.icon-mic,.icon-stop,.icon-next,.icon-eye,.icon-apple{display:inline-block;width:20px;height:20px;flex:0 0 auto;position:relative}.icon-bars:before,.icon-bars:after{position:absolute;left:2px;width:16px;height:2px;border-radius:10px;background:currentColor;content:""}.icon-bars:before{top:5px;box-shadow:0 5px 0 currentColor}.icon-bars:after{top:15px}.hero{padding:58px 0 28px;text-align:center}.hero h1{max-width:920px;margin:0 auto 16px;font-size:48px;line-height:56px;letter-spacing:0}.hero p{max-width:780px;margin:0 auto;color:var(--muted);font-size:20px;line-height:32px}.grid-main{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-bottom:48px}.card{border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:var(--shadow);padding:32px}.tool-card{max-width:960px;margin-inline:auto}.field-label{display:block;margin-bottom:10px;font-size:18px;font-weight:800}.textarea-wrap{position:relative}textarea{width:100%;min-height:118px;resize:vertical;border:1px solid #cfd5df;border-radius:16px;color:var(--text);outline:none;padding:18px 50px 18px 18px;font-size:20px;line-height:30px}textarea:focus,.result-box:focus-within{border-color:#7c3aed8c;box-shadow:0 0 0 4px #7c3aed1a}.clear-mini{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);font-size:30px;line-height:1}.segmented{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.mode-button,.example-button,.btn{min-height:48px;border:1px solid #d8dee8;border-radius:14px;background:#fff;color:#374151;font-weight:700}.mode-button.is-active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 10px 22px #7c3aed3d}.examples{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.example-button{min-height:40px;border-radius:999px;padding:0 14px;font-size:14px;line-height:20px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px}.result-box{min-height:72px;border:1px solid rgba(124,58,237,.26);border-radius:16px;background:linear-gradient(135deg,#7c3aed0f,#fff 70%);padding:18px;color:var(--text);font-size:22px;line-height:32px;word-break:break-word}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px}.btn-primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn-primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.btn-secondary{background:var(--soft);color:var(--text)}.btn-ghost{background:#fff}.status{min-height:24px;margin-top:12px;color:var(--muted);font-size:14px;line-height:22px}.status[data-tone=success]{color:var(--success)}.status[data-tone=error]{color:var(--error)}.promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.promo-card{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;overflow:hidden}.promo-card h2,.content-section h2,.faq-card h2{margin:0 0 10px;font-size:32px;line-height:40px;letter-spacing:0}.promo-card p,.content-section p,.content-section li,.faq-answer,.short-answer p{color:var(--muted)}.wave-art,.phone-art{min-height:180px;position:relative}.wave-art:before,.phone-art:before{position:absolute;inset:10px;border-radius:999px;background:#7c3aed17;content:""}.wave-bars{position:absolute;inset:58px 16px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--accent)}.wave-bars span{width:5px;height:var(--h);border-radius:999px;background:currentColor;opacity:.82}.phone-frame{position:absolute;right:18px;bottom:-30px;width:126px;height:238px;transform:rotate(12deg);border:5px solid #111827;border-radius:28px;background:#fff;box-shadow:0 18px 34px #1118272e}.phone-frame:before{position:absolute;top:8px;left:38px;width:40px;height:10px;border-radius:999px;background:#111827;content:""}.phone-frame:after{position:absolute;inset:74px 28px;border-radius:999px;background:linear-gradient(135deg,#7c3aed2e,#7c3aed0a);content:""}.short-answer{border-left:4px solid var(--accent);margin:0 0 24px;padding:16px 18px;background:#fff;border-radius:0 16px 16px 0}.content-section{max-width:960px;margin-inline:auto}.content-section+.content-section{margin-top:18px}.examples-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 0}.example-tile{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff;font-weight:800}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;padding:38px 0 56px}.page-grid>.promo-card{grid-template-columns:1fr}.page-grid>.promo-card .phone-art{min-height:170px}.page-hero{padding:48px 0 8px}.page-hero h1{max-width:840px;margin:0 0 14px;font-size:48px;line-height:56px}.page-hero p{max-width:760px;margin:0;color:var(--muted);font-size:19px;line-height:31px}.breadcrumb{margin-bottom:18px;color:var(--muted);font-size:14px}.game-panel{display:grid;gap:18px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.round-badge{display:inline-flex;align-items:center;height:36px;border-radius:999px;background:#7c3aed1a;color:var(--accent);padding:0 14px;font-weight:800}.phrase-box{border:1px dashed rgba(124,58,237,.55);border-radius:18px;background:#7c3aed0d;padding:22px}.phrase-box small{display:block;color:var(--muted);font-weight:700}.phrase-text{margin-top:6px;font-size:30px;line-height:38px;font-weight:900}.phrase-text.is-hidden{filter:blur(8px);user-select:none}.category-list{display:flex;flex-wrap:wrap;gap:10px}.category-button{min-height:40px;border:1px solid var(--border);border-radius:999px;background:#fff;padding:0 14px;color:#374151;font-weight:700}.category-button.is-active{border-color:var(--accent);color:var(--accent)}.privacy-note{border-radius:16px;background:#ecfdf5;color:#047857;padding:14px 16px;font-size:14px;line-height:22px}.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden}.faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;color:#374151;padding:15px 18px;text-align:left;font-weight:700}.faq-question:after{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);content:""}.faq-item[open] .faq-question:after{transform:rotate(225deg)}.faq-answer{display:none;padding:0 18px 16px}.faq-item[open] .faq-answer{display:block}.site-footer{border-top:1px solid var(--border);padding:28px 0 40px;color:var(--muted)}.footer-shell{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.app-cta{position:relative}.app-cta.is-ios{border-color:#7c3aed52;box-shadow:0 18px 46px #7c3aed21}.ios-note{display:none;margin-top:10px;color:var(--accent);font-weight:800}.app-cta.is-ios .ios-note{display:block}.icon-copy:before,.icon-copy:after{position:absolute;border:2px solid currentColor;border-radius:3px;content:""}.icon-copy:before{inset:5px 3px 3px 7px}.icon-copy:after{inset:2px 7px 7px 3px}.icon-trash:before{position:absolute;left:4px;right:4px;bottom:2px;height:13px;border:2px solid currentColor;border-top:0;border-radius:2px;content:""}.icon-trash:after{position:absolute;top:3px;left:3px;width:14px;height:2px;background:currentColor;box-shadow:4px -3px 0 -1px currentColor;content:""}.icon-share:before{position:absolute;left:4px;right:4px;bottom:3px;height:9px;border:2px solid currentColor;border-top:0;border-radius:3px;content:""}.icon-share:after{position:absolute;left:7px;top:1px;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-45deg);box-shadow:4px 4px 0 -3px currentColor;content:""}.icon-play:before{position:absolute;top:3px;left:6px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;content:""}.icon-stop:before{position:absolute;inset:4px;border-radius:3px;background:currentColor;content:""}.icon-mic:before{position:absolute;top:2px;left:7px;width:6px;height:11px;border:2px solid currentColor;border-radius:8px;content:""}.icon-mic:after{position:absolute;left:4px;bottom:2px;width:12px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;border-left:2px solid currentColor;border-radius:0 0 10px 10px;content:""}.icon-next:before,.icon-next:after{position:absolute;top:4px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid currentColor;content:""}.icon-next:before{left:3px}.icon-next:after{left:10px}.icon-eye:before{position:absolute;inset:5px 2px;border:2px solid currentColor;border-radius:70% 20%;transform:rotate(45deg);content:""}.icon-eye:after{position:absolute;top:8px;left:8px;width:4px;height:4px;border-radius:999px;background:currentColor;content:""}.icon-apple:before{position:absolute;left:5px;top:6px;width:10px;height:11px;border-radius:8px 8px 9px 9px;background:currentColor;content:""}.icon-apple:after{position:absolute;left:10px;top:1px;width:7px;height:5px;border-radius:8px 0;background:currentColor;transform:rotate(-30deg);content:""}@media(max-width:900px){.container{width:min(100% - 28px,760px)}.nav{display:none}.header-shell{position:relative}.mobile-menu{display:inline-flex;align-items:center;justify-content:center}.mobile-nav{position:absolute;top:calc(100% + 8px);right:0;left:0;display:none;grid-template-columns:1fr;gap:4px;border:1px solid var(--border);border-radius:16px;background:#fffffff5;box-shadow:0 18px 36px #1118271a;padding:8px;backdrop-filter:blur(14px)}.header-shell.is-menu-open .mobile-nav{display:grid}.mobile-nav a{border-radius:12px;padding:12px 14px;color:#374151;font-weight:700}.mobile-nav a:hover{background:#7c3aed14;color:var(--accent)}.hero{padding-top:44px}.hero h1,.page-hero h1{font-size:34px;line-height:40px}.hero p,.page-hero p{font-size:17px;line-height:28px}.card{border-radius:20px;padding:20px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-grid,.promo-card,.page-grid{grid-template-columns:1fr}.promo-card{gap:8px}.wave-art,.phone-art{min-height:150px}.examples-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-shell{flex-direction:column}}@media(max-width:560px){.header-shell{min-height:76px;border-radius:16px}.brand{font-size:22px}.hero{padding-bottom:18px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.result-row{grid-template-columns:1fr}.actions .btn{width:100%}.promo-card h2,.content-section h2,.faq-card h2{font-size:26px;line-height:34px}textarea,.result-box{font-size:18px;line-height:28px}}