@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-display:"Space Grotesk","Manrope",sans-serif;--font-body:"Manrope","Space Grotesk",sans-serif;--color-canvas:#f6f0e8;--color-surface:#fff;--color-surface-alt:#f3ebe1;--color-ink:#191716;--color-muted:#6c6155;--color-accent:#ff6b4a;--color-accent-strong:#e24d2e;--color-border:#e2d6c8;--radius-s:10px;--radius-m:16px;--radius-l:22px;--radius-xl:30px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--shadow-soft:0 18px 40px #19171614;--shadow-lift:0 16px 32px #19171624;--transition-base:.18s ease}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at 15% 10%,#ffcc9e73,transparent 45%),radial-gradient(circle at 80% 0%,#97d6e859,transparent 50%),var(--color-canvas);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.6}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}textarea{resize:vertical}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{background:var(--color-canvas);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.side-nav{padding:var(--space-7)var(--space-6);border-right:1px solid var(--color-border);gap:var(--space-6);background:linear-gradient(#ffffffb3,#f3ebe1cc);flex-direction:column;display:flex}.brand{align-items:center;gap:var(--space-3);display:flex}.brand__mark{background:var(--color-ink);width:46px;height:46px;color:var(--color-surface);font-family:var(--font-display);letter-spacing:.08em;border-radius:16px;place-items:center;font-weight:600;display:grid}.brand__text{flex-direction:column;gap:2px;display:flex}.brand__name{font-family:var(--font-display);font-size:1.1rem}.brand__meta{color:var(--color-muted);font-size:.75rem}.nav-list{gap:var(--space-2);flex-direction:column;display:flex}.nav-item{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-m);transition:background var(--transition-base),border var(--transition-base),transform var(--transition-base);background:0 0;border:1px solid #0000;display:flex}.nav-item:hover{background:var(--color-surface);border-color:var(--color-border);transform:translateY(-1px)}.nav-item.is-active{background:var(--color-surface);border-color:var(--color-ink);box-shadow:var(--shadow-soft)}.nav-badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;padding:2px 8px;font-size:.65rem}.side-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted);gap:var(--space-1);margin-top:auto;font-size:.78rem;display:grid}.side-footer__value{color:var(--color-ink);font-weight:600}.shell-main{padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.top-bar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.top-bar__title h1{margin:var(--space-2)0 0;font-family:var(--font-display);font-size:2rem}.top-bar__eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--color-muted);font-size:.7rem}.content-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.content-grid--single{grid-template-columns:minmax(0,1fr)}.page{gap:var(--space-5);flex-direction:column;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);padding:var(--space-6);box-shadow:var(--shadow-soft);animation:.4s both fadeUp;animation-delay:var(--delay,0s)}.panel__header h2{font-family:var(--font-display);margin:0;font-size:1.4rem}.panel__header p{margin:var(--space-2)0 0;color:var(--color-muted)}.panel__header--row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.panel--empty{gap:var(--space-5);place-items:start;display:grid}.stagger-item{animation:.45s both fadeUp;animation-delay:var(--delay,0s)}.panel__badge{padding:var(--space-2)var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;font-size:.75rem}.button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border var(--transition-base);align-items:center;gap:var(--space-2);border-radius:999px;padding:10px 18px;font-weight:600;display:inline-flex}.button:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.button--primary{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.button--ghost{background:0 0}.button--subtle{background:var(--color-surface-alt)}.button--danger{color:var(--color-accent-strong);background:#ff6b4a24;border-color:#ff6b4a4d}.hint-card{border-radius:var(--radius-m);border:1px dashed var(--color-border);background:var(--color-surface-alt);padding:var(--space-4);gap:var(--space-2);color:var(--color-muted);font-size:.85rem;display:grid}.hint-card__title{color:var(--color-ink);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:600}.hint-card__text{margin:0}.status-pill{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);border-radius:999px;padding:6px 12px;font-size:.75rem;display:inline-flex}.status-pill.is-active{background:var(--color-ink);color:var(--color-surface);border-color:var(--color-ink)}.status-pill--muted{background:0 0}.chart-toolbar{gap:var(--space-2);margin:var(--space-4)0 var(--space-2);flex-wrap:wrap;display:flex}.filter-bar{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.filter-bar select{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:8px 12px;font-size:.85rem}.segmented{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segmented__button{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.75rem}.segmented__button.is-active{background:var(--color-ink);color:var(--color-surface)}.stats-grid{margin-top:var(--space-5);gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{background:var(--color-surface-alt);border-radius:var(--radius-m);padding:var(--space-4);border:1px solid var(--color-border);gap:var(--space-2);display:grid}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:.75rem}.stat-value{font-size:1.4rem;font-weight:700;font-family:var(--font-display)}.stat-meta{color:var(--color-muted);font-size:.78rem}.chart-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-grid.is-loading{opacity:.7;filter:saturate(.95)}.chart-card .panel__header h2{font-size:1.2rem}.chart-card--span{grid-column:span 2}.chart{gap:var(--space-3);display:grid}.chart__svg{width:100%;height:180px}.chart__grid line{stroke:#1917161f;stroke-dasharray:2 4}.chart__line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart__area{opacity:.45}.chart__dot{stroke:var(--color-surface);stroke-width:2px}.chart__axis{color:var(--color-muted);justify-content:space-between;font-size:.72rem;display:flex}.chart__legend{gap:var(--space-3);color:var(--color-muted);flex-wrap:wrap;font-size:.78rem;display:flex}.chart__legend-item{align-items:center;gap:var(--space-2);display:inline-flex}.chart__legend-dot{border-radius:999px;width:10px;height:10px}.chart-empty{padding:var(--space-4);border-radius:var(--radius-m);border:1px dashed var(--color-border);background:var(--color-surface-alt);color:var(--color-muted);font-size:.85rem}.donut{gap:var(--space-4);grid-template-columns:160px 1fr;align-items:center;display:grid}.donut__svg{width:160px;height:160px}.donut__track{fill:none;stroke:var(--color-surface-alt)}.donut__segment{fill:none;stroke-linecap:round}.donut__center-value{font-family:var(--font-display);fill:var(--color-ink);font-size:1rem}.donut__center-label{letter-spacing:.12em;text-transform:uppercase;fill:var(--color-muted);font-size:.7rem}.donut__legend{gap:var(--space-2);display:grid}.donut__item{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:.82rem;display:flex}.donut__label{align-items:center;gap:var(--space-2);color:var(--color-muted);display:inline-flex}.donut__dot{border-radius:999px;width:10px;height:10px}.donut__value{color:var(--color-ink);font-weight:600}.bar-list{gap:var(--space-3);margin-top:var(--space-4);display:grid}.bar-item{align-items:center;gap:var(--space-3);color:var(--color-muted);grid-template-columns:120px 1fr 48px;font-size:.85rem;display:grid}.bar-item span:last-child{text-align:right;color:var(--color-ink);font-weight:600}.bar-track{background:var(--color-surface-alt);border-radius:999px;height:8px;position:relative;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg,var(--color-ink),var(--color-accent));width:20%;transition:width var(--transition-base);position:absolute;inset:0}.activity-list{gap:var(--space-3);margin-top:var(--space-4);display:grid}.activity-item{justify-content:space-between;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-m);border:1px solid var(--color-border);background:var(--color-surface-alt);display:flex}.activity-item__title{font-weight:600}.activity-item__meta{color:var(--color-muted);font-size:.78rem}.activity-item__time{color:var(--color-muted);white-space:nowrap;font-size:.78rem}.form-grid{gap:var(--space-6);grid-template-columns:240px 1fr;display:grid}.form-stack{gap:var(--space-4);display:grid}.avatar-card{background:var(--color-surface-alt);border-radius:var(--radius-l);padding:var(--space-5);border:1px dashed var(--color-border);gap:var(--space-4);text-align:center;place-items:center;display:grid}.avatar-preview{background:var(--color-surface);border:1px solid var(--color-border);width:120px;height:120px;font-family:var(--font-display);border-radius:28px;place-items:center;font-size:2rem;display:grid;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.8rem}.field input,.field textarea,.field select{border-radius:var(--radius-m);border:1px solid var(--color-border);background:var(--color-surface-alt);transition:border var(--transition-base),background var(--transition-base);padding:12px 14px}.field input:focus,.field textarea:focus{border-color:var(--color-ink);background:var(--color-surface);outline:none}.field--error input,.field--error textarea{border-color:var(--color-accent-strong)}.field__hint{color:var(--color-muted);font-size:.78rem}.field__error{color:var(--color-accent-strong);font-size:.78rem}.inline-fields{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-bio-count{color:var(--color-muted);text-align:right;font-size:.75rem}.link-add{gap:var(--space-4);display:grid}.link-add__row{gap:var(--space-3);grid-template-columns:1.1fr 1.6fr auto;align-items:end;display:grid}.link-list{gap:var(--space-3);flex-direction:column;display:flex}.link-item{border-radius:var(--radius-m);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4);gap:var(--space-3);display:grid}.link-item.is-disabled{opacity:.65}.link-item__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.link-item__index{background:var(--color-surface-alt);border-radius:12px;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.link-item__fields{gap:var(--space-3);grid-template-columns:1fr 1.4fr;display:grid}.link-item__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.toggle{border:1px solid var(--color-border);background:var(--color-surface-alt);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.75rem}.toggle.is-on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-surface)}.preview-panel{top:var(--space-6);gap:var(--space-3);display:grid;position:sticky}.theme-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.theme-card{border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);padding:var(--space-4);gap:var(--space-3);text-align:left;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border var(--transition-base);display:grid}.theme-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.theme-card.is-active{border-color:var(--color-ink);box-shadow:var(--shadow-soft)}.theme-card__preview{border-radius:var(--radius-m);border:1px solid #00000014;height:80px}.theme-card__meta{gap:4px;display:grid}.theme-card__name{font-weight:600}.theme-card__desc{color:var(--color-muted);font-size:.78rem}.theme-card__chips{gap:var(--space-2);display:flex}.theme-chip{border:1px solid #00000014;border-radius:999px;width:16px;height:16px}.font-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.font-card{border:1px solid var(--color-border);border-radius:var(--radius-l);padding:var(--space-4);background:var(--color-surface);text-align:left;gap:var(--space-2);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border var(--transition-base);display:grid}.font-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.font-card.is-active{border-color:var(--color-ink);box-shadow:var(--shadow-soft)}.font-card__title{font-size:1rem;font-weight:600}.font-card__sample{color:var(--color-muted);font-size:.85rem}.slider-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.slider-field{gap:var(--space-2);font-size:.85rem;display:grid}.slider-field input[type=range]{width:100%}.slider-value{font-weight:600}.phone-preview{gap:var(--space-3);place-items:center;display:grid}.phone-frame{box-shadow:var(--shadow-lift);background:#141210;border-radius:34px;padding:12px}.phone-frame--large{border-radius:40px;padding:16px}.phone-screen{background:var(--profile-surface,var(--color-surface));width:100%;max-width:320px;padding:var(--space-5);border:1px solid #ffffff1f;border-radius:26px}.phone-caption{color:var(--color-muted);font-size:.8rem}.profile-view{gap:var(--space-3);text-align:center;font-family:var(--profile-font-body,var(--font-body));color:var(--profile-ink,var(--color-ink));place-items:center;display:grid}.profile-view__avatar{background:var(--profile-surface,var(--color-surface-alt));border:1px solid var(--profile-outline,var(--color-border));width:96px;height:96px;font-family:var(--profile-font-display,var(--font-display));border-radius:28px;place-items:center;font-size:1.6rem;display:grid;overflow:hidden}.profile-view__avatar img{object-fit:cover;width:100%;height:100%}.profile-view__identity h2{font-family:var(--profile-font-display,var(--font-display));margin:0;font-size:1.6rem}.profile-view__handle{color:var(--profile-muted,var(--color-muted));font-size:.85rem}.profile-view__bio{color:var(--profile-muted,var(--color-muted));margin:0;font-size:.9rem}.profile-view__meta{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.meta-pill{border:1px solid var(--profile-outline,var(--color-border));background:var(--profile-surface,var(--color-surface-alt));color:var(--profile-muted,var(--color-muted));border-radius:999px;padding:4px 10px;font-size:.75rem}.profile-view__links{gap:var(--profile-button-gap,var(--space-2));width:100%;margin-top:var(--space-2);display:grid}.link-button{border-radius:var(--profile-button-radius,999px);background:var(--profile-button-bg,var(--color-ink));color:var(--profile-button-text,var(--color-surface));border:1px solid var(--profile-button-border,transparent);text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base);animation:.4s both linkRise;animation-delay:var(--delay,0s);padding:12px 16px;font-weight:600;display:block}.link-button:hover{box-shadow:var(--profile-button-shadow,var(--shadow-soft));transform:translateY(-1px)}.profile-theme[data-button-style=outline] .link-button{color:var(--profile-button-border,var(--color-ink));box-shadow:none;background:0 0}.profile-theme[data-button-style=outline] .link-button:hover{box-shadow:none}.profile-theme[data-button-style=glass] .link-button{background:var(--profile-button-bg,#fff6);border-color:var(--profile-button-border,#fff9);color:var(--profile-button-text,var(--color-ink));box-shadow:var(--profile-button-shadow,var(--shadow-soft));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.link-empty{padding:var(--space-4);border-radius:var(--radius-m);background:var(--profile-surface,var(--color-surface-alt));border:1px dashed var(--profile-outline,var(--color-border));color:var(--profile-muted,var(--color-muted));font-size:.8rem}.profile-view--preview .profile-view__avatar{width:72px;height:72px;font-size:1.2rem}.profile-view--preview .profile-view__identity h2{font-size:1.2rem}.profile-view--preview .link-button{font-size:.8rem}.preview-stage{padding:var(--space-4)0;place-items:center;display:grid}.profile-theme{--profile-bg:var(--color-canvas);--profile-surface:var(--color-surface);--profile-ink:var(--color-ink);--profile-button-bg:var(--color-ink);--profile-button-text:var(--color-surface);--profile-button-border:var(--color-ink);--profile-accent:var(--color-accent);--profile-accent-soft:#ff6b4a59;--profile-muted:var(--color-muted);--profile-outline:var(--color-border);--profile-font-display:var(--font-display);--profile-font-body:var(--font-body);--profile-button-radius:999px;--profile-button-shadow:var(--shadow-soft);--profile-button-gap:var(--space-2)}.public-page{background:var(--profile-bg,var(--color-canvas));min-height:100vh;color:var(--profile-ink,var(--color-ink));flex-direction:column;display:flex}.public-hero{padding:var(--space-8)var(--space-6);gap:var(--space-6);flex-direction:column;flex:1;display:flex;position:relative}.public-hero:before,.public-hero:after{content:"";background:radial-gradient(circle,var(--profile-accent-soft,#ff6b4a59),transparent 70%);filter:blur(10px);z-index:0;border-radius:50%;width:280px;height:280px;position:absolute}.public-hero:before{top:-60px;right:10%}.public-hero:after{background:radial-gradient(circle,var(--profile-accent-soft,#73b3cd59),transparent 70%);bottom:-80px;left:5%}.public-header{justify-content:space-between;align-items:center;gap:var(--space-4);z-index:1;display:flex;position:relative}.public-brand{gap:4px;display:grid}.public-brand__title{font-family:var(--profile-font-display,var(--font-display));font-size:1.4rem}.public-brand__handle{color:var(--profile-muted,var(--color-muted));font-size:.85rem}.public-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.public-actions .button{border-color:var(--profile-outline,var(--color-border));color:inherit}.public-card{width:min(520px,100%);padding:var(--space-7);border-radius:var(--radius-xl);border:1px solid var(--profile-outline,var(--color-border));background:var(--profile-surface,var(--color-surface));box-shadow:var(--shadow-lift);z-index:1;margin:0 auto;animation:.5s both fadeUp;position:relative}.owner-insights{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px dashed var(--profile-outline,var(--color-border));gap:var(--space-3);color:var(--profile-muted,var(--color-muted));font-size:.85rem;display:grid}.owner-insights__label{text-transform:uppercase;letter-spacing:.12em;color:var(--profile-muted,var(--color-muted));font-size:.7rem}.owner-insights__value{color:var(--profile-button-border,var(--color-ink));font-weight:600}.public-footer{padding:var(--space-4)0 var(--space-6);text-align:center;color:var(--profile-muted,var(--color-muted));font-size:.8rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes linkRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.side-nav{border-right:none;border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);flex-direction:row}.nav-list{flex-flow:row;overflow-x:auto}.nav-item{white-space:nowrap}.side-footer{display:none}.shell-main{padding:var(--space-6)}.content-grid{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}}@media (max-width:760px){.top-bar{flex-direction:column;align-items:flex-start}.filter-bar{justify-content:flex-start;width:100%}.filter-bar select{width:100%}.form-grid,.inline-fields,.link-add__row,.link-item__fields,.stats-grid,.chart-grid{grid-template-columns:1fr}.chart-card--span{grid-column:span 1}.bar-item{gap:var(--space-2);grid-template-columns:1fr}.donut{text-align:center;grid-template-columns:1fr;justify-items:center}.donut__legend{width:100%}.activity-item{flex-direction:column;align-items:flex-start}.theme-grid,.font-grid,.slider-grid{grid-template-columns:1fr}.public-card{padding:var(--space-6)}.public-actions{justify-content:flex-start;width:100%}}