:root{--cream: #FAF6EE;--paper: #FFFBF3;--paper-deep: #F0E9DA;--ink: #1F1A14;--ink-soft: rgba(31, 26, 20, .62);--ink-mute: rgba(31, 26, 20, .42);--ink-faint: rgba(31, 26, 20, .18);--hair: rgba(31, 26, 20, .1);--terra: #C24B3A;--terra-deep: #A03B2D;--peach: #F5D9C0;--sage: #8FA68A;--butter: #E8C36A;--ok: #3F8C5C;--warn: #C9842A;--font-serif: "DM Serif Display", "Playfair Display", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-hand: "Caveat", "Bradley Hand", cursive;--font-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-card: 0 4px 10px rgba(80, 55, 30, .08);--shadow-soft: 0 16px 40px rgba(31, 26, 20, .08);--shadow-polaroid: 0 1px 0 rgba(0,0,0,.04), 0 8px 18px rgba(80,55,30,.16), 0 2px 4px rgba(80,55,30,.08);--shadow-primary: 0 1px 0 rgba(0,0,0,.06), 0 6px 16px rgba(194, 75, 58, .22);--shadow-ink: 0 1px 0 rgba(0,0,0,.06), 0 6px 16px rgba(31, 26, 20, .18);--shadow-gold: 0 1px 0 rgba(0,0,0,.06), 0 6px 16px rgba(232, 195, 106, .32);--tape: rgba(245, 217, 192, .65);--bg-main: var(--cream);--bg-paper: var(--paper);--bg-paper-deep: var(--paper-deep);--accent: var(--terra);--hairline: var(--hair);--dark-bg: var(--ink)}*{box-sizing:border-box}html,body{margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw}img,video,iframe,svg{max-width:100%;height:auto}body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.hand{font-family:var(--font-hand)}.mono{font-family:var(--font-mono)}.italic{font-style:italic}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--ink-soft);font-weight:500}.badge-mono{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--ink-soft);text-transform:uppercase}.label-mono{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft)}.display{font-family:var(--font-serif)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;font-family:var(--font-sans);font-weight:500;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn--sm{padding:8px 14px;height:32px;font-size:13px}.btn--md{padding:12px 20px;height:42px;font-size:14px}.btn--lg{padding:16px 26px;height:52px;font-size:16px}.btn--xl{padding:20px 32px;height:62px;font-size:18px}.btn--primary{background:var(--terra);color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover{background:var(--terra-deep)}.btn--ink{background:var(--ink);color:var(--cream);box-shadow:var(--shadow-ink)}.btn--gold{background:var(--butter);color:var(--ink);box-shadow:var(--shadow-gold)}.btn--secondary{background:#fff;color:var(--ink);border:1px solid var(--hair)}.btn--ghost{background:transparent;color:var(--ink)}.btn--ghost.dark{color:#fff}.btn--block{width:100%}.btn-primary{background:var(--terra);color:#fff;font-family:var(--font-serif);font-size:18px;padding:16px 28px;border:0;border-radius:999px;cursor:pointer;width:100%;box-shadow:var(--shadow-primary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#fff;color:var(--ink);font-family:var(--font-sans);font-size:14px;font-weight:500;padding:10px 18px;border:1px solid var(--hair);border-radius:999px;cursor:pointer}.btn-link{background:none;border:0;color:var(--ink);text-decoration:underline;font-family:var(--font-sans);font-size:14px;cursor:pointer;padding:8px}.card{background:var(--paper);border:1px solid var(--hair);border-radius:16px;padding:24px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#1f1a140f;color:var(--ink);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.3px}.chip--accent{background:#c24b3a1a;color:var(--terra-deep)}.chip--gold{background:#e8c36a2e;color:#7a5e1a}.chip--sage{background:#8fa68a2e;color:#3f6638}.chip--live{background:#3f8c5c24;color:var(--ok)}.chip--live:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--ok);box-shadow:0 0 0 3px #3f8c5c33}.chip--demo{background:var(--ink);color:var(--butter);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:2px;padding:4px 10px;text-transform:uppercase;border-radius:4px}.input,input.input,textarea.input,select.input{display:flex;align-items:center;gap:8px;width:100%;background:#fff;border:1px solid var(--hair);border-radius:10px;padding:10px 14px;height:44px;font-family:var(--font-sans);font-size:15px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,input.input:focus,textarea.input:focus,select.input:focus{border-color:var(--terra);box-shadow:0 0 0 3px #c24b3a1f}textarea.input{height:auto;min-height:120px;padding:12px 14px;line-height:1.45;resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.field-label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--ink)}.field-hint{font-family:var(--font-sans);font-size:11px;color:var(--ink-mute)}.field-error{font-family:var(--font-sans);font-size:12px;color:var(--terra)}.polaroid{background:#fff;padding:10px 10px 36px;box-shadow:var(--shadow-polaroid);display:inline-block;position:relative}.polaroid img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.polaroid .caption{position:absolute;bottom:6px;left:12px;right:12px;font-family:var(--font-hand);font-size:18px;color:var(--ink);text-align:center}.washi{position:absolute;width:60px;height:20px;background:var(--tape);transform:rotate(-3deg);top:-10px;left:30%;opacity:.65}.stamp{display:inline-block;border:2.5px solid var(--ink);padding:6px 14px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.8px;font-size:12px;background:transparent;color:var(--ink)}.cover-shape{overflow:hidden;display:block;width:100%}.cover-shape>img{display:block;width:100%;height:100%}.cover-shape-square{border-radius:0}.cover-shape-rounded{border-radius:16px}.cover-shape-circle{border-radius:999px;aspect-ratio:1/1}.cover-shape-polaroid{background:#fff;padding:10px 10px 36px;box-shadow:var(--shadow-polaroid);position:relative}.cover-shape-polaroid>img{aspect-ratio:1/1}.input--hand{font-family:var(--font-hand);font-size:24px;width:100%;background:var(--paper);border:0;border-bottom:2px solid var(--ink);padding:8px 4px;outline:none;color:var(--terra)}.textarea--hand{font-family:var(--font-hand);font-size:22px;width:100%;border:0;background-color:var(--paper);background-image:repeating-linear-gradient(transparent 0,transparent 27px,rgba(31,26,20,.18) 27px,rgba(31,26,20,.18) 28px);min-height:180px;color:var(--ink);padding:4px 8px;line-height:28px;resize:vertical;outline:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--paper);border:2px solid var(--terra);color:var(--terra);padding:10px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;z-index:100}.page{min-height:100vh;padding:24px 20px 48px;max-width:480px;margin:0 auto;position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.marketing-page{padding:64px 24px 96px}.marketing-container{max-width:760px;margin:0 auto}.marketing-container.wide{max-width:1080px}.marketing-header{margin-bottom:48px}.marketing-header .eyebrow{margin-bottom:12px}.marketing-title{font-family:var(--font-serif);font-size:56px;line-height:1.02;letter-spacing:-1px;margin:0;color:var(--ink)}.marketing-title .accent{color:var(--terra);font-style:italic}.marketing-subtitle{font-size:18px;line-height:1.55;color:var(--ink-soft);margin:18px 0 0;max-width:580px}.prose{color:var(--ink);font-size:16px;line-height:1.65}.prose section{margin-bottom:40px}.prose h2{font-family:var(--font-serif);font-size:28px;line-height:1.15;margin:0 0 18px;color:var(--ink);letter-spacing:-.4px}.prose h3{font-family:var(--font-sans);font-weight:600;font-size:17px;margin:28px 0 10px;color:var(--ink)}.prose p{margin:0 0 14px;color:var(--ink-soft)}.prose strong{color:var(--ink);font-weight:600}.prose ul{margin:0 0 14px;padding:0;list-style:none}.prose ul li{position:relative;padding:6px 0 6px 20px;color:var(--ink-soft)}.prose ul li:before{content:"\b7";position:absolute;left:0;top:4px;color:var(--terra);font-size:28px;line-height:1}.prose a{color:var(--terra);text-decoration:none}.prose a:hover{text-decoration:underline}.marketing-divider{border:0;height:1px;background:var(--hair);margin:40px 0}@media(max-width:720px){.marketing-page{padding:40px 20px 64px}.marketing-title{font-size:38px}.prose h2{font-size:22px}}@media(max-width:480px){.marketing-title{font-size:30px;line-height:1.05;letter-spacing:-.5px}.marketing-subtitle{font-size:16px}.marketing-page{padding:32px 16px 56px}.prose{font-size:15px}.prose h2{font-size:20px}.prose h3{font-size:15px}.btn--lg{padding:14px 22px;height:48px;font-size:15px}.btn--xl{padding:16px 26px;height:56px;font-size:16px}.input,input.input,textarea.input,select.input{padding:10px 12px;font-size:15px}.page{padding:20px 16px 40px}.card{padding:18px 16px;border-radius:12px}.input--hand{font-size:22px}.textarea--hand{font-size:20px;line-height:26px;background-image:repeating-linear-gradient(transparent 0,transparent 25px,rgba(31,26,20,.18) 25px,rgba(31,26,20,.18) 26px)}}@media(max-width:768px){.marketing-page{padding:56px 24px 72px}}@media(max-width:480px){.admin-wrap,.wrap,.page-wrap{padding:16px 12px 32px!important}.page-title,.hero-title,.empty-title{font-size:28px!important;line-height:1.1!important;letter-spacing:-.5px}.stats{padding:14px 16px!important;gap:16px!important}.stat-v{font-size:24px!important}.grid{grid-template-columns:1fr!important;gap:14px!important}.cover-shape-square,.cover-shape-rounded,.cover-shape-polaroid,.cover-shape-circle{width:100%!important;max-width:280px;height:auto!important;margin:0 auto}.topbar,.hero,.hero-actions,.empty-ctas{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.hero-actions .btn,.empty-ctas .btn{width:100%}}[dir=rtl] body{text-align:right}[dir=rtl] .back{direction:rtl;unicode-bidi:plaintext}[dir=rtl] .pol-a{transform:rotate(-8deg)}[dir=rtl] .pol-b{transform:rotate(7deg)}