.app-shell{--fg:#f4f2fc;--muted:#bbb9ce;--accent-text:#d5c8ff;--accent:#ab93f5;--accent-ink:#1a1233;--focus:#c3adff;--canvas:#151520;--page-bg:radial-gradient(ellipse at 84% -12%, #533d72 0%, transparent 47%), radial-gradient(ellipse at 5% 10%, #32344d 0%, transparent 48%), radial-gradient(ellipse at 90% 100%, #232f49 0%, transparent 50%), var(--canvas);--panel:linear-gradient(155deg, #ffffff16, transparent 62%), #202030c7;--nav-bg:#191928eb;--line:#e4ddff26;--field:#0808144f;--field-line:#e4ddff3b;--soft:#e8e0ff13;--soft-line:#e4ddff21;--track:#e8e0ff29;--danger-bg:#41283a;--danger-fg:#ffd0da;--ok-bg:#233d3e;--ok-fg:#b7f4dc;--panel-shadow:0 14px 34px #07071335, inset 0 1px #ffffff0e;--control-shadow:inset 0 1px 4px #0002;--page-width:75rem;background:var(--page-bg) fixed}.app-shell[data-theme=light]{--fg:#24233a;--muted:#57566c;--accent-text:#5a3f9b;--accent:#7250c0;--accent-ink:#fff;--focus:#6747b0;--canvas:#e9ebf5;--page-bg:radial-gradient(ellipse at 84% -12%, #f9dfdb 0%, transparent 49%), radial-gradient(ellipse at 12% 7%, #dcd7f7 0%, transparent 53%), radial-gradient(ellipse at 90% 100%, #cfdced 0%, transparent 52%), var(--canvas);--panel:linear-gradient(155deg, #ffffffd9, #f7f7ffb5 78%);--nav-bg:#f5f3fbed;--line:#4b3e751d;--field:#fffa;--field-line:#4b3e753b;--soft:#4b3e7509;--soft-line:#4b3e7524;--track:#4b3e7526;--danger-bg:#f9e2e9;--danger-fg:#9d1e49;--ok-bg:#deeee6;--ok-fg:#225d49;--panel-shadow:0 12px 32px #423b6412, inset 0 1px #ffffffda;--control-shadow:inset 0 1px 4px #4b3e7514}.app-shell .font-display{letter-spacing:-.035em;font-family:DM Sans,system-ui,sans-serif}.app-shell h1{text-wrap:balance}.app-shell :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app-shell .glass{background:var(--panel);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell :is(.glass,.soft,.tile,.notice-ok,.notice-bad){min-width:0}.app-shell .field,.app-shell .input-group{min-width:0;box-shadow:var(--control-shadow);background:var(--field);border:1px solid var(--field-line);border-radius:11px}.app-shell .field:focus,.app-shell .input-group:focus-within{border-color:var(--focus)}.app-shell .input-group:focus-within{outline:2px solid var(--focus);outline-offset:2px}.app-shell .input-group input:focus-visible{outline:none}.app-shell textarea.field{resize:vertical;min-height:5rem}.app-shell input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;block-size:1rem;inline-size:1rem}.app-shell select.field option{color:var(--fg);background:var(--nav-bg)}.app-shell .btn{border:1px solid #0000;border-radius:11px;min-height:40px;font-weight:700;line-height:1.25}.app-shell .btn-sm{border-radius:9px;min-height:35px}.app-shell .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent), white 21%);box-shadow:0 4px 12px color-mix(in srgb, var(--accent), transparent 72%), inset 0 1px #ffffff35}.app-shell .btn-muted{border-color:var(--soft-line);background:var(--soft)}.app-shell .btn-danger{background:#a52c4d;border-color:#c14a6a}.app-shell .btn-discord{background:#4652ca;border-color:#626ce2}.app-shell .btn:hover:not(:disabled){filter:brightness(1.08);transform:none}.app-shell :is(.notice-bad,.notice-ok){border:1px solid color-mix(in srgb, currentColor 23%, transparent);box-shadow:var(--panel-shadow);border-left-width:3px}.app-shell .notice-ok a,.app-shell .notice-bad a{text-decoration:underline}.app-shell .tile[data-on=true],.app-shell .chip[aria-pressed=true]{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 16%, transparent);border-color:var(--accent);box-shadow:none}.app-shell .range{background:linear-gradient(90deg, var(--accent) var(--p,50%), var(--track) var(--p,50%));height:6px}.app-shell .range::-webkit-slider-thumb{background:#fbfaff;border:1px solid #b0abc0;border-radius:999px;width:27px;height:19px;box-shadow:0 2px 6px #15152048}.app-shell .range::-moz-range-thumb{background:#fbfaff;border:1px solid #b0abc0;border-radius:999px;width:25px;height:17px;box-shadow:0 2px 6px #15152048}.app-shell[data-theme=light] :is(.text-violet-200,.text-violet-300,.text-violet-400){color:var(--accent-text)}.app-shell[data-theme=light] .profile-bg :is(.text-violet-200,.text-violet-300,.text-violet-400){color:#ddd0ff}.app-shell[data-theme=light] .text-amber-100{color:#784616}.app-shell[data-theme=light] .text-emerald-400{color:var(--ok-fg)}.site-header{max-width:var(--page-width);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;min-height:76px;margin:0 auto;padding:.75rem 1.5rem;display:grid}.site-brand{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:.55rem;width:fit-content;font-size:1.22rem;font-weight:800;display:inline-flex}.site-brand img{-o-object-fit:contain;object-fit:contain;width:32px;height:32px;display:block}.site-brand-accent{color:var(--accent-text)}.site-nav,.site-header-end,.site-controls{align-items:center;gap:.45rem;display:flex}.site-nav{justify-content:center}.site-header .public-mobile-nav{display:none}.site-header-end{gap:.65rem}.site-controls .nav-language>svg{display:none}.site-controls .nav-language select{min-width:49px;height:36px}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:.65rem;padding:.64rem .72rem;font-size:.88rem;font-weight:650;transition:background-color .15s,color .15s;display:flex}.nav-link svg{flex:none}.nav-link:hover{color:var(--fg);background:var(--soft)}.nav-link[aria-current=page]{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 26%, transparent)}.icon-button{border:1px solid var(--soft-line);background:var(--soft);width:36px;height:36px;color:var(--fg);cursor:pointer;border-radius:9px;flex:none;place-items:center;display:grid}.icon-button:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}.workspace-layout{--gutter:clamp(1rem, 2.4vw, 2.2rem);grid-template:"sidebar topbar""sidebar content"1fr/218px minmax(0,1fr);min-height:100vh;display:grid}.workspace-sidebar{background:var(--nav-bg);border-right:1px solid var(--line);flex-direction:column;grid-area:sidebar;gap:1.6rem;height:100dvh;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.workspace-sidebar .site-brand{margin:.12rem .62rem}.workspace-nav{gap:.25rem;display:grid}.nav-rule{background:var(--line);height:1px;margin:.56rem .35rem}.workspace-home{margin-top:auto}.workspace-home span{flex:1}.workspace-topbar{z-index:30;min-height:64px;padding:.65rem var(--gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--nav-bg) 87%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-area:topbar;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.workspace-topbar .site-controls{margin-left:auto}.workspace-crumb,.workspace-crumb a{align-items:center;gap:.55rem;display:flex}.workspace-crumb{color:var(--muted);font-size:.88rem}.workspace-crumb span{color:var(--fg);font-weight:700}.workspace-crumb a:hover{color:var(--fg)}.workspace-content{flex-direction:column;grid-area:content;min-width:0;display:flex}.dashboard-announcement{margin:1.25rem var(--gutter) 0;border-color:color-mix(in srgb, var(--accent) 38%, transparent)}.workspace-content>main,.workspace-content>.page-skeleton{width:100%;max-width:82rem;padding-inline:var(--gutter)}.workspace-content>footer{margin-top:auto}.workspace-mobile-title,.mobile-nav{display:none}.site-footer{max-width:var(--page-width);border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1.5rem;margin:2rem auto 0;padding:1.4rem 1.5rem;font-size:.8rem;display:flex}.site-footer-compact{max-width:none;padding-inline:var(--gutter);margin-inline:0}.site-footer-brand{color:var(--fg);font-weight:750}.site-footer-brand span{color:var(--muted);margin-left:.4rem;font-weight:400}.site-footer-links{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-heading h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800;line-height:1.05}.page-heading p{max-width:44rem;color:var(--muted);margin-top:.5rem;font-size:.92rem;line-height:1.55}.page-heading-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.85rem;display:grid}.stat-card{border-radius:16px;gap:.55rem;padding:.9rem 1rem;display:grid}.stat-card dt{color:var(--muted);align-items:center;gap:.55rem;font-size:.82rem;display:flex}.stat-card dd{color:var(--fg);overflow-wrap:anywhere;margin:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:750;line-height:1.25}.stat-icon,.feature-icon,.auth-icon{width:36px;height:36px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.segmented{border:1px solid var(--soft-line);background:var(--field);box-shadow:var(--control-shadow);border-radius:13px;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.segmented :is(button,a){color:var(--muted);border-radius:9px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .7rem;font-size:.84rem;font-weight:650;display:inline-flex}.segmented :is(button,a):hover{color:var(--fg);background:var(--soft)}.segmented [aria-pressed=true]{color:var(--fg);background:var(--panel);box-shadow:var(--panel-shadow)}.page-skeleton{max-width:var(--page-width);gap:1rem;margin:0 auto;padding:2rem 1.25rem;display:grid}.skeleton-block{background:var(--soft);border-radius:8px;animation:1.4s ease-in-out infinite alternate glass-pulse;display:block}@keyframes glass-pulse{to{opacity:.43}}.editor-grid{grid-template-columns:minmax(0,1fr) minmax(17rem,.53fr);align-items:start;gap:1.1rem;display:grid}.editor-fields{border:0;min-width:0;margin:0;padding:0}.editor-fields>section{scroll-margin-top:84px}.editor-rail{gap:.9rem;min-width:0;display:grid;position:sticky;top:83px}.editor-preview{border-radius:18px;padding:.8rem}.editor-preview h2{margin:.1rem .18rem .65rem;font-size:.94rem;font-weight:750}.editor-preview-toggle{display:none}.editor-actions{z-index:20;border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;margin-top:1rem;padding:.55rem;display:flex;position:sticky;bottom:.8rem}.editor-actions .editor-status{box-shadow:none;flex:12rem;padding:.55rem .7rem}.editor-actions .btn{flex:none}.editor-actions:not(:has(.editor-status)){width:fit-content;margin-inline-start:auto}.auth-page{min-height:100vh}.auth-stage{place-items:center;min-height:min(70vh,42rem);padding:clamp(2rem,7vw,5rem) 1rem;display:grid}.auth-stage>*{width:min(100%,28rem)}.auth-stage.auth-wide>*{width:min(100%,35rem)}.auth-card{border-radius:23px;padding:clamp(1.3rem,5vw,2.15rem)}.auth-card h1{font-size:clamp(1.8rem,5vw,2.3rem);font-weight:800;line-height:1.1}.auth-icon{width:42px;height:42px;margin-bottom:.95rem}.auth-card label{font-weight:650}.auth-card :is(input,select,textarea){font-weight:400}.home-hero{max-width:var(--page-width);grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);align-items:center;gap:clamp(1.75rem,5vw,4rem);margin:0 auto;padding:clamp(2.5rem,7vw,6rem) 1.5rem clamp(2.5rem,6vw,5rem);display:grid}.hero-copy h1{letter-spacing:-.08em;font-size:clamp(3.15rem,6.5vw,6.25rem);font-weight:800;line-height:.99}.hero-copy h1 span{color:var(--accent-text)}.hero-copy>p{max-width:28rem;color:var(--muted);margin-top:1.2rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;display:flex}.hero-preview{border-radius:21px;padding:.65rem;position:relative}.hero-preview-bar{color:var(--muted);align-items:center;gap:.6rem;padding:.15rem .2rem .65rem;font-size:.82rem;display:flex}.hero-preview-address{background:var(--soft);border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.55rem .65rem;display:flex}.hero-preview-address span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-preview iframe{border:0;width:100%;height:clamp(24rem,36vw,30rem);display:block}.hero-preview-body{border-radius:13px;overflow:hidden}.hero-example{color:#fff;background:radial-gradient(at 75% 15%,#553d88,#0000 58%),radial-gradient(at 5% 85%,#263e66,#0000 60%),#141020;place-items:center;min-height:25rem;padding:1rem;display:grid}.hero-example-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#241b389e;border:1px solid #ffffff36;border-radius:20px;width:min(100%,17rem);padding:1.5rem}.hero-example-avatar{color:#2b1c50;background:#c3afff;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto .75rem;font-size:1.55rem;font-weight:800;display:grid}.hero-example-link{color:#f2eaff;background:#ffffff12;border:1px solid #ffffff27;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.82rem;display:flex}.home-features{max-width:var(--page-width);grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin:0 auto;padding:0 1.5rem 2.5rem;display:grid}.feature-card{border-radius:17px;padding:1rem}.feature-card h2{margin-top:.7rem;font-weight:750}.feature-card p{color:var(--muted);margin-top:.25rem;font-size:.88rem;line-height:1.6}.public-content{max-width:var(--page-width);margin-inline:auto;padding:clamp(2rem,6vw,4.5rem) 1.5rem}.public-content-narrow{max-width:58rem}.legal-document{overflow-wrap:anywhere;border-radius:20px;padding:clamp(1rem,4vw,2.25rem)}.table-scroll{overflow-x:auto}.ranking-list{border-radius:20px;padding:.4rem}.ranking-row{border-radius:12px;align-items:center;gap:.85rem;padding:.75rem;display:flex}.ranking-row:hover{background:var(--soft)}.ranking-row img,.ranking-row .soft{flex:none}.rank-number{width:2.05rem;height:2.05rem;color:var(--muted);background:var(--soft);border-radius:9px;flex:none;place-items:center;font-weight:750;display:grid}.ranking-list li:nth-child(-n+3) .rank-number{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 20%, transparent)}.template-card:hover{border-color:var(--accent)}.app-shell .premium-intro{background:radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--accent) 19%, transparent), transparent 54%), var(--panel)}.legal-document>:first-child{margin-top:0}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;display:grid}.account-data>div{border-bottom:1px solid var(--line);padding:.55rem 0}.account-data dd{overflow-wrap:anywhere;text-align:end;min-width:0}.account-danger{border-color:color-mix(in srgb, var(--danger-fg) 33%, transparent)}.storage-meter{background:var(--track);border-radius:999px;height:.5rem;overflow:hidden}.storage-meter>div{border-radius:inherit;background:var(--accent);height:100%}.upload-zone{border:1px dashed var(--field-line);background:var(--field);text-align:center;border-radius:14px;place-items:center;padding:1.6rem .9rem;display:grid}.upload-zone[data-drag=true]{border-color:var(--focus);background:var(--soft)}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-member{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;display:grid}.workspace-content main [id]{scroll-margin-top:84px}@media (max-width:1140px){.workspace-layout{grid-template-columns:190px minmax(0,1fr)}.site-nav .nav-link svg{display:none}}@media (max-width:960px){.workspace-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""content"}.workspace-sidebar,.workspace-crumb{display:none}.workspace-mobile-title,.mobile-nav{display:block}.workspace-mobile-title{font-size:.9rem;font-weight:750}.mobile-nav summary{list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav-panel{top:calc(100% + 6px);left:var(--gutter);width:min(18rem, calc(100% - 2 * var(--gutter)));border:1px solid var(--line);background:var(--nav-bg);max-height:calc(100dvh - 80px);box-shadow:var(--panel-shadow);border-radius:15px;padding:.8rem;position:absolute;overflow-y:auto}.mobile-nav-panel .site-brand{margin:.3rem .6rem .85rem}.home-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:810px){.site-header{grid-template-columns:auto 1fr;gap:.55rem;padding-inline:1rem}.site-nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-start;gap:.25rem}.site-header-end{justify-self:end}.site-nav .nav-link{padding:.45rem .55rem}.home-hero{grid-template-columns:minmax(0,1fr);gap:1.65rem}.hero-copy h1{font-size:clamp(3rem,10vw,5.2rem)}.hero-preview iframe{height:min(65vh,32rem);min-height:23rem}}@media (max-width:720px){.site-header{z-index:30;grid-template-columns:auto minmax(0,1fr) auto;min-height:63px;position:relative}.site-header :is(.site-nav,.site-login){display:none}.site-header .public-mobile-nav{display:block}.public-mobile-nav .mobile-nav-panel{--gutter:1rem;left:auto;right:1rem}.public-menu-language{display:none}.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-rail{grid-row:1;position:static}.editor-preview .profile-bg{height:13rem}.editor-preview-title{display:none}.editor-preview-toggle{text-align:start;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.15rem .1rem;font-size:.9rem;font-weight:750;display:flex}.editor-preview[data-open=false] .editor-preview-body{display:none}.editor-preview[data-open=true] .editor-preview-body{margin-top:.7rem}.editor-preview[data-open=true] .editor-preview-toggle svg{transform:rotate(180deg)}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.site-header .nav-language{display:none}.public-menu-language{margin:.6rem .65rem .25rem;display:inline-flex}.editor-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.editor-stats .stat-card dt{flex-wrap:wrap;gap:.35rem}.editor-stats .stat-icon{border-radius:8px;width:28px;height:28px}.editor-stats .stat-icon svg{width:14px;height:14px}.editor-stats .stat-username dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.05rem;overflow:hidden}.editor-sections{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:460px){.site-brand{gap:.25rem;font-size:1.04rem}.site-brand img{width:25px;height:25px}.site-header-end,.site-controls{gap:.3rem}.site-header .icon-button{width:32px;height:34px}.site-header-end>.btn{white-space:nowrap;padding-inline:.5rem}.home-hero,.home-features,.public-content{padding-inline:1rem}.home-features{grid-template-columns:minmax(0,1fr)}.editor-actions{bottom:.4rem}.stat-card{padding:.72rem}}@media (prefers-reduced-motion:reduce){.app-shell .skeleton-block{animation:none}.app-shell :is(.btn,.field,.nav-link,.tile){transition:none}}
