@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--journai-bg:#fafafb;--journai-text:#271918;--journai-accent:#ed722f;--journai-main-1:#254a3d;--journai-main-2:#4a302a;--journai-border:#27191814;--fg-1:var(--journai-text);--fg-2:#271918a8;--fg-3:#27191870;--fg-on-dark:#f4ede4;--fg-on-dark-2:#f4ede4ad;--bg-page:var(--journai-bg);--bg-card:#fff;--bg-muted:#f2efeb;--bg-sunken:#ece7e1;--bg-accent-tint:#ed722f14;--accent:var(--journai-accent);--accent-hover:#d8611e;--accent-pressed:#bf5315;--accent-on:#fff;--accent-ring:#ed722f52;--main-1:var(--journai-main-1);--main-1-hover:#1e3e33;--main-2:var(--journai-main-2);--status-scheduled-fg:#254a3d;--status-scheduled-bg:#254a3d1a;--status-publishing-fg:#8a5a12;--status-publishing-bg:#8a5a121a;--status-published-fg:#2e6b4e;--status-published-bg:#2e6b4e1a;--status-failed-fg:#a8341f;--status-failed-bg:#a8341f1a;--status-cancelled-fg:#27191885;--status-cancelled-bg:#2719180f;--danger:#a8341f;--danger-hover:#8c2a17;--danger-bg:#a8341f14;--border-1:var(--journai-border);--border-2:#27191824;--border-strong:#2719183d;--border-on-dark:#f4ede424;--r-1:2px;--r-2:3px;--r-3:4px;--r-pill:999px;--shadow-0:none;--shadow-1:0 1px 2px #00000008;--shadow-2:0 2px 8px #0000000a;--shadow-focus:0 0 0 2px var(--bg-card), 0 0 0 4px var(--accent-ring);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--dur-micro:.12s;--dur-routine:.2s;--dur-destructive:.4s;--dur-signature:.8s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-serif:Georgia, "Times New Roman", serif;--t-h1:600 24px/1.25 var(--font-ui);--t-h2:600 18px/1.33 var(--font-ui);--t-h3:600 15px/1.4 var(--font-ui);--t-body:400 14px/1.5 var(--font-ui);--t-body-strong:500 14px/1.5 var(--font-ui);--t-small:400 13px/1.45 var(--font-ui);--t-label:500 12px/1.4 var(--font-ui);--t-mono:400 12.5px/1.5 var(--font-mono);--t-hero:400 40px/1.15 var(--font-serif);--t-h1-brand:400 28px/1.2 var(--font-serif);--t-h2-brand:600 16px/1.35 var(--font-ui);--t-body-brand:400 15px/1.6 var(--font-ui)}html,body{background:var(--bg-page);color:var(--fg-1);font:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}*{box-sizing:border-box}.t-h1{font:var(--t-h1);letter-spacing:-.01em;margin:0}.t-h2{font:var(--t-h2);letter-spacing:-.005em;margin:0}.t-h3{font:var(--t-h3);margin:0}.t-body{font:var(--t-body);margin:0}.t-body-strong{font:var(--t-body-strong);margin:0}.t-small{font:var(--t-small);margin:0}.t-label{font:var(--t-label);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin:0}.t-mono{font:var(--t-mono);margin:0}.t-editorial{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.t-hero{font:var(--t-hero);letter-spacing:-.01em;margin:0;font-weight:400!important}.t-h1-brand{font:var(--t-h1-brand);letter-spacing:-.005em;margin:0;font-weight:400!important}.t-h2-brand{font:var(--t-h2-brand);margin:0}.t-body-brand{font:var(--t-body-brand);margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#2719182e padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:#27191852;background-clip:content-box}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ws-page{background:var(--bg-page);min-height:100vh;color:var(--fg-1)}.ws-content{max-width:1100px;padding:var(--s-6) var(--s-5);margin:0 auto}.ws-header{padding:var(--s-5) var(--s-6);justify-content:space-between;align-items:center;display:flex}.ws-logo{width:auto;height:44px;display:block}.ws-code{font:var(--t-mono);color:var(--fg-2);background:var(--bg-muted);border:1px solid var(--border-1);border-radius:var(--r-2);padding:var(--s-1) var(--s-3)}.ws-code-large{font:var(--t-mono);color:var(--fg-1);background:var(--bg-muted);border:1px solid var(--border-2);border-radius:var(--r-2);padding:var(--s-3) var(--s-4);letter-spacing:.02em;font-size:22px;display:inline-block}.ws-title{font:var(--t-h1);margin-bottom:var(--s-2)}.ws-subtitle{font:var(--t-body);color:var(--fg-2);margin-bottom:var(--s-6)}.ws-section{margin-bottom:var(--s-7)}.ws-section-title{font:var(--t-h2);margin-bottom:var(--s-3)}.ws-tiles{gap:var(--s-4);grid-template-columns:repeat(4,1fr);display:grid}.ws-tile{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r-2);box-shadow:var(--shadow-2);padding:var(--s-5);color:var(--fg-1);gap:var(--s-2);transition:border-color var(--dur-micro) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.ws-tile:hover{border-color:var(--border-strong)}.ws-tile-title{font:var(--t-h3)}.ws-tile-hint{font:var(--t-small);color:var(--fg-3)}.ws-card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--r-2);box-shadow:var(--shadow-1);padding:var(--s-5)}.ws-button-primary{background:var(--accent);color:var(--accent-on);border-radius:var(--r-2);font:var(--t-body-strong);padding:var(--s-3) var(--s-5);cursor:pointer;transition:background var(--dur-micro) var(--ease-out);border:none}.ws-button-primary:hover{background:var(--accent-hover)}.ws-button-primary:active{background:var(--accent-pressed)}.ws-button-primary:disabled{background:var(--bg-sunken);color:var(--fg-3);cursor:not-allowed}.ws-button-secondary{background:var(--bg-card);color:var(--fg-1);border:1px solid var(--border-strong);border-radius:var(--r-2);font:var(--t-body-strong);padding:var(--s-3) var(--s-5);cursor:pointer}.ws-button-secondary:hover{background:var(--bg-muted)}.ws-field{width:100%;font:var(--t-body);color:var(--fg-1);background:var(--bg-page);border:1px solid var(--border-strong);border-radius:var(--r-2);padding:var(--s-3)}.ws-field:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea.ws-field{resize:vertical;min-height:140px;font-family:var(--font-mono)}.ws-list{gap:var(--s-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ws-list-row{padding:var(--s-2) var(--s-3);background:var(--bg-muted);border-radius:var(--r-2);justify-content:space-between;align-items:center;display:flex}.ws-progress-track{background:var(--bg-sunken);border-radius:var(--r-pill);width:100%;height:4px;overflow:hidden}.ws-progress-fill{background:var(--accent);height:100%;transition:width var(--dur-routine) var(--ease-out)}@media (min-width:1280px){.ws-content{max-width:1100px}}@media (max-width:700px){.ws-tiles{grid-template-columns:1fr}.ws-header{padding:var(--s-3) var(--s-4)}.ws-logo{height:32px}.ws-content{padding:var(--s-4) var(--s-4)}.ws-code-large{word-break:break-all;font-size:16px}}.ws-modulenav{z-index:40;gap:var(--s-1);background:var(--bg-card);border:1px solid var(--border-1);box-shadow:var(--shadow-2);padding:var(--s-2);border-radius:20px;flex-direction:column;display:flex;position:fixed;top:24px;left:24px}.ws-modulenav-item{width:40px;height:40px;color:var(--fg-2);transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);border-radius:14px;justify-content:center;align-items:center;text-decoration:none;display:flex}.ws-modulenav-item:hover{background:var(--bg-muted);color:var(--fg-1)}.ws-modulenav-item-active{background:var(--bg-accent-tint);color:var(--accent)}.ws-modulenav-item svg{width:20px;height:20px}.ws-frame-body{padding-left:96px}@media (max-width:700px){.ws-modulenav{padding:var(--s-1);gap:2px;top:12px;left:12px}.ws-modulenav-item{border-radius:12px;width:34px;height:34px}.ws-modulenav-item svg{width:17px;height:17px}.ws-frame-body{padding-left:60px}}