:root{color-scheme:light;--bg:#f8fafc;--bg-card:#fff;--ink:#1e293b;--ink-secondary:#64748b;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent-1:#f472b6;--accent-2:#22d3ee;--accent-3:#fbbf24;--accent-4:#34d399;--border:rgba(148,163,184,.12);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(244,114,182,.06) 0,transparent 40%),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(34,211,238,.05) 0,transparent 50%);z-index:-1}.page{max-width:1200px;margin:0 auto;padding:60px 24px 100px}.hero{text-align:center;margin-bottom:40px;animation:fadeInDown .6s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border:1px solid rgba(99,102,241,.2);color:var(--primary);font-weight:600;font-size:.9rem;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-badge svg{width:18px;height:18px}.hero h1{font-size:clamp(2.5rem,5vw + 1rem,4rem);font-weight:800;margin:20px 0 16px;background:linear-gradient(135deg,var(--ink) 0,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.hero-desc{max-width:560px;margin:0 auto;font-size:1.15rem}.hero-desc,.hero-meta{color:var(--ink-secondary)}.hero-meta{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:.9rem}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-meta svg{width:16px;height:16px;opacity:.7}.inputCard{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:28px 32px;box-shadow:var(--shadow-lg);animation:fadeInUp .6s ease-out .1s both}.inputHeader{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.inputHeader h2{font-size:1.25rem;font-weight:600;color:var(--ink)}.inputHeader p{color:var(--ink-secondary);font-size:.95rem;margin-top:4px}.charCount{padding:6px 14px;border-radius:100px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));color:var(--primary);font-weight:600;font-size:.85rem;white-space:nowrap}.textarea{width:100%;min-height:140px;padding:18px 20px;border:2px solid var(--border);border-radius:var(--radius-lg);font-size:1.1rem;font-family:inherit;background:#f8fafc;color:var(--ink);outline:none;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1)}.textarea:focus{border-color:var(--primary-light);background:var(--bg-card);box-shadow:0 0 0 4px rgba(99,102,241,.15)}.textarea::placeholder{color:var(--ink-secondary);opacity:.7}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button svg{width:18px;height:18px}.button.primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.4)}.button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5)}.button.primary:active:not(:disabled){transform:translateY(0)}.button.ghost{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.button.ghost:hover:not(:disabled){background:rgba(239,68,68,.15);transform:translateY(-1px)}.button.subtle{background:rgba(148,163,184,.1);color:var(--ink);border:1px solid rgba(148,163,184,.2)}.button.subtle:hover:not(:disabled){background:rgba(148,163,184,.2);transform:translateY(-1px)}.grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .5s ease-out both;animation-delay:calc(var(--delay, 0) + .1s)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-title{display:flex;align-items:center;gap:12px}.card-dot{width:12px;height:12px;border-radius:50%;background:var(--accent,var(--primary));box-shadow:0 0 0 4px currentColor,0 0 0 6px rgba(99,102,241,.2);flex-shrink:0}.card-name{font-weight:600;font-size:1rem;color:var(--ink)}.card-note{font-size:.85rem;margin-top:2px}.card-note,.card-pill{color:var(--ink-secondary)}.card-pill{padding:4px 10px;border-radius:100px;background:rgba(148,163,184,.1);font-size:.75rem;font-weight:500;white-space:nowrap}.card-output{margin-top:16px;padding:16px;border-radius:var(--radius);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid rgba(148,163,184,.15);font-size:1.15rem;min-height:56px;word-break:break-all;transition:all .2s ease;display:flex;align-items:center}.card-output.fancy{font-family:Segoe UI Symbol,Apple Symbols,Noto Sans Symbols2,Noto Sans Symbols,Noto Sans Math,Cambria Math,-apple-system,sans-serif}.card-output.empty{color:var(--ink-secondary);font-style:italic;font-size:.95rem}.card .button{width:100%;margin-top:16px;padding:10px 16px;font-size:.9rem}.footer{margin-top:48px;padding:24px 28px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(168,85,247,.05));border:1px solid rgba(99,102,241,.1);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer h3{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:6px}.footer p{color:var(--ink-secondary);font-size:.9rem;line-height:1.6}.footer-made{padding:10px 18px;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);font-weight:600;font-size:.85rem;white-space:nowrap}.footer-made,.toast{border-radius:100px;color:#fff}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(100px);padding:14px 28px;background:var(--ink);font-weight:500;font-size:.95rem;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:1000;animation:toastIn .4s cubic-bezier(.4,0,.2,1) forwards;display:flex;align-items:center;gap:10px}.toast svg{width:18px;height:18px;color:#34d399}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}@media (max-width:768px){.page{padding:40px 16px 80px}.hero h1{font-size:2.2rem}.hero-desc{font-size:1rem}.inputCard{padding:20px}.inputHeader{gap:12px}.actions,.inputHeader{flex-direction:column}.actions .button{width:100%}.grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;text-align:left}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_0eeb07{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_0eeb07{--font-sans:"DM Sans","DM Sans Fallback"}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/47f136985ef5b5cb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/4ead58c4dcc3f285-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/28a2004cf8372660-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/eaead17c7dbfcd5d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Playfair Display Fallback;src:local("Times New Roman");ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:111.26%}.__className_21a4c0{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.__variable_21a4c0{--font-serif:"Playfair Display","Playfair Display Fallback"}