:root{--bg: #faf7f2;--bg-2: #f2eee5;--card: #ffffff;--card-2: #fbf9f4;--line: #e7e0d3;--line-soft: #efe9dd;--ink: #18191c;--ink-dim: #5d6066;--ink-faint: #6f6a61;--green: #00c25a;--green-text: #0a8f48;--green-dim: #0a8f48;--orange: #ff8a3d;--red: #ff5468;--radius: 20px;--radius-sm: 14px;--maxw: 1120px;--shadow: 0 18px 50px -24px rgba(60,50,30,.22);--shadow-glow: 0 28px 80px -36px rgba(0,194,90,.5);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}.green{color:var(--green-text)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.55;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 82% -10%,rgba(0,194,90,.1),transparent 60%),radial-gradient(760px 520px at 4% 4%,rgba(255,138,61,.07),transparent 55%)}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);background:#faf7f2b8;border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:-.02em;white-space:nowrap}.logo:before{content:"💸";margin-right:7px;font-size:1.05em;vertical-align:-2px}.logo b{color:var(--green-text)}.nav-links{display:flex;align-items:center;gap:26px}.nav-links a:not(.btn){color:var(--ink-dim);font-size:14px;font-weight:500;transition:color .15s ease}.nav-links a:not(.btn):hover{color:var(--ink)}.lang-toggle{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:13px;color:var(--ink-dim);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.lang-toggle:hover,.lang-picker.open .lang-toggle{color:var(--ink);border-color:var(--ink-faint)}.lang-toggle:after{content:"▾";font-size:10px;line-height:1;opacity:.55}.lang-picker{position:relative;display:inline-flex}.lang-fixed{position:fixed;top:14px;right:14px;z-index:50}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 32px #18191c1f;display:none;z-index:60}.lang-picker.open .lang-menu{display:block}.lang-item{display:flex;align-items:center;width:100%;gap:8px;padding:8px 10px;border:0;background:none;border-radius:8px;cursor:pointer;font-family:var(--mono);font-size:13px;color:var(--ink-dim);text-align:left}.lang-item:hover{background:var(--card-2);color:var(--ink)}.lang-item.active{color:var(--ink);font-weight:600}.lang-item.active:after{content:"✓";margin-left:auto;color:var(--green-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:-.01em;padding:12px 22px;border-radius:13px;border:1px solid transparent;cursor:pointer;transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .15s ease,border-color .15s ease,filter .15s ease;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green-text);outline-offset:3px}.btn.copied{color:var(--green-text)}.edit-loading{display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:56vh;color:var(--ink-dim);font-size:15px}.edit-loading-spin{width:30px;height:30px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-edit .edit-loading{display:flex}.loading-edit .create-head,.loading-edit .create-layout,.loading-edit .resume-bar{display:none!important}.btn-primary{background:linear-gradient(180deg,#16e575,#00c259);color:#04130a;box-shadow:0 8px 24px -10px #00d56399,inset 0 1px #ffffff40}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 34px -12px #00d563b3,inset 0 1px #ffffff40}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink-faint);background:var(--bg-2);transform:translateY(-1px)}.btn-block{width:100%}.btn-lg{padding:16px 28px;font-size:16px;border-radius:15px}.hero{padding:60px 0 56px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero-copy{text-align:left}.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--green-text);border:1px solid var(--green-dim);border-radius:999px;padding:7px 15px;margin-bottom:26px;background:#00c25a17}.hero h1{font-family:var(--display);font-size:clamp(46px,6.6vw,82px);line-height:.96;letter-spacing:-.04em;font-weight:700;margin:0 0 22px}.hero h1 .green{color:var(--green-text)}.hero p.sub{font-size:clamp(17px,2.2vw,20px);color:var(--ink-dim);max-width:38ch;margin:0 0 34px;line-height:1.6}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-family:var(--mono);font-size:12.5px;color:var(--green-text);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 13px;transition:border-color .15s ease,background .15s ease}.hero-trust:hover{border-color:var(--green-text);background:var(--card-2)}.hero-note{margin-top:12px;font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.hero-visual{display:flex;justify-content:center;perspective:1600px}.page-card.mock{max-width:420px;margin:0;padding:26px 28px;transform:rotateY(-9deg) rotateX(5deg);box-shadow:var(--shadow),var(--shadow-glow);animation:heroFloat 7s ease-in-out infinite;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.page-card.mock .avatar{width:66px;height:66px;font-size:32px;margin-bottom:12px}.page-card.mock .page-story{margin-bottom:18px}.page-card.mock .broke-score,.page-card.mock .support-btns{margin-bottom:16px}.page-card.mock .broke-score{margin-bottom:0}.hero-visual:hover .page-card.mock{transform:rotateY(0) rotateX(0)}@keyframes heroFloat{0%,to{transform:rotateY(-9deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-9deg) rotateX(5deg) translateY(-14px)}}@media (prefers-reduced-motion: reduce){.page-card.mock{animation:none}}.section{padding:88px 0}.section-head{text-align:center;max-width:44ch;margin:0 auto 52px}.section-head h2{font-family:var(--display);font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;font-weight:700;margin-bottom:14px;line-height:1.05;text-wrap:balance}.section-head p{color:var(--ink-dim);font-size:17px;line-height:1.6}.eyebrow{font-family:var(--mono);font-size:12px;color:var(--green-text);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}.demo-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 2px 22px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.demo-grid::-webkit-scrollbar{height:8px}.demo-grid::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.demo-grid::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.demo-grid::-webkit-scrollbar-track{background:transparent}.demo-card{flex:0 0 268px;scroll-snap-align:start;padding:24px 22px;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.demo-card:hover{transform:translateY(-7px);box-shadow:0 28px 54px -26px var(--accent-line, rgba(0,0,0,.25))}.demo-card .avatar{width:58px;height:58px;font-size:28px;margin-bottom:12px;box-shadow:0 0 0 5px var(--accent-soft, transparent)}.demo-card .status-pill{margin-bottom:12px}.demo-card .page-name{font-size:21px;margin-bottom:2px}.demo-card .page-handle{font-size:11px;margin-bottom:13px}.demo-card .page-story{font-size:13px;line-height:1.5;margin-bottom:15px;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-card .demo-cta{display:block;background:var(--accent, var(--green));color:#04130a;border-radius:11px;padding:11px;font-weight:700;font-size:13px;margin-bottom:13px}.demo-card .broke-score{padding:12px 14px;margin-bottom:0}.demo-card .broke-score .bs-num{font-size:24px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:transform .18s ease,border-color .18s ease,box-shadow .25s ease}.step:hover{transform:translateY(-5px);border-color:var(--ink-faint);box-shadow:var(--shadow)}.step-ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:26px;margin-bottom:16px;background:#00c25a1a;border:1px solid rgba(0,194,90,.22)}.step .num{font-family:var(--mono);font-size:11px;color:var(--green-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.step h3{font-size:19px;letter-spacing:-.02em;margin-bottom:8px}.step p{color:var(--ink-dim);font-size:14px;line-height:1.6}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px 20px;transition:border-color .15s ease}.faq details[open]{border-color:var(--ink-faint)}.faq summary{cursor:pointer;font-weight:600;font-size:16px;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--green-text);font-size:22px;font-weight:700;line-height:1;flex:0 0 auto}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-dim);font-size:15px;line-height:1.65;padding:0 0 18px;margin-top:-2px}.final-cta{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:28px;padding:64px 32px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.final-cta:before{content:"";position:absolute;inset:-50% 0 auto 0;height:320px;pointer-events:none;background:radial-gradient(50% 100% at 50% 0%,rgba(0,213,99,.16),transparent 70%)}.final-cta .stamp{position:relative;display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--green-text);border:2px solid var(--green-dim);border-radius:9px;padding:7px 13px;margin-bottom:22px;transform:rotate(-4deg);background:#00c25a0f}.final-cta h2{font-family:var(--display);font-size:clamp(30px,5vw,50px);letter-spacing:-.04em;font-weight:700;margin-bottom:14px;line-height:1.02;position:relative}.final-cta p{color:var(--ink-dim);font-size:18px;margin-bottom:30px;position:relative;max-width:38ch;margin-left:auto;margin-right:auto}.final-cta .btn{position:relative}.cta-floats span{position:absolute;font-size:34px;opacity:.16;pointer-events:none;animation:ctabob 6s ease-in-out infinite}.cta-floats span:nth-child(1){left:6%;top:30%;--r: -12deg;animation-delay:0s}.cta-floats span:nth-child(2){right:7%;top:22%;--r: 10deg;animation-delay:.8s}.cta-floats span:nth-child(3){left:13%;bottom:16%;--r: 8deg;animation-delay:1.6s}.cta-floats span:nth-child(4){right:11%;bottom:24%;--r: -8deg;animation-delay:2.4s}.cta-floats span:nth-child(5){left:49%;top:9%;--r: 6deg;animation-delay:3.2s}@keyframes ctabob{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}@media (prefers-reduced-motion: reduce){.cta-floats span{animation:none}}.footer{border-top:1px solid var(--line);padding:48px 0 36px;color:var(--ink-faint);background:var(--bg-2)}.foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:28px}.foot-brand .logo{font-size:20px}.foot-brand p{color:var(--ink-dim);font-size:14px;margin-top:6px}.foot-links{display:flex;gap:24px;flex-wrap:wrap}.foot-links a{color:var(--ink-dim);font-size:14px;transition:color .15s ease}.foot-links a:hover{color:var(--ink)}.footer .disclaimer{font-size:13px;max-width:72ch;line-height:1.7;padding-top:24px;border-top:1px solid var(--line)}.footer .disclaimer b{color:var(--ink-dim)}.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;font-family:var(--mono);font-size:12px}.foot-copy{color:var(--ink-faint)}.made{font-family:var(--mono);font-size:12px}.page-card.theme-tint{background:color-mix(in srgb,var(--accent) 10%,#fff);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));--bg-2: color-mix(in srgb, var(--accent) 7%, #fff)}.page-card.theme-gradient{background:linear-gradient(168deg,color-mix(in srgb,var(--accent) 18%,#fff),#fff 70%);border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.page-card.theme-dark{--bg: #1a1714;--bg-2: #241f19;--card: #1c1814;--card-2: #231e18;--line: #38312a;--ink: #f6f1ea;--ink-dim: #b4a99c;--ink-faint: #897f72;background:var(--card);border-color:var(--line)}.page-card.theme-mono{background:#fff;border-color:var(--line)}.page-card.theme-mono:before{display:none}.page-card.theme-mono .avatar{background:var(--bg-2);border-color:var(--line);box-shadow:none}.page-card.theme-mono .status-pill{background:var(--bg-2);border-color:var(--line)}.page-card.theme-mono .status-pill .dot{background:var(--ink)}.page-card.theme-mono .page-handle,.page-card.theme-mono .broke-score .bs-num{color:var(--ink)}.page-card.theme-mono .bs-meter>i{background:var(--ink);box-shadow:none}.page-card.theme-mono .support-btns a:first-child,.page-card.theme-mono .demo-cta{background:var(--ink);color:#fff}.page-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px}.page-card{--bg: #ece7dd;--bg-2: #f5f1e9;--card: #ffffff;--card-2: #faf7f1;--line: #e7e0d3;--ink: #18191c;--ink-dim: #565961;--ink-faint: #6f6a61;width:100%;max-width:480px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:36px 28px;text-align:center;position:relative;overflow:hidden;color:var(--ink);box-shadow:var(--shadow)}.page-card:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;background:radial-gradient(80% 100% at 50% 0%,var(--accent-glow, rgba(0,213,99,.18)),transparent 75%);pointer-events:none}.avatar{width:84px;height:84px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;font-size:40px;position:relative;background:var(--accent-soft, var(--bg-2));border:1px solid var(--accent-line, var(--line));box-shadow:0 0 0 6px var(--accent-soft, transparent),0 14px 34px -12px var(--accent-glow, rgba(0,0,0,.5))}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.status-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;padding:6px 13px;border-radius:999px;margin-bottom:16px;background:var(--accent-soft, rgba(0,213,99,.1));color:var(--ink-dim);border:1px solid var(--accent-line, var(--green-dim))}.status-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent, var(--green));animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.page-name{font-family:var(--display);font-size:27px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.page-handle{font-family:var(--mono);font-size:12px;margin-bottom:16px;color:var(--green-text);color:color-mix(in srgb,var(--accent, var(--green)),var(--ink) 42%)}.page-story{color:var(--ink-dim);font-size:16px;line-height:1.6;margin-bottom:24px;white-space:pre-wrap}.support-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.support-btns a{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:600;font-size:15px;transition:filter .15s ease,transform .1s ease,border-color .15s ease}.support-btns a:first-child{background:var(--accent, var(--green));color:#04130a;border-color:transparent;font-weight:700}.support-btns a:hover{transform:translateY(-1px);border-color:var(--accent-line, var(--ink-faint))}.support-btns a:first-child:hover{filter:brightness(1.08);border-color:transparent}.support-btns a:active{transform:translateY(1px)}.support-btns .link-host{margin:-5px 0 0;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);word-break:break-all}.broke-score{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:22px}.broke-score .bs-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.broke-score .bs-label{font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.broke-score .bs-num{font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--green-text);color:color-mix(in srgb,var(--accent, var(--green)),var(--ink) 38%)}.broke-score .bs-num span{font-size:15px;color:var(--ink-faint);font-weight:500}.broke-score .bs-meter{height:6px;background:var(--bg);border-radius:99px;overflow:hidden;margin:10px 0 6px}.broke-score .bs-meter>i{display:block;height:100%;background:var(--accent, var(--green));border-radius:99px}.broke-score .bs-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-top:1px solid var(--line)}.broke-score .bs-row:first-of-type{border-top:none;margin-top:8px;padding-top:10px}.broke-score .bs-row .k{color:var(--ink-faint)}.broke-score .bs-row .v{color:var(--ink);font-weight:600}.msg-wall{text-align:left;margin-bottom:8px}.msg-wall h4{font-size:13px;color:var(--ink-faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.msg{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:9px;font-size:14px;color:var(--ink)}.msg .who{color:var(--ink-faint);font-size:12px;font-family:var(--mono);margin-top:4px}.msg-section{width:100%;max-width:480px;margin-top:22px}.msg-title{font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;text-align:left}.msg-form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin-top:14px}.msg-form input,.msg-form textarea{width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--font);font-size:14px;color:var(--ink);margin-bottom:8px}.msg-form textarea{min-height:62px;resize:vertical;line-height:1.5}.msg-form input:focus,.msg-form textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #00c25a24}.msg-empty{color:var(--ink-faint);font-size:14px;text-align:center;padding:14px}.msg-del{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-size:15px;padding:0 2px;line-height:1}.msg-del:hover{color:var(--red)}.page-actions{display:flex;gap:10px;margin-top:26px;width:100%;max-width:480px}.page-actions .btn{flex:1}.remix-cta{width:100%;max-width:480px;margin-top:22px;display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.remix-cta .remix-emoji{font-size:28px;flex:0 0 auto}.remix-cta .remix-text{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.remix-cta .remix-text strong{font-size:15px}.remix-cta .remix-text span{font-size:13px;color:var(--ink-dim)}.remix-cta .btn{flex:0 0 auto}.page-foot{margin-top:22px;text-align:center}.page-foot a{font-family:var(--mono);font-size:13px;color:var(--ink-faint)}.page-foot a b{color:var(--green-text)}.page-foot a:hover b{filter:brightness(1.2)}.create-head{padding:40px 0 0;text-align:center}.create-head h1{font-family:var(--display);font-size:clamp(28px,4vw,38px);font-weight:700;letter-spacing:-.03em}.create-head p{color:var(--ink-dim);margin-top:8px;font-size:16px}.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;padding:28px 0 80px}.form-col{display:flex;flex-direction:column;gap:22px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}.field .hint{font-size:12px;color:var(--ink-faint);margin-top:6px}.field input[type=text],.field input[type=number],.field textarea,.field select{width:100%;background:#fff;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-family:var(--font);font-size:15px;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder,.field textarea::placeholder{color:#b9b3a8}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #00c25a24}.field textarea{resize:vertical;min-height:90px;line-height:1.5}.status-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:13px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;transition:all .12s ease}.chip:hover{border-color:var(--ink-faint);color:var(--ink)}.chip.on{background:#00c25a1f;border-color:var(--green-dim);color:var(--green-text)}.link-row{display:flex;gap:8px;margin-bottom:9px}.link-row select{flex:0 0 130px}.link-row input{flex:1}.link-row button{flex:0 0 auto;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;width:42px;cursor:pointer;font-size:18px}.link-row button:hover{color:var(--red);border-color:var(--red)}.add-link{background:none;border:1px dashed var(--line);color:var(--ink-dim);border-radius:10px;padding:10px;width:100%;cursor:pointer;font-size:14px}.add-link:hover{border-color:var(--green-dim);color:var(--green-text)}.link-edit{display:flex;flex-direction:column;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 10px 11px;margin-bottom:10px}.link-edit .link-top{display:flex;gap:8px;align-items:center}.link-edit .link-top select{flex:1}.link-edit .link-del{flex:0 0 auto;width:40px;height:40px;background:var(--card);border:1px solid var(--line);color:var(--ink-dim);border-radius:10px;cursor:pointer;font-size:18px;transition:color .15s ease,border-color .15s ease}.link-edit .link-del:hover{color:var(--red);border-color:var(--red)}.link-edit input{width:100%}.link-edit .link-warn{margin:0;font-size:12.5px;line-height:1.4;color:var(--red)}.link-edit:has(.link-warn){border-color:var(--red)}.link-edit .link-handle{display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.link-edit .link-handle:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #00c25a24}.link-edit .link-prefix{flex:0 0 auto;display:flex;align-items:center;padding:0 1px 0 14px;color:var(--ink-faint);font-size:15px;white-space:nowrap;-webkit-user-select:none;user-select:none}.link-edit .link-handle .link-url{flex:1;min-width:0;border:none;background:transparent;border-radius:0;padding-left:0}.link-edit .link-handle .link-url:focus{border:none;box-shadow:none}.counter{font-family:var(--mono);font-size:12px;color:var(--ink-faint);flex:0 0 auto}.avatar-upload{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar-pick-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:11px;background:#fff;border:1px solid var(--line);cursor:pointer;font-size:14px;font-weight:600;color:var(--ink);transition:border-color .12s ease}.avatar-pick-btn:hover{border-color:var(--ink-faint)}.avatar-thumb{position:relative;width:56px;height:56px;flex:none}.avatar-thumb img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid var(--line);display:block}.avatar-rm{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:var(--ink);color:#fff;cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center;padding:0}.crop-modal{max-width:360px;text-align:center}.crop-stage{position:relative;width:280px;height:280px;max-width:78vw;max-height:78vw;margin:4px auto 18px;border-radius:14px;overflow:hidden;background:#1a1a1a;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;left:0;top:0;max-width:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 9999px #00000080,inset 0 0 0 1px #ffffff80;pointer-events:none}.crop-zoom{width:80%;max-width:240px;margin:0 auto 18px;display:block;accent-color:var(--green, #00c25a)}.crop-actions{display:flex;gap:10px}.crop-actions .btn{flex:1}.emoji-pick{display:flex;flex-wrap:wrap;gap:8px}.emoji-btn{width:44px;height:44px;border-radius:11px;background:#fff;border:1px solid var(--line);cursor:pointer;display:grid;place-items:center;font-size:20px;transition:border-color .12s ease,background .12s ease,transform .08s ease}.emoji-btn:hover{border-color:var(--ink-faint)}.emoji-btn:active{transform:translateY(1px)}.emoji-btn.on{border-color:var(--green-dim);background:#00c25a1a}.preview-col{position:sticky;top:88px}.preview-label{font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;text-align:center}.ai-btn{background:linear-gradient(135deg,#00d56326,#ff8a3d1f);border:1px solid var(--green-dim);color:var(--ink);border-radius:11px;padding:11px;width:100%;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s ease}.ai-btn:hover{filter:brightness(1.15)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:none;place-items:center;z-index:100;padding:20px}.modal-bg.open{display:grid}.modal{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;max-width:680px;width:100%}.modal h3{font-size:20px;margin-bottom:6px;letter-spacing:-.02em}.modal p{color:var(--ink-dim);font-size:14px;margin-bottom:18px}.modal canvas{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block;margin-bottom:18px}.modal-actions{display:flex;gap:10px;flex-wrap:wrap}.share-label{font-family:var(--mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.share-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.share-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:10px 15px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.share-btn:hover{border-color:var(--ink-faint);background:#ffffff0d;transform:translateY(-1px)}.share-btn.xbtn:hover{border-color:var(--ink)}.modal-live{position:relative;text-align:center}.modal-x{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;background:transparent;color:var(--ink-faint);font-size:24px;line-height:1;cursor:pointer;border-radius:9px;transition:color .15s ease,background .15s ease}.modal-x:hover{color:var(--ink);background:var(--bg-2)}.live-badge{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--green-text);background:#00c25a1a;border:1px solid var(--green-dim);border-radius:999px;padding:6px 14px;margin-bottom:12px}.modal-live h3{font-family:var(--display);font-size:26px;letter-spacing:-.02em;margin-bottom:18px}.result-url{display:flex;gap:8px;margin-bottom:18px}.result-url input{flex:1;min-width:0;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;font-family:var(--mono);font-size:14px;color:var(--ink)}.result-url .btn{flex:0 0 auto}.modal-live .share-row{justify-content:center}.resume-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin:0 0 26px;padding:12px 10px 12px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px}.resume-bar .resume-txt{font-size:14px;color:var(--ink-dim)}.resume-bar .resume-txt b{color:var(--ink);font-family:var(--mono)}.resume-bar .resume-actions{display:flex;gap:8px}.resume-bar .btn{padding:8px 14px;font-size:14px}.admin-wrap{max-width:760px;margin:0 auto;padding:40px 24px 80px}.admin-wrap h1{font-family:var(--display);font-size:28px;letter-spacing:-.02em;margin:14px 0 24px}.admin-wrap h2{font-size:16px;font-weight:700;margin-bottom:12px}.admin-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.admin-card label{display:block;font-size:13px;font-weight:600;color:var(--ink-dim);margin-bottom:8px}.admin-row{display:flex;gap:8px}.admin-row input{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:14px;color:var(--ink)}.admin-hint{font-size:12px;color:var(--ink-faint);margin-top:10px}.admin-hint code{font-family:var(--mono);background:var(--bg-2);padding:1px 5px;border-radius:5px}.admin-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.admin-muted{color:var(--ink-faint);font-weight:400;font-size:13px}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px}.admin-slug{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-emoji{margin-right:2px}.admin-acts{display:flex;gap:6px;flex:0 0 auto}.btn-sm{padding:6px 10px;font-size:13px}.admin-item{align-items:flex-start}.admin-slug{display:flex;flex-direction:column;gap:3px;white-space:normal;line-height:1.4}.admin-item-flag{border-color:#f0c674;background:#fffaf0}.admin-meta{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint)}.admin-tag{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--bg-2);color:var(--ink-dim);vertical-align:middle}.admin-tag-warn{background:#ffe6c7;color:#8a4b00}.admin-tag-live{background:#d6f5e3;color:#0a6b3a}.funnel-row{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 2px}.funnel-chip{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;min-width:120px}.funnel-chip b{font-family:Space Grotesk,system-ui,sans-serif;font-size:26px;line-height:1;color:var(--ink)}.funnel-chip span{font-size:12px;font-weight:600;color:var(--ink-dim)}.funnel-best{margin-top:14px;font-size:14px;color:var(--ink)}.funnel-best:empty{display:none}.admin-del:hover{border-color:#e0345a;background:#ffe9ee}.admin-select{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink);flex:0 0 auto}.admin-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-dim);white-space:nowrap}.edit-save{text-align:left;margin-top:18px;padding:16px;background:var(--bg-2);border:1px solid var(--line);border-radius:14px}.edit-save-head{font-size:15px;margin-bottom:6px}.edit-save-warn{font-size:12.5px;line-height:1.5;color:var(--ink-dim);margin-bottom:12px}.edit-save .result-url{margin-bottom:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--green);color:#04130a;font-weight:600;font-size:14px;padding:12px 20px;border-radius:12px;opacity:0;pointer-events:none;transition:all .25s ease;z-index:200}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 940px){.hero{padding:56px 0 64px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-copy{text-align:center}.hero p.sub{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.page-card.mock{animation:none;transform:none;max-width:340px}.hero-visual:hover .page-card.mock{transform:none}}@media (max-width: 820px){.section{padding:64px 0}.create-layout{grid-template-columns:1fr}.preview-col{position:static;order:-1}.nav-links a:not(.btn){display:none}}@media (max-width: 480px){.wrap{padding:0 16px}.nav .wrap{height:60px}.nav-links{gap:8px}.nav-links .btn-primary{padding:8px 13px;font-size:13px}.hero{padding:40px 0 48px}}