:root{--bg:#f7f6f0;--surface:#ffffffd6;--surface-strong:#fff;--border:#516f8629;--text:#24334a;--muted:#5f6f84;--primary:#1f6b73;--primary-strong:#19555b;--secondary:#ef9b4b;--secondary-soft:#ffe7ce;--hero-home:linear-gradient(135deg, #fff3def5, #e8f6f1f2);--hero-stars:linear-gradient(135deg, #1f6b73 0%, #33888f 42%, #ef9b4b 100%);--shadow:0 24px 60px #223c501a;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--shell:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 0 0,#ffe9ccbf,#0000 30%),radial-gradient(circle at 100% 0,#d6efe8b3,#0000 32%),linear-gradient(#fbfaf7 0%,#f0f4f3 100%);margin:0;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh}.shell{width:min(calc(100% - 32px), var(--shell));margin:0 auto}.page-stack{gap:24px;padding:28px 0 64px;display:grid}.page-stack--hero-home{margin-top:-8px}.homepage-section{gap:20px;display:grid}.homepage-section--about{gap:24px}.page-stack--tight{padding-top:24px}.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #516f861f;position:sticky;top:0}.site-header__inner{width:min(calc(100% - 32px), var(--shell));justify-content:space-between;align-items:center;gap:18px;min-height:86px;margin:0 auto;display:flex}.site-header__brand{color:var(--primary-strong);align-items:center;gap:12px;font-size:1.75rem;font-weight:800;display:inline-flex}.site-header__icon{font-size:1.8rem;line-height:1}.site-header__nav{flex-wrap:wrap;align-items:center;gap:34px;display:flex}.site-header__nav a{color:#535353;font-size:.96rem;font-weight:600;transition:color .2s,transform .2s;position:relative}.site-header__nav a:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));transform-origin:50%;border-radius:999px;height:2px;transition:transform .2s;position:absolute;bottom:-12px;left:0;right:0;transform:scaleX(0)}.site-header__nav a:hover,.site-header__nav a.is-active{color:var(--primary-strong)}.site-header__nav a:hover:after,.site-header__nav a.is-active:after{transform:scaleX(1)}.hero{padding:0 0 24px}.hero__inner{background:var(--hero-home);min-height:auto;box-shadow:none;border:none;border-radius:0;align-items:center;display:flex;overflow:visible}.hero--stars .hero__inner{background:linear-gradient(135deg,#ffeccff2,#e0f2ece0)}.hero--generator .hero__inner,.hero--about .hero__inner{background:linear-gradient(135deg,#dff3edf0,#ffe8d4e0)}.hero--image .hero__inner{background:linear-gradient(135deg,#ebd4f5eb,#fff5cfeb)}.hero--contact .hero__inner{background:linear-gradient(135deg,#ead7f6eb,#fff4d1eb)}.hero__content{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:104px 24px 22px}.eyebrow{color:var(--primary-strong);background:#1f6b731a;border-radius:999px;align-items:center;padding:8px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.hero h1,.section-heading h1{letter-spacing:-.05em;color:var(--primary-strong);margin:14px 0 10px;font-size:clamp(2.9rem,5vw,4.45rem);line-height:1.15}.hero p,.section-heading p,.section-card p,.feature-card p,.faq-item p,.article-card p,.feature-link,.muted-text,.related-list__item{color:var(--muted);line-height:1.75}.hero__content>p{color:#555;max-width:1200px;margin:0 auto;font-size:1.1rem}.hero__stars{flex-wrap:wrap;justify-content:center;gap:16px;margin:18px 0;font-size:clamp(2rem,4vw,3.15rem);display:flex}.hero__stars span{background:var(--hero-stars);color:#0000;-webkit-background-clip:text;background-clip:text}.section-card,.feature-card,.faq-item,.detail-grid__item,.showcase-item,.related-list__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.section-card{padding:28px}.section-card--split{grid-template-columns:1fr 1fr;gap:24px;display:grid}.section-heading{margin-bottom:18px}.section-heading--center{text-align:center;max-width:980px;margin:0 auto}.section-heading h2,.feature-card h3,.faq-item h3,.article-card h2,.article-card h3,.detail-grid__title,.related-list__item strong{letter-spacing:-.03em;margin:0 0 10px}.section-heading h2{font-size:clamp(1.7rem,3vw,2.2rem)}.pill-tabs{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.pill-tabs button,.ghost-button,.secondary-button,.primary-button,.feature-link,.anchor-list a,.preview-symbol{border:1px solid #7185bc2e;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s}.pill-tabs button,.ghost-button,.secondary-button,.primary-button{color:#1f1f1f;background:#fffffff5;padding:11px 20px;font-weight:500}.pill-tabs button.is-active,.primary-button,.feature-link:hover{background:linear-gradient(135deg, var(--primary), #2d8790);color:#fff;border-color:#0000;box-shadow:0 16px 30px #1f6b732e}.primary-button--inline{display:inline-flex}.primary-button:hover,.secondary-button:hover,.pill-tabs button:hover,.ghost-button:hover,.symbol-tile:hover,.detail-grid__item:hover,.showcase-item:hover,.related-list__item:hover{transform:translateY(-2px)}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px;display:grid}.symbol-tile__icon,.detail-grid__symbol,.detail-hero__symbol,.preview-symbol,.mini-symbol,.home-generator-symbol{font-family:Apple Symbols,Segoe UI Symbol,Apple Color Emoji,Segoe UI Emoji,sans-serif}.home-stars-card{border-radius:24px;max-width:1200px;margin:0 auto}.home-stars-card .pill-tabs button{min-width:148px}.home-stars-card .symbol-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.symbol-grid--wide{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.symbol-tile{background:#fffffffa;border:1px solid #7185bc2e;border-radius:12px;place-items:center;min-height:58px;display:grid}.symbol-tile__icon{font-size:1.9rem;line-height:1}.section-cta{margin:20px 0 0}.section-cta--generator{text-align:center;color:#555}.section-cta--home-link{color:#516172;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.inline-cta-link{color:var(--primary-strong);background:linear-gradient(135deg,#1f6b731a,#ef9b4b29);border:1px solid #1f6b7324;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 12px 28px #1f6b7314}.inline-cta-link:hover{border-color:#1f6b7347;transform:translateY(-2px);box-shadow:0 18px 36px #1f6b7324}.home-generator-card{max-width:1200px;margin:0 auto;padding:20px 0 0}.home-generator-panel{background:#f6f8ffe6;border:1px solid #7e93d659;border-radius:18px;padding:18px 16px 16px}.home-generator-panel h3{color:#4c56c8;text-align:center;margin:0 0 14px;font-size:1.25rem}.home-generator-rows{gap:12px;display:grid}.home-generator-row{grid-template-columns:120px 1fr;align-items:start;gap:14px;display:grid}.home-generator-label{color:#4c56c8;text-align:right;padding-top:10px;font-weight:700}.home-generator-symbols{flex-wrap:wrap;gap:8px;display:flex}.home-generator-symbol{background:#fffffff5;border:1px solid #7e93d642;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1.4rem;display:inline-grid}.home-generator-input{margin-top:18px}.text-area--home-generator{min-height:110px}.home-generator-bottom{padding-top:24px}.home-generator-bottom-grid{grid-template-columns:1fr 1fr;align-items:end;gap:24px;display:grid}.preview-box--home{background:#f4f6fff5;align-items:center;min-height:52px;padding:14px 18px;display:flex}.home-generator-actions{justify-content:center;margin-top:22px;display:flex}.primary-button--center{min-width:250px}.result-block{margin-top:16px}.result-box--home{min-height:90px}.secondary-button--copy{margin-top:12px}.symbol-row,.button-row,.checkbox-row,.link-stack{flex-wrap:wrap;gap:12px;display:flex}.mini-symbol,.preview-symbol{background:#ffffffdb;place-items:center;min-width:48px;min-height:48px;display:inline-grid}.text-area,.field input,.field select,.result-box,.preview-box,.ascii-output,.preview-symbols,.upload-dropzone{background:#ffffffd1;border:1px solid #7185bc2e;border-radius:20px;width:100%}.text-area,.field input,.field select{color:var(--text);padding:16px}.text-area{resize:vertical;min-height:140px}.select-grid{gap:14px;display:grid}.field{color:var(--muted);gap:8px;font-weight:600;display:grid}.field--stacked{margin-top:16px}.preview-box,.result-box{padding:18px}.result-box{white-space:pre-wrap;min-height:110px}.result-box--large{min-height:180px}.content-grid,.feature-grid,.split-panel,.detail-layout{gap:24px;display:grid}.content-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{padding:24px}.guide-card{gap:16px;display:grid}.guide-card__meta{color:var(--muted);gap:6px;display:grid}.feature-number{background:linear-gradient(135deg, var(--primary), #735de0);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-weight:800;display:inline-grid}.faq-list{gap:14px;max-width:1200px;margin:0 auto;display:grid}.faq-item{padding:20px}.feature-link{color:var(--primary-strong);background:#ffffffc7;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:700;display:flex}.listing-layout{grid-template-columns:320px minmax(0,1fr);gap:24px;display:grid}.sidebar-card{align-self:start;position:sticky;top:108px}.anchor-list{gap:10px;display:grid}.anchor-list a{color:var(--text);background:#f4f8f7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.anchor-list a span{white-space:nowrap;font-size:.95rem;font-weight:600}.anchor-list a strong{min-width:34px;height:34px;color:var(--primary-strong);background:#1f6b7314;border-radius:999px;place-items:center;padding:0 10px;font-size:.92rem;display:inline-grid}.anchor-list a.is-active{background:linear-gradient(135deg,#1f6b731f,#ef9b4b24);border-color:#1f6b7338;box-shadow:0 14px 28px #1f6b731a}.listing-section{scroll-margin-top:110px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.detail-grid__item{text-align:center;padding:18px 16px}.detail-grid__symbol{min-height:40px;margin-bottom:10px;font-size:2rem;display:block}.detail-layout{grid-template-columns:1.15fr .85fr;align-items:start}.breadcrumb{color:var(--muted);align-items:center;gap:10px;padding-top:20px;display:flex}.detail-hero{grid-template-columns:280px 1fr;align-items:center;gap:20px;display:grid}.detail-hero__symbol{background:radial-gradient(circle at top,#4f6bda24,#0000 45%),#ffffffe6;border:1px solid #7185bc2e;border-radius:28px;min-height:260px;font-size:7rem}.detail-hero__meta p{margin:0 0 12px}.key-value-list{gap:12px;display:grid}.key-value-list__row{background:#f5f7fff2;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.code-copy{color:var(--primary-strong);background:0 0;border:none;padding:0;font-weight:700}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.showcase-item{text-align:left;gap:10px;padding:18px;display:grid}.showcase-item strong{color:var(--text);font-size:1.5rem}.article-card--wide{max-width:900px}.article-section+.article-section{margin-top:22px}.ordered-list{color:var(--muted);margin:0;padding-left:20px;line-height:1.8}.example-list{gap:12px;display:grid}.example-list div,.preview-symbols{padding:16px}.preview-symbols{flex-wrap:wrap;align-items:center;gap:10px;min-height:88px;display:flex}.split-panel{grid-template-columns:1.1fr .9fr;margin-top:22px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.upload-dropzone{text-align:center;padding:26px}.hidden-input{display:none}.image-preview{background:#ffffffdb;border:1px solid #7185bc2e;border-radius:22px;margin-top:18px;padding:16px}.image-preview img{object-fit:contain;border-radius:16px;width:100%;max-height:320px;display:block}.checkbox-row label{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.ascii-output{min-height:420px;padding:18px;overflow:auto}.ascii-output--dark{color:#f7f8fc;background:#0f1625}.ascii-output pre{margin:0;font-family:Menlo,Consolas,monospace;font-size:.72rem;line-height:1}.related-list{gap:12px;display:grid}.related-list__item{gap:6px;padding:16px;display:grid}.related-list__item span{font-size:1.6rem}.site-footer{color:#ffffffe6;background:linear-gradient(#203745 0%,#152630 100%);margin-top:16px;padding:40px 0 28px}.site-footer__grid{grid-template-columns:1.2fr .8fr .8fr 1fr;gap:24px;display:grid}.site-footer__brand{align-items:center;gap:10px;margin-bottom:10px;font-size:1.2rem;display:inline-flex}.site-footer h3{margin-top:0}.site-footer p,.site-footer li,.site-footer a,.site-footer__bottom{color:#ffffffb8;line-height:1.8}.site-footer ul{margin:0;padding:0;list-style:none}.footer-link-button{color:#ffffffb8;cursor:pointer;background:0 0;border:none;padding:0;line-height:1.8}.site-footer__bottom{border-top:1px solid #ffffff1f;margin-top:18px;padding-top:16px}.toast{z-index:50;color:#fff;opacity:0;pointer-events:none;background:#202840eb;border-radius:18px;max-width:320px;padding:14px 16px;transition:opacity .2s,transform .2s;position:fixed;bottom:20px;right:20px;transform:translateY(10px);box-shadow:0 20px 50px #1720333d}.toast.show{opacity:1;transform:translateY(0)}.cookie-banner{z-index:60;color:#fffffff0;background:#141f28f5;border-radius:22px;gap:18px;max-width:760px;margin:0 auto;padding:20px 22px;display:grid;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 24px 60px #0c141c4d}.cookie-banner__content{gap:8px;display:grid}.cookie-banner__content h3{margin:0;font-size:1.1rem}.cookie-banner__content p,.cookie-banner__meta,.cookie-banner__meta a{color:#ffffffc7;margin:0;line-height:1.65}.cookie-banner__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:1100px){.section-card--split,.content-grid,.split-panel,.detail-layout,.listing-layout,.detail-hero,.site-footer__grid{grid-template-columns:1fr}.feature-grid--four,.feature-grid--two,.detail-grid,.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-generator-bottom-grid,.home-generator-row{grid-template-columns:1fr}.home-generator-label{text-align:left;padding-top:0}.sidebar-card{position:static}.anchor-list a span{white-space:normal}}@media (max-width:720px){.site-header__inner{flex-direction:column;align-items:flex-start;min-height:auto;padding:12px 0}.site-header__nav,.pill-tabs,.button-row,.symbol-row,.checkbox-row{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.hero{padding-top:0}.hero__content,.section-card{padding:22px}.hero__content{padding-top:72px;padding-bottom:16px}.feature-grid,.feature-grid--two,.feature-grid--three,.feature-grid--four,.detail-grid,.showcase-grid{grid-template-columns:1fr}.home-generator-symbols{gap:6px}.home-generator-symbol{width:34px;height:34px}.cookie-banner{padding:18px;bottom:12px;left:12px;right:12px}.cookie-banner__actions{justify-content:stretch}}