:root{--p-bg: #f6f4f0;--p-surface: #ffffff;--p-surface-2: #f3f0eb;--p-text: #1c1714;--p-muted: #6c635a;--p-faint: #9b9188;--p-border: #e7e1d8;--p-border-strong: #d6cec2;--p-brand: #ff4d2e;--p-brand-ink: #d23415;--p-brand-soft: #fff0ea;--p-ok: #18804a;--p-ok-soft: #e7f6ed;--p-warn: #a35c00;--p-warn-soft: #fff4dd;--p-danger: #c3261a;--p-danger-soft: #fdecea;--p-radius: 14px;--p-radius-sm: 10px;--p-shadow: 0 1px 2px rgb(28 23 20 / .06), 0 6px 20px -10px rgb(28 23 20 / .18);--p-shadow-lg: 0 30px 80px -24px rgb(28 23 20 / .35);--p-font: "Inter Variable", ui-sans-serif, system-ui, sans-serif;--p-font-display: "Bricolage Grotesque Variable", "Inter Variable", ui-sans-serif, system-ui, sans-serif}.p-root{min-height:100dvh;background:var(--p-bg);color:var(--p-text);font-family:var(--p-font);font-size:15px;line-height:1.5;font-feature-settings:"cv11","ss01"}.p-root h1,.p-root h2,.p-root h3{font-family:var(--p-font-display);letter-spacing:-.02em;line-height:1.15}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;font-weight:600;font-size:.92rem;text-decoration:none;white-space:nowrap;border:1px solid var(--p-border-strong);background:var(--p-surface);color:var(--p-text);transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;cursor:pointer}.btn:hover{background:var(--p-surface-2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--p-text);border-color:var(--p-text);color:#fff}.btn-primary:hover{background:#000}.btn-brand{background:var(--p-brand);border-color:var(--p-brand);color:#fff;box-shadow:0 6px 18px -8px #ff4d2eb3}.btn-brand:hover{background:var(--p-brand-ink);border-color:var(--p-brand-ink)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--p-surface-2)}.btn-danger{color:var(--p-danger);border-color:#efc9c4}.btn-danger:hover{background:var(--p-danger-soft)}.btn-sm{height:34px;padding:0 12px;font-size:.86rem}.btn-lg{height:48px;padding:0 22px;font-size:1rem}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;border-color:transparent;background:transparent;color:var(--p-muted)}.btn-icon:hover{background:var(--p-surface-2);color:var(--p-text)}.btn-block{width:100%}.card{background:var(--p-surface);border:1px solid var(--p-border);border-radius:var(--p-radius)}.card-pad{padding:20px}@media(min-width:720px){.card-pad{padding:24px}}.card-title{font-size:1.06rem;font-weight:700;margin-bottom:4px}.card-sub{color:var(--p-muted);font-size:.9rem;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:6px}.label{font-weight:600;font-size:.88rem;color:var(--p-text)}.label small,.optional{font-weight:500;color:var(--p-faint);margin-left:4px}.help{font-size:.82rem;color:var(--p-muted)}.input,.select,.textarea{width:100%;height:42px;padding:0 12px;border-radius:var(--p-radius-sm);border:1px solid var(--p-border-strong);background:var(--p-surface);color:var(--p-text);font-size:.95rem;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:84px;padding:10px 12px;line-height:1.5;resize:vertical}.select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c635a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--p-text);box-shadow:0 0 0 3px #1c171414}.input-prefix{position:relative}.input-prefix>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--p-muted);pointer-events:none;font-size:.95rem}.input-prefix .input{padding-left:26px}.row{display:grid;gap:14px}@media(min-width:640px){.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:1fr 1fr 1fr}}.stack{display:flex;flex-direction:column;gap:16px}.stack-lg{display:flex;flex-direction:column;gap:24px}.error-box{padding:10px 14px;border-radius:var(--p-radius-sm);background:var(--p-danger-soft);color:var(--p-danger);font-size:.9rem;font-weight:500}.ok-box{padding:10px 14px;border-radius:var(--p-radius-sm);background:var(--p-ok-soft);color:var(--p-ok);font-size:.9rem;font-weight:500}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:550;font-size:.92rem}.switch input{appearance:none;flex:none;width:40px;height:24px;border-radius:999px;background:var(--p-border-strong);position:relative;transition:background .2s;cursor:pointer;margin:0}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.3,.7,.3,1)}.switch input:checked{background:var(--p-ok)}.switch input:checked:after{transform:translate(16px)}.switch input:focus-visible{outline:2px solid var(--p-text);outline-offset:2px}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:14px;background:var(--p-surface-2);border:1px solid var(--p-border);flex-wrap:wrap}.seg button{height:32px;padding:0 12px;border-radius:11px;font-size:.86rem;font-weight:600;color:var(--p-muted);display:inline-flex;align-items:center;gap:6px}.seg button[aria-pressed=true]{background:var(--p-surface);color:var(--p-text);box-shadow:0 1px 3px #0000001f}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--p-border-strong);background:var(--p-surface);font-size:.86rem;font-weight:550;color:var(--p-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.chip-toggle[aria-pressed=true]{background:var(--p-text);border-color:var(--p-text);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:700;background:var(--p-surface-2);color:var(--p-muted);white-space:nowrap}.badge-ok{background:var(--p-ok-soft);color:var(--p-ok)}.badge-warn{background:var(--p-warn-soft);color:var(--p-warn)}.badge-danger{background:var(--p-danger-soft);color:var(--p-danger)}.badge-brand{background:var(--p-brand-soft);color:var(--p-brand-ink)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-head h1{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:750}.page-head p{color:var(--p-muted);margin-top:4px;max-width:60ch}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--p-muted)}.divider{height:1px;background:var(--p-border);border:0;margin:4px 0}.kbd{font-family:ui-monospace,Menlo,monospace;font-size:.85em;padding:1px 6px;border-radius:6px;background:var(--p-surface-2);border:1px solid var(--p-border)}.sortable-ghost{opacity:.35}.sortable-chosen{box-shadow:var(--p-shadow-lg)}.drag-handle{cursor:grab;color:var(--p-faint);touch-action:none;display:grid;place-items:center}.drag-handle:active{cursor:grabbing}.p-root.clay{--p-bg: #eceef1;--p-surface: #fcfcfd;--p-surface-2: #e9ebef;--p-text: #1d2129;--p-muted: #646a76;--p-faint: #9aa0aa;--p-border: rgb(110 118 132 / .14);--p-border-strong: rgb(110 118 132 / .24);--p-radius: 24px;--p-radius-sm: 16px;--clay-rgb: 108 118 136;--clay-out: 12px 14px 28px -12px rgb(var(--clay-rgb) / .42), -10px -10px 24px -12px rgb(255 255 255 / .95);--clay-in: inset 5px 5px 10px rgb(255 255 255 / .8), inset -6px -7px 12px rgb(var(--clay-rgb) / .13);--clay-press: inset 4px 4px 9px rgb(var(--clay-rgb) / .24), inset -4px -4px 9px rgb(255 255 255 / .85);--clay-btn: 5px 7px 14px -7px rgb(var(--clay-rgb) / .55), inset 2px 2px 4px rgb(255 255 255 / .9), inset -3px -4px 6px rgb(var(--clay-rgb) / .16);--p-shadow: var(--clay-out), var(--clay-in);--p-shadow-lg: 24px 30px 60px -24px rgb(var(--clay-rgb) / .55), inset 6px 6px 12px rgb(255 255 255 / .8), inset -8px -9px 16px rgb(var(--clay-rgb) / .12);background:radial-gradient(1200px 600px at 10% -10%,rgb(255 255 255 / .95),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgb(206 211 220 / .55),transparent 60%),var(--p-bg);background-attachment:fixed}.p-root.clay .btn{border-color:transparent;background:var(--p-surface);box-shadow:var(--clay-btn);transition:background .15s,transform .12s,box-shadow .15s}.p-root.clay .btn:hover{background:#fff;transform:translateY(-1px)}.p-root.clay .btn:active{transform:translateY(1px) scale(.98);box-shadow:var(--clay-press)}.p-root.clay .btn-brand{background:linear-gradient(155deg,#ff7a5c,#ff4d2e 55%,#ea3a1c);color:#fff;box-shadow:6px 10px 18px -8px #ff4d2e99,inset 3px 3px 6px #fff6,inset -4px -5px 9px #961e0a52}.p-root.clay .btn-brand:hover{background:linear-gradient(155deg,#ff8466,#ff5535 55%,#ef4022)}.p-root.clay .btn-brand:active,.p-root.clay .btn-primary:active{box-shadow:inset 4px 5px 10px #00000047,inset -3px -3px 6px #ffffff2e}.p-root.clay .btn-primary{background:linear-gradient(155deg,#4b515d,#22262d 60%);color:#fff;box-shadow:6px 10px 18px -8px #1e222a8c,inset 3px 3px 6px #fff3,inset -4px -5px 9px #00000059}.p-root.clay .btn-primary:hover{background:linear-gradient(155deg,#575e6b,#2a2e36 60%)}.p-root.clay .btn-danger{color:var(--p-danger)}.p-root.clay .btn-ghost,.p-root.clay .btn-icon{background:transparent;box-shadow:none}.p-root.clay .btn-ghost:hover,.p-root.clay .btn-icon:hover{background:var(--p-surface);box-shadow:var(--clay-btn)}.p-root.clay .card{border:0;border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--clay-out),var(--clay-in)}.p-root.clay .input,.p-root.clay .select,.p-root.clay .textarea{border-color:transparent;background-color:var(--p-surface-2);box-shadow:var(--clay-press);border-radius:14px}.p-root.clay .input:focus,.p-root.clay .select:focus,.p-root.clay .textarea:focus{border-color:transparent;background-color:#f3f4f7;box-shadow:var(--clay-press),0 0 0 3px #ff4d2e47}.p-root.clay .seg{border:0;padding:5px;border-radius:18px;background:var(--p-surface-2);box-shadow:var(--clay-press)}.p-root.clay .seg button{border-radius:13px}.p-root.clay .seg button[aria-pressed=true],.p-root.clay .seg a.on{background:var(--p-surface);box-shadow:var(--clay-btn)}.p-root.clay .chip-toggle{border-color:transparent;background:var(--p-surface);box-shadow:var(--clay-btn)}.p-root.clay .chip-toggle[aria-pressed=true]{background:linear-gradient(155deg,#4b515d,#22262d 60%);color:#fff;box-shadow:inset 3px 3px 6px #0000004d,inset -2px -2px 4px #ffffff26}.p-root.clay .badge{box-shadow:inset 1px 1px 2px #ffffffbf,inset -1px -2px 3px rgb(var(--clay-rgb) / .14)}.p-root.clay .switch input{background:#dcdfe5;box-shadow:var(--clay-press)}.p-root.clay .switch input:checked{background:linear-gradient(155deg,#35b874,#18804a);box-shadow:inset 3px 3px 6px #00000038,inset -2px -2px 4px #fff3}.p-root.clay .switch input:after{box-shadow:2px 3px 5px rgb(var(--clay-rgb) / .45),inset -2px -2px 3px rgb(var(--clay-rgb) / .18)}.p-root.clay .error-box,.p-root.clay .ok-box{border-radius:16px;box-shadow:inset 3px 3px 6px #fff9,inset -3px -3px 6px rgb(var(--clay-rgb) / .1)}.p-root.clay .kbd{border:0;box-shadow:var(--clay-btn)}.p-root.clay .shell .side{background:#fcfcfdeb;border-right:0;box-shadow:10px 0 30px -16px rgb(var(--clay-rgb) / .4)}.p-root.clay .nav a{border-radius:16px}.p-root.clay .nav a:hover{background:var(--p-surface-2)}.p-root.clay .nav a.active{background:linear-gradient(155deg,#4b515d,#22262d 60%);box-shadow:5px 8px 16px -8px #1e222a8c,inset 2px 2px 4px #ffffff2e,inset -3px -4px 7px #0000004d}.p-root.clay .current{border:0;border-radius:18px;box-shadow:var(--clay-btn)}.p-root.clay .menu-pop{border:0;border-radius:20px;box-shadow:var(--p-shadow-lg)}.p-root.clay .notice{border-radius:20px;box-shadow:inset 3px 3px 7px #ffffffa6,inset -4px -4px 8px rgb(var(--clay-rgb) / .12)}.p-root.clay .mobilebar{background:#fcfcfdeb;border-bottom:0;box-shadow:0 8px 24px -16px rgb(var(--clay-rgb) / .5)}.p-root.clay .col{padding:10px;border-radius:26px;background:var(--p-surface-2);box-shadow:var(--clay-press)}.p-root.clay .order{border:0;border-radius:20px;box-shadow:var(--clay-out),var(--clay-in)}.p-root.clay .d-block,.p-root.clay .d-pay,.p-root.clay .mo .box{box-shadow:var(--clay-press)}.p-root.clay dialog .box{background:var(--p-surface);box-shadow:var(--p-shadow-lg)}.p-root.clay dialog:not(.side) .box{border-radius:30px}.p-root.clay dialog.side .box{border-radius:30px 0 0 30px}.p-root.clay dialog footer{background:var(--p-surface)}.p-root.clay .toast{border:0;border-radius:18px;box-shadow:var(--p-shadow-lg)}.p-root.clay .eyebrow{box-shadow:var(--clay-btn)}.p-root.clay .feature,.p-root.clay .plan{border:0;border-radius:30px;box-shadow:var(--clay-out),var(--clay-in)}.p-root.clay .feature.premium,.p-root.clay .plan.top{background:linear-gradient(170deg,#ffffff,var(--p-surface-2));box-shadow:16px 22px 40px -18px rgb(var(--clay-rgb) / .55),-10px -10px 24px -12px #fffffff2,inset 5px 5px 10px #ffffffd9,inset -6px -7px 12px rgb(var(--clay-rgb) / .14)}.p-root.clay .ficon{border-radius:18px;box-shadow:3px 5px 10px -5px #ff4d2e73,inset 2px 2px 4px #ffffffd9,inset -3px -3px 6px #ff4d2e29}.p-root.clay .pc{border-radius:22px;box-shadow:var(--clay-out),var(--clay-in)}.p-root.clay .steps li{border-radius:28px;background:linear-gradient(155deg,#3d434e,#1e2127 60%);box-shadow:12px 16px 30px -14px #1e222a99,inset 4px 4px 8px #ffffff24,inset -6px -7px 12px #00000059}.p-root.clay .steps li b{box-shadow:3px 4px 8px -3px #00000080,inset 2px 2px 4px #fff6,inset -3px -3px 5px #961e0a59}.p-root.clay .final{border-radius:40px;box-shadow:16px 24px 50px -20px rgb(var(--clay-rgb) / .6),inset 6px 6px 12px #ffffff4d,inset -8px -9px 16px #0000002e}.p-root.clay .blob.b1{background:#969eac59}.p-root.clay .blob.b2{background:#cdd2da80}.p-root.clay .final{background:linear-gradient(160deg,#fff,#e6e9ee)}.p-root.clay .auth .side{background:linear-gradient(160deg,#343944,#17191e)}.p-root.clay .auth .blob.b1,.p-root.clay .auth .blob.b2{background:#ffffff24}.p-root.clay .auth .box{padding:28px;border-radius:30px;background:var(--p-surface);box-shadow:var(--clay-out),var(--clay-in)}