:root{--ink:#161820;--muted:#6b766f;--line:#d8e2dc;--panel:#fff;--wash:#f4fbf7;--mint:#8fffd2;--mint-soft:#d7ffe9;--teal:#5f9184;--teal-deep:#254f48;--night:#1a1c25}*{box-sizing:border-box}html,body{background:var(--wash);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}.auth-page{background:var(--wash);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #8fffd275}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar{background:var(--night);color:#fff;flex-direction:column;gap:28px;padding:24px 18px;display:flex}.sidebar.collapsed{gap:22px;padding:20px 12px}.brand,.avatar-row,.topbar,.top-actions,.links-header,.analytics-heading{align-items:center;display:flex}.brand{gap:12px;font-size:24px;font-weight:800}.collapse-button{color:#fff;background:#ffffff14;border:1px solid #8fffd22e;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;padding:0;font-size:14px;font-weight:900;display:inline-flex}.brand-logo{object-fit:contain;width:46px;height:46px}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brand-logo{width:42px;height:42px}.sidebar.collapsed .brand span,.sidebar.collapsed .live-link,.sidebar.collapsed .settings-link,.sidebar.collapsed .account-copy,.sidebar.collapsed .sign-out-button,.sidebar.collapsed .mini-badge{display:none}.sidebar.collapsed .collapse-button{margin:0}.live-link,.publish-button{color:#11210d;text-align:center;background:linear-gradient(135deg,#8fffd2,#d7ffe9);border:0;border-radius:7px;padding:13px 18px;font-weight:800}.nav-list{gap:8px;display:grid}.nav-list button{color:#e7e7e1;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:14px;width:100%;min-height:48px;padding:0 14px;display:flex}.sidebar.collapsed .nav-list button{justify-content:center;gap:0;padding:0;font-size:0}.sidebar.collapsed .nav-icon{text-align:center;font-size:16px}.nav-list button.active{border-left:2px solid var(--mint);background:linear-gradient(90deg,#8fffd238,#5f918424)}.nav-icon{color:var(--mint);width:24px;font-weight:800}.mini-badge{background:var(--mint);color:var(--night);border-radius:5px;margin-left:auto;padding:4px 6px;font-size:12px}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.settings-link,.account-card{align-items:center;display:flex}.sidebar.collapsed .account-card{justify-content:center;min-height:58px;padding:8px}.settings-link{color:#dfe7df;text-align:left;background:0 0;border:1px solid #8fffd229;border-radius:8px;gap:10px;width:100%;min-height:42px;padding:0 12px}.settings-link:hover,.account-card:hover{border-color:#8fffd261}.account-card{background:linear-gradient(135deg,#8fffd221,#ffffff0a);border:1px solid #8fffd233;border-radius:10px;gap:10px;min-height:64px;padding:10px}.account-copy{gap:2px;min-width:0;display:grid}.account-copy strong,.account-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-copy strong{font-size:14px}.account-copy span{color:#b9c7bd;font-size:12px}.sign-out-button{color:#fff;background:#ffffff14;border:1px solid #8fffd22e;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;padding:0;font-size:19px;display:inline-flex}.sign-out-button:hover{background:#8fffd224}.clerk-avatar{width:38px;height:38px}.clerk-menu{border-radius:10px}.clerk-menu-action{font-family:Arial,Helvetica,sans-serif}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fbfbf8;justify-content:space-between;height:80px;padding:0 24px}.topbar h1{margin:0;font-size:28px}.save-state{color:var(--muted);margin:4px 0 0}.save-state:before{color:var(--teal);content:"•";padding:0 8px 0 0;font-size:26px}.save-state.error{color:#a93333}.top-actions{gap:8px}.icon-button,.ghost-button,.profile-panel button,.links-panel button{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:40px;padding:0 14px}.icon-button{width:46px;font-size:18px}.icon-button.selected{border-color:var(--teal);background:#effff7}.ghost-button{color:#4c5148}.ghost-button.selected{border-color:var(--teal);color:var(--teal-deep);background:#effff7}.publish-button{background:var(--teal-deep);color:#fff;min-height:44px;padding-inline:22px}.editor-grid{--profile-col:minmax(300px, 330px);--preview-col:minmax(350px, 395px);grid-template-columns:var(--profile-col) minmax(380px, 1fr) var(--preview-col);min-height:calc(100vh - 80px);display:grid}.editor-grid.profile-collapsed{--profile-col:0}.editor-grid.preview-collapsed{--preview-col:0}.profile-panel,.links-panel,.preview-panel{border-right:1px solid var(--line);background:#fbfbf8;min-width:0}.profile-panel.collapsed,.preview-panel.collapsed{display:none}.preview-panel{background:#f8f8f4;place-items:center;padding:20px;display:grid}.preview-panel.wide .phone-frame{max-width:390px}.panel-section{border-bottom:1px solid var(--line);padding:28px 24px}.panel-section h2{margin:0 0 18px;font-size:22px}.panel-section label{margin:18px 0 8px;font-size:14px;font-weight:800;display:block}.qr-panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.qr-panel-heading h2,.qr-panel-heading p,.qr-status{margin:0}.qr-panel-heading p{color:var(--muted);line-break:anywhere;font-size:13px}.qr-preview{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;margin-top:16px;padding:16px;display:flex}.qr-preview img{aspect-ratio:1;width:100%;max-width:180px;display:block}.qr-status{color:var(--teal-deep);margin-top:10px;font-size:13px;font-weight:800}.qr-status.error{color:#a93333}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #d9dad3;border-radius:6px;outline:none;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:98px}.field-help,.count,.links-header p{color:var(--muted);font-size:14px}.field-help{margin:8px 0 0}.count{text-align:right;margin:-28px 12px 0 0}.avatar-row{gap:14px}.avatar-large,.public-avatar{color:#fff;background:radial-gradient(circle at 35% 25%,#d7ffe9,#8fffd2 42%,#5f9184);border-radius:999px;justify-content:center;align-items:center;width:76px;height:76px;font-size:36px;font-weight:900;display:inline-flex}.avatar-large img,.public-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.social-row,.social-editor,.swatches,.segmented{flex-wrap:wrap;gap:10px;display:flex}.social-editor{display:grid}.social-editor-row{grid-template-columns:112px minmax(0,1fr) 44px 36px;gap:8px;display:grid}.social-editor-row select,.social-editor-row input{min-height:40px}.social-row a,.social-row button{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:42px;height:38px;font-size:13px;font-weight:800;display:inline-flex}.swatch{border:1px solid #cdd0c8;border-radius:999px;width:36px;height:36px;padding:0;background:var(--swatch)!important}.swatch.selected{box-shadow:0 0 0 3px white, 0 0 0 5px var(--teal)}.segmented button.selected{border-color:var(--teal);color:var(--teal-deep)}.links-header{justify-content:space-between}.links-header h2,.links-header p{margin:0}.outline-action{color:var(--teal-deep);font-weight:800;border-color:var(--teal)!important}.discovery-panel{color:#fff;background:#10131d;border-bottom:1px solid #8fffd238;gap:12px;padding:14px 24px 16px;display:grid;position:relative;overflow:hidden}.discovery-panel:after{content:"";opacity:.8;background:radial-gradient(circle,#8fffd2f2,#8fffd200 62%);width:80px;height:80px;animation:1.1s ease-in-out infinite discovery-spark;position:absolute;top:-24px;right:-18px}.discovery-panel.complete:after{animation-duration:.52s}.discovery-panel div:first-child{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.discovery-panel strong{letter-spacing:0;font-size:13px}.discovery-panel span{color:#d7ffe9;font-size:13px;font-weight:800}.discovery-track{z-index:1;background:#ffffff24;border-radius:999px;height:8px;position:relative;overflow:hidden}.discovery-track span{border-radius:inherit;background:linear-gradient(90deg,#8fffd2,#fff,#73e0b9);height:100%;transition:width .3s;display:block}@keyframes discovery-spark{0%,to{opacity:.28;transform:scale(.84)}50%{opacity:.9;transform:scale(1.08)}}.platform-picker{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(72px,1fr));gap:10px;padding:18px 24px 22px;display:grid}.platform-picker button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;gap:8px;min-height:88px;padding:10px 8px;font-size:12px;font-weight:800;display:grid}.platform-picker button:hover{border-color:var(--teal)}.platform-icon{background:#f6f6f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.platform-icon img{object-fit:contain;width:24px;height:24px}.platform-modal-backdrop{z-index:20;background:#1a1c259e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.platform-modal{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;gap:14px;width:100%;max-width:430px;padding:28px;display:grid;position:relative;box-shadow:0 24px 80px #1a1c2540}.platform-modal h3,.platform-modal p{margin:0}.platform-modal p{color:var(--muted)}.platform-modal-icon{background:#f6f6f0;border-radius:8px;justify-content:center;justify-self:center;align-items:center;width:58px;height:58px;display:inline-flex}.platform-modal-icon img{object-fit:contain;width:40px;height:40px}.platform-input{display:flex}.platform-input.grouped{border:1px solid #d9dad3;border-radius:6px;overflow:hidden}.platform-input span{color:var(--muted);white-space:nowrap;background:#f4fbf7;border-right:1px solid #d9dad3;align-items:center;padding:0 12px;font-size:14px;font-weight:800;display:flex}.platform-input.grouped input{border:0}.modal-close{border:1px solid var(--line);background:#fff;border-radius:999px;width:34px;height:34px;position:absolute;top:14px;right:14px}.link-list{gap:10px;padding:0 24px;display:grid}.empty-state{border:1px dashed var(--teal);color:var(--teal-deep);text-align:center;background:#effff7;border-radius:8px;place-items:center;gap:10px;min-height:150px;padding:22px;display:grid}.empty-state span{color:var(--muted);font-size:14px}.link-editor-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:28px 36px minmax(0,1fr) 44px 36px 36px 36px;align-items:center;gap:8px;min-height:76px;padding:10px 12px;display:grid}.link-editor-row.disabled{opacity:.55}.reorder-controls{gap:4px;display:grid}.reorder-controls button{border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex;min-height:24px!important;padding:0!important}.link-icon{background:#f6f6f0;border-radius:7px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:900;display:inline-flex}.link-icon img,.public-link-media img{object-fit:cover;border-radius:6px;width:100%;height:100%}.link-icon.featured{background:var(--mint-soft);color:var(--teal-deep)}.link-fields{min-width:0}.link-fields input{border:0;padding:2px 0}.link-fields input:first-child{font-size:15px;font-weight:800}.link-fields input:last-child{color:var(--muted);font-size:13px}.link-preview-status{color:var(--teal);margin-top:2px;font-size:12px;font-weight:800;display:block}.link-error,.validation-note{color:#a93333;margin-top:2px;font-size:12px;font-weight:800;display:block}.validation-note{text-align:center;margin:16px 24px 0}input[aria-invalid=true]{color:#8d2424}.toggle{width:44px;height:24px;background:#c6c9c2!important;border:0!important;border-radius:999px!important;min-height:24px!important;padding:2px!important}.toggle span{background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s;display:block}.toggle.on span{transform:translate(20px)}.analytics-strip{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;padding:24px;display:grid}.analytics-heading{grid-column:1/-1;gap:8px}.analytics-heading h2{margin:0}.analytics-heading span{color:var(--muted)}.analytics-heading a{color:var(--teal-deep);margin-left:auto}.metric{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;min-height:132px;padding:18px 16px;display:grid}.metric strong{font-size:25px}.metric span{color:var(--muted);font-size:14px}.metric em{color:var(--teal-deep);background:#effff7;border-radius:5px;padding:7px;font-size:13px;font-style:normal}.phone-frame{background:var(--night);border-radius:48px;width:100%;max-width:390px;padding:10px}.public-page{min-height:100vh;padding:36px 18px}.public-profile{--accent:#8fffd2;text-align:center;background:linear-gradient(145deg,#d7ffe9 0%,#effff7 46%,#8fffd2 100%);border-radius:38px;min-height:760px;padding:38px 36px 34px;position:relative;overflow:hidden}.public-page .public-profile{border-radius:18px;max-width:460px;margin:0 auto}.public-profile[data-background=light]{background:#fbfbf8}.profile-menu{background:#ffffffd9;border:0;border-radius:999px;width:42px;height:42px;position:absolute;top:24px;right:24px}.public-avatar{border:4px solid #fff;width:108px;height:108px;margin-top:54px;font-size:44px}.public-profile h1{margin:18px 0 4px;font-size:28px;line-height:1.1}.handle,.bio{margin:0}.handle{font-size:14px}.bio{max-width:280px;margin:24px auto 20px;line-height:1.45}.public-socials{justify-content:center;gap:18px;display:flex}.public-socials a{font-size:14px;font-weight:900}.featured-pill{text-transform:uppercase;background:#ffffffc7;border-radius:7px;gap:6px;margin:30px 0 12px;padding:8px 13px;font-size:12px;font-weight:900;display:inline-flex}.public-links{gap:12px;display:grid}.public-link{background:#ffffffeb;border-radius:8px;grid-template-columns:30px 1fr 24px;align-items:center;min-height:52px;padding:0 18px;display:grid;box-shadow:0 6px 18px #262b151f}.public-link-media{justify-content:center;align-items:center;width:30px;height:30px;font-weight:900;display:inline-flex}.public-link.primary{background:var(--teal-deep);color:#fff}.public-link strong{font-size:15px}.public-profile footer{color:#62675d;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:14px;display:inline-flex}.public-profile footer img{object-fit:contain;width:20px;height:20px}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.editor-grid{grid-template-columns:1fr}.profile-panel,.links-panel,.preview-panel{border-right:0}}@media (max-width:1500px){.analytics-strip{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:18px}.top-actions{flex-wrap:wrap}.qr-panel-heading{display:grid}.panel-section,.analytics-strip,.preview-panel{padding:18px}.link-list{padding:0 18px}.platform-picker{grid-template-columns:repeat(3,1fr);padding:18px}.link-editor-row{grid-template-columns:28px 36px minmax(0,1fr) 44px 36px 36px 36px}.analytics-strip{grid-template-columns:repeat(2,1fr)}.public-profile{min-height:720px;padding-inline:18px}}:root{--st-mint-100:#e6fff4;--st-mint-300:#98f8d8;--st-mint-400:#88f8c8;--st-mint-500:#5fe0ad;--st-info:#7ab8ff;--st-warning:#ffc857;--st-danger:#ff6b6b;--st-ink-900:#0b0e18;--st-ink-800:#101426;--st-ink-700:#181828;--st-ink-600:#1e2034;--st-ink-500:#262945;--st-ink-400:#353859;--st-ink-200:#7a7ea0;--st-ink-100:#c7c9dd;--st-ink-050:#eceef7;--line:#ffffff14;--panel:var(--st-ink-600);--wash:var(--st-ink-800);--mint:var(--st-mint-400);--mint-soft:#88f8c829;--teal:var(--st-mint-500);--teal-deep:var(--st-mint-400);--night:var(--st-ink-900);--ink:var(--st-ink-050);--muted:var(--st-ink-200);--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-sans:"DM Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--shadow-md:0 14px 40px #00000052}body{background:var(--st-ink-800);font-family:var(--font-sans)}.app-shell{background:var(--st-ink-800)}.sidebar{background:var(--st-ink-900);border-right:1px solid var(--line);color:var(--st-ink-050);gap:22px}.brand{font-family:var(--font-display);letter-spacing:0;font-size:21px}.brand-logo,.clerk-avatar,.account-card .clerk-avatar{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.collapse-button,.settings-link,.sign-out-button,.nav-list button,.account-card{border-color:var(--line)}.live-link,.publish-button{background:var(--st-mint-400);color:var(--st-ink-900);box-shadow:0 0 28px #88f8c847}.nav-list button{color:var(--st-ink-100);border-left:0}.nav-list button.active{color:var(--st-mint-400);background:#88f8c81f;border-left:0;box-shadow:inset 0 0 0 1px #88f8c852}.workspace{background:radial-gradient(ellipse 54% 42% at 52% 12%, #88f8c81a, transparent 72%), var(--st-ink-800)}.topbar{border-bottom:1px solid var(--line);color:var(--st-ink-050);background:#0b0e18b8}.topbar h1,.panel-section h2,.links-header h2,.analytics-heading h2{font-family:var(--font-display);letter-spacing:0}.save-state{color:var(--st-ink-200)}.save-state:before{color:var(--st-mint-400);text-shadow:0 0 12px var(--st-mint-400)}.editor-grid{background:radial-gradient(ellipse 64% 44% at 50% 30%, #88f8c814, transparent 70%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='115' viewBox='0 0 100 115'><polygon points='50,4 95,30 95,85 50,111 5,85 5,30' fill='none' stroke='%2388F8C8' stroke-width='1' opacity='0.16'/></svg>"), var(--st-ink-800);background-position:50%,0 0,50%;background-size:auto,100px 115px,auto}.profile-panel,.links-panel,.preview-panel{border-color:var(--line);color:var(--st-ink-050);background:#101426e0}.links-panel{background:#181828d1}.preview-panel{background:radial-gradient(circle at 50% 20%, #88f8c81f, transparent 42%), var(--st-ink-900)}.panel-section{border-color:var(--line)}input,textarea,select{background:var(--st-ink-600);border-color:var(--line);color:var(--st-ink-050)}input::placeholder,textarea::placeholder,.field-help,.count,.links-header p,.qr-panel-heading p,.analytics-heading span,.account-copy span{color:var(--st-ink-200)}.icon-button,.ghost-button,.profile-panel button,.links-panel button,.platform-picker button,.link-editor-row,.metric,.qr-preview,.public-link{border-color:var(--line);color:var(--st-ink-050);background:#1e2034e6}.icon-button.selected,.ghost-button.selected,.segmented button.selected{color:var(--st-mint-400);background:#88f8c829;border-color:#88f8c873}.outline-action{color:var(--st-mint-400);border-color:#88f8c86b!important}.avatar-large,.public-avatar,.link-icon,.platform-icon,.platform-modal-icon{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border-radius:0}.avatar-large,.public-avatar{color:var(--st-ink-900);background:radial-gradient(circle at 35% 24%,#e6fff4,#88f8c8 42%,#588878)}.social-editor-row{grid-template-columns:112px minmax(0,1fr) 44px 36px}.platform-picker{border-color:var(--line);background:#0b0e1847}.platform-picker button:hover,.link-editor-row:hover,.metric:hover{border-color:#88f8c857}.platform-icon,.link-icon{background:var(--st-ink-500);color:var(--st-mint-400)}.platform-modal{background:var(--st-ink-700);border-color:var(--line);color:var(--st-ink-050)}.platform-input.grouped{border-color:var(--line)}.platform-input span{background:var(--st-ink-800);border-color:var(--line);color:var(--st-ink-100)}.link-fields input{background:0 0}.toggle{background:var(--st-ink-400)!important}.toggle.on{background:var(--st-mint-400)!important}.analytics-strip{border-color:var(--line)}.metric{box-shadow:inset 0 0 0 1px #ffffff08}.metric strong{color:var(--st-ink-050);font-family:var(--font-mono)}.metric em{color:var(--st-mint-400);background:#88f8c81f}.phone-frame{background:var(--st-ink-900);border:1px solid #ffffff1a;box-shadow:0 24px 80px #0000005c}.public-page{background:radial-gradient(ellipse 48% 34% at 50% 0%, #88f8c81f, transparent 72%), var(--st-ink-900)}.public-profile{background:radial-gradient(ellipse 100% 54% at 50% 0%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 62%), linear-gradient(180deg, #181828, #101426 52%, #0b0e18);color:var(--st-ink-050);border:1px solid #ffffff1a;box-shadow:inset 0 0 0 1px #88f8c80d}.public-profile[data-background=light],.public-profile[data-background=soft]{background:radial-gradient(100% 54% at 50% 0,#eceef71a,#0000 62%),linear-gradient(#181828,#101426 52%,#0b0e18)}.public-profile[data-background=soft]{background:radial-gradient(ellipse 100% 54% at 50% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 64%), linear-gradient(180deg, #1e2034, #181828 54%, #101426)}.public-profile[data-background=gradient]{background:radial-gradient(ellipse 90% 48% at 18% 6%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 62%), radial-gradient(ellipse 88% 46% at 92% 18%, #7ab8ff26, transparent 66%), linear-gradient(180deg, #181828, #101426 50%, #0b0e18)}.public-profile[data-background=image]{background:radial-gradient(circle at 18% 16%,#ffffff1f,#0000 22%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='115' viewBox='0 0 100 115'><polygon points='50,4 95,30 95,85 50,111 5,85 5,30' fill='none' stroke='%2388F8C8' stroke-width='1' opacity='0.18'/></svg>") 0 0/84px 97px,linear-gradient(#181828,#101426 52%,#0b0e18)}.profile-menu{color:var(--st-ink-100);background:#ffffff14}.public-profile h1{font-family:var(--font-display);letter-spacing:0}.handle,.bio{color:var(--st-ink-100)}.public-socials a{color:var(--st-mint-400);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;min-width:38px;padding:9px 10px}.public-featured{background:linear-gradient(180deg, #88f8c829, #7ab8ff12), var(--st-ink-600);box-shadow:var(--shadow-md);color:var(--st-ink-050);text-align:left;border:1px solid #88f8c838;border-radius:8px;gap:7px;min-height:124px;margin:26px 0 14px;padding:18px;display:grid;position:relative;overflow:hidden}.public-featured:after{content:"";opacity:.72;background:repeating-linear-gradient(90deg,#88f8c838 0 3px,#0000 3px 10px);height:28px;position:absolute;bottom:18px;left:18px;right:18px}.public-featured .featured-pill{color:var(--st-mint-400);background:#88f8c824;align-self:start;margin:0;padding:6px 9px}.public-featured strong{font-family:var(--font-display);max-width:78%;font-size:20px;line-height:1.1}.public-featured span:last-child{color:var(--st-ink-100);padding-bottom:36px;font-size:13px}.public-links{gap:10px}.public-link{box-shadow:none;border:1px solid #ffffff14;min-height:58px}.public-link:hover{border-color:#88f8c857}.public-link.primary{color:var(--st-ink-050);background:#88f8c829;border-color:#88f8c857}.public-link-media{background:var(--st-ink-500);color:var(--st-mint-400);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.public-subscribe{text-align:left;background:#1e2034e0;border:1px solid #ffffff14;border-radius:8px;gap:10px;margin-top:14px;padding:14px;display:grid}.public-subscribe strong{color:var(--st-ink-050)}.public-subscribe div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.public-subscribe input{color:var(--st-ink-050);font:inherit;background:#ffffff12;border:1px solid #ffffff14;border-radius:6px;min-width:0;padding:10px 11px}.public-subscribe input::placeholder{color:var(--st-ink-200)}.public-subscribe button{background:var(--st-mint-400);color:#07120d;cursor:pointer;font:inherit;border:0;border-radius:6px;padding:10px 14px;font-weight:800}.public-subscribe span{color:var(--st-mint-400);font-size:12px;font-weight:800}.public-profile footer{color:var(--st-ink-200)}@media (max-width:1180px){.topbar{border-top:1px solid var(--line)}}@media (max-width:720px){.social-editor-row,.link-editor-row{grid-template-columns:1fr}.link-editor-row{align-items:stretch}.reorder-controls{grid-template-columns:repeat(2,24px)}}.canopy-app{--bg:var(--st-ink-700);--bg-elevated:var(--st-ink-600);--bg-raised:var(--st-ink-500);--bg-sunken:var(--st-ink-800);--fg1:var(--st-ink-050);--fg2:var(--st-ink-100);--fg3:var(--st-ink-200);--fg-muted:var(--st-ink-300);--border:var(--st-ink-400);--border-subtle:var(--st-ink-500);--accent:var(--st-mint-400);--accent-hover:var(--st-mint-300);--on-accent:var(--st-ink-900);background:var(--bg);color:var(--fg1);grid-template-columns:72px 1fr;min-height:100vh;display:grid;overflow:hidden}.canopy-app button,.canopy-app input,.canopy-app textarea{font:inherit}.canopy-app .cp-rail{background:var(--st-ink-900);border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:4px;padding:18px 0 16px;display:flex}.canopy-app .cp-rail .brand{background:var(--accent);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);border:0;place-items:center;width:40px;height:40px;margin:0 0 14px;padding:0;display:grid;box-shadow:0 0 18px #88f8c88c}.canopy-app .brand-inner,.mini-mark .hex,.center-mark .inner{background:var(--bg);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);width:18px;height:18px}.canopy-app .cp-rail .item{color:var(--fg3);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.canopy-app .cp-rail .item:hover,.canopy-app .cp-rail .item.active{color:var(--accent);background:#88f8c81f;box-shadow:inset 0 0 0 1px #88f8c859}.canopy-app .cp-rail .item.active:before{background:var(--accent);box-shadow:0 0 8px var(--accent);content:"";border-radius:2px;width:2px;position:absolute;inset:12px auto 12px -14px}.canopy-app .cp-rail .spacer{flex:1}.canopy-app .cp-main{background:var(--bg-sunken);flex-direction:column;min-width:0;display:flex;position:relative}.canopy-app .cp-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);z-index:5;background:#0b0e18b8;justify-content:space-between;align-items:center;min-height:70px;padding:14px 24px;display:flex;position:relative}.canopy-app .crumb,.canopy-app .cp-actions{align-items:center;gap:12px;display:flex}.canopy-app .cp-topbar h1{font-family:var(--font-display);margin:0;font-size:18px}.canopy-app .slug{background:var(--bg-elevated);color:var(--fg3);font-family:var(--font-mono);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:inline-flex}.canopy-app .slug strong,.canopy-app .save{color:var(--accent)}.canopy-app .live-dot{background:var(--accent);box-shadow:0 0 8px var(--accent);border-radius:999px;width:7px;height:7px}.canopy-app .save{font-family:var(--font-mono);font-size:11px}.canopy-app .save.error{color:var(--st-danger)}.canopy-app .cp-btn{cursor:pointer;border:0;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.canopy-app .cp-btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 0 26px #88f8c859}.canopy-app .cp-btn.secondary{background:var(--bg-raised);color:var(--fg1)}.canopy-app .cp-btn.ghost{color:var(--fg2);background:0 0}.canopy-app .cp-btn.danger{color:var(--st-danger)}.canopy-app .cp-canvas{flex:1;min-height:0;position:relative;overflow:hidden}.canopy-app .cp-canvas.panning{cursor:grab}.canopy-app .cp-canvas.panning:active{cursor:grabbing}.canopy-app .cp-canvas-bg{opacity:.42;background-image:radial-gradient(60% 50% at 50% 45%,#88f8c81a,#0000 70%),radial-gradient(80% 50% at 50% 100%,#7ab8ff0d,#0000 70%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='115' viewBox='0 0 100 115'><polygon points='50,4 95,30 95,85 50,111 5,85 5,30' fill='none' stroke='%2388F8C8' stroke-width='1' opacity='0.40'/></svg>");background-position:50%,50%,0 0;background-size:auto,auto,100px 115px;position:absolute;inset:0}.canopy-app .cp-canvas-bg:after{background:radial-gradient(circle at 50% 50%, transparent 40%, var(--bg-sunken) 90%);content:"";position:absolute;inset:0}.canopy-app .cp-canvas-stage{height:836px;left:max(20px, calc((100% - (1368px * var(--canopy-zoom,.72))) / 2));transform:translate(var(--canopy-pan-x,0), var(--canopy-pan-y,0)) scale(var(--canopy-zoom,.72));transform-origin:0 0;width:1368px;position:absolute;top:76px}.canopy-layer,.branch-layer{position:absolute;inset:0}.canopy-app .cp-toolbar{border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);z-index:4;background:#141628db;border-radius:14px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.canopy-app .cp-toolbar .seg{align-items:center;gap:2px;padding:0 6px;display:flex}.canopy-app .cp-toolbar .seg+.seg{border-left:1px solid var(--border-subtle)}.canopy-app .tool,.canopy-app .util{color:var(--fg3);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.canopy-app button.tool{cursor:pointer;padding:0}.canopy-app .tool.on,.canopy-app .tool:hover,.canopy-app .util:hover{color:var(--accent);background:#88f8c824}.canopy-app .zoom{color:var(--fg2);font-family:var(--font-mono);text-align:center;min-width:50px;font-size:11px}.canopy-app .cp-canvas-utils{z-index:4;flex-direction:column;gap:6px;display:flex;position:absolute;top:18px;right:18px}.canopy-app .util{border:1px solid var(--border-subtle);background:#141628db;width:36px;height:36px}.cp-block{box-shadow:var(--shadow-md);color:var(--fg1);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;background:#1e2034eb;border:1px solid #ffffff14;border-radius:14px;min-height:110px;padding:12px;transition:border-color .18s,opacity .18s,transform .18s;position:absolute}.cp-block:hover,.cp-block.selected{box-shadow:0 0 0 1px #88f8c82e, var(--shadow-md);border-color:#88f8c880}.cp-block.disabled{opacity:.42}.cp-block.featured{min-height:270px}.cp-block.analytics{min-height:170px}.cp-block.booking{min-height:220px}.cp-block .head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cp-block .grip,.cp-block .dot{color:var(--fg3)}.cp-block .dot{background:var(--accent);box-shadow:0 0 8px var(--accent);border-radius:999px;width:7px;height:7px}.cp-block .dot.off{background:var(--fg-muted);box-shadow:none}.cp-block .spacer{flex:1}.cp-block .htype,.metric-label,.open-studio{color:var(--fg3);cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:4px;margin-top:8px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.cp-block .title{color:var(--fg1);font-size:15px;font-weight:800;line-height:1.2}.cp-block .sub{color:var(--fg3);line-break:anywhere;margin-top:3px;font-size:12px}.link-block-body,.qr-block-row{align-items:center;gap:10px;display:flex}.mini-hex{background:var(--bg-raised);clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);color:var(--accent);font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:900;display:flex}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.stat{background:#ffffff0a;border-radius:8px;padding:8px}.stat strong,.metric-big{color:var(--fg1);font-family:var(--font-mono);font-size:20px;font-weight:700;display:block}.stat span,.metric-big span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;font-size:10px}.media{background:linear-gradient(180deg, #88f8c82e, #7ab8ff0f), var(--bg-raised);border-radius:10px;height:112px;margin-bottom:12px;position:relative;overflow:hidden}.badge{color:var(--accent);background:#88f8c829;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.play{background:var(--accent);color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.input-faux{background:var(--bg-raised);color:var(--fg3);border-radius:10px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px;display:flex}.pip{background:var(--accent);border-radius:999px;width:8px;height:8px}.sub-cta{background:var(--accent);color:var(--on-accent);text-align:center;border-radius:10px;margin-top:10px;padding:10px;font-weight:800}.slots{gap:8px;margin-top:12px;display:grid}.slot{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.slot.taken{opacity:.45}.qr-tile{aspect-ratio:1;background:#fff;border-radius:18px;place-items:center;padding:22px;display:grid;position:relative}.qr-tile img{object-fit:contain;width:100%;height:100%;display:block}.qr-tile-mini{border-radius:9px;flex:none;width:70px;height:70px;padding:8px}.spark{height:72px;margin-top:14px}.cp-center{color:var(--fg1);text-align:center;z-index:3;flex-direction:column;align-items:center;width:320px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hex-outer{place-items:center;width:130px;height:130px;display:grid;position:relative}.hex-ring{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(135deg,#88f8c859,#7ab8ff24);position:absolute;inset:0}.hex-inner{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);color:var(--st-ink-900);font-family:var(--font-display);z-index:1;background:radial-gradient(circle at 35% 22%,#e6fff4,#88f8c8 45%,#588878);justify-content:center;align-items:center;width:104px;height:104px;font-size:46px;font-weight:900;display:flex}.cp-center input,.cp-center textarea{color:inherit;resize:none;text-align:center;background:0 0;border:0;padding:0}.cp-center .name{font-family:var(--font-display);margin-top:12px;font-size:30px;font-weight:800}.cp-center .handle{color:var(--fg2);margin-top:4px;font-size:14px}.cp-center .bio{color:var(--fg2);min-height:64px;margin-top:18px;line-height:1.45}.center-socials{justify-content:center;gap:9px;margin-top:12px;display:flex}.s-hex{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);color:var(--accent);font-family:var(--font-mono);background:#ffffff14;border:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:flex}.s-hex.add{color:var(--fg3)}.cp-inspector{border-left:1px solid var(--border-subtle);color:var(--fg1);z-index:6;background:#141628f2;width:344px;position:absolute;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #0000004d}.ins-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:18px;display:flex}.ins-head h3{margin:2px 0 0;font-size:16px}.ins-head .close{background:var(--bg-raised);color:var(--fg2);border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:flex}.ins-body{gap:16px;padding:18px;display:grid}.ins-analytics{background:var(--bg-raised);border-radius:12px;justify-content:space-between;align-items:center;padding:14px;display:flex}.ins-analytics strong{font-family:var(--font-mono);font-size:22px;display:block}.ins-analytics .sub,.field label,.delta{color:var(--fg3);font-size:11px}.field{gap:7px;display:grid}.field input,.field textarea,.qr-controls input{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--fg1);border-radius:9px;padding:11px 12px}.toggles{gap:8px;display:grid}.toggle-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--fg1);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.toggle-row .lbl{gap:3px;display:grid}.toggle-row .lbl span{color:var(--fg3);font-size:12px}.switch{background:var(--bg-raised);border-radius:999px;width:36px;height:20px;position:relative}.switch:after{background:var(--fg2);content:"";border-radius:999px;width:16px;height:16px;transition:left .16s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent)}.switch.on:after{background:var(--on-accent);left:18px}.cp-ai{z-index:5;width:min(760px,100% - 420px);position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ai-suggestions{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.ai-chat{background:#141628eb;border:1px solid #88f8c82e;border-radius:16px;gap:8px;max-height:210px;margin-bottom:8px;padding:12px;display:grid;overflow:auto;box-shadow:0 18px 60px #0000003d}.ai-message{gap:4px;display:grid}.ai-message span{color:var(--accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.ai-message.user span{color:var(--fg3)}.ai-message p{color:var(--fg1);margin:0;font-size:13px;line-height:1.35}.ai-chip{border:1px solid var(--border-subtle);color:var(--fg2);background:#1e2034e6;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:flex}.ai-row{background:#141628f2;border:1px solid #88f8c842;border-radius:18px;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:0 18px 60px #00000059}.ai-mark,.ai-send{background:var(--accent);color:var(--on-accent);border:0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ai-input{color:var(--fg1);background:0 0;border:0;outline:0;flex:1}.ai-meta{color:var(--fg3);font-family:var(--font-mono);font-size:10px}.ai-send{background:var(--bg-raised);color:var(--fg3)}.ai-send.ready{background:var(--accent);color:var(--on-accent)}.canopy-preview{background:var(--st-ink-900);min-height:calc(100vh - 70px);overflow:auto}.qr-studio{background:var(--bg-sunken);grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 70px);display:grid}.qr-stage{justify-content:center;align-items:center;padding:40px;display:flex}.qr-card{box-shadow:var(--shadow-md);color:#0b0e18;background:#f8faf7;border-radius:22px;gap:22px;width:min(540px,100%);padding:28px;display:grid}.qr-head,.mini-mark,.download-row{justify-content:space-between;align-items:center;display:flex}.mini-mark{justify-content:flex-start;gap:8px}.mini-mark .hex{background:#88f8c8}.qty,.scan-hint{color:#60677a;font-size:12px}.qr-card .qr-tile{border-radius:18px;padding:38px}.center-mark{background:#fff;border-radius:999px;place-items:center;width:70px;height:70px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-mark .inner{background:#88f8c8;width:34px;height:34px}.url{font-family:var(--font-mono);text-align:center}.qr-controls{border-left:1px solid var(--border-subtle);color:var(--fg1);background:#141628eb;flex-direction:column;gap:22px;padding:28px;display:flex}.qr-controls .qr-status{color:var(--fg3);margin:-8px 0 0;font-size:13px;font-weight:700}.ctl-title{font-family:var(--font-display);font-size:24px;font-weight:800}.ctl-sub{color:var(--fg3);margin-top:8px;line-height:1.45}.stat-bar{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.canopy-account{color:var(--fg3);z-index:10;font-size:11px;position:fixed;bottom:8px;left:84px}@media (max-width:1100px){.canopy-app{grid-template-columns:1fr}.canopy-app .cp-rail{display:none}.canopy-app .cp-topbar,.canopy-app .cp-actions,.canopy-app .crumb{flex-direction:column;align-items:flex-start}.canopy-app .cp-canvas{min-height:820px;overflow:auto}.canopy-app .cp-canvas-stage{height:836px;transform:translate(var(--canopy-pan-x,0), var(--canopy-pan-y,0)) scale(var(--canopy-zoom,.72));transform-origin:0 0;width:1368px;top:76px;left:0}.cp-ai{width:auto;left:16px;right:16px;transform:none}.cp-inspector{width:auto;top:auto;left:0}.qr-studio{grid-template-columns:1fr}}