@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=DM+Serif+Display&display=swap";:root{--color-primary: #000;--color-bg: #fff;--color-bg-subtle: #fafafa;--color-bg-inset: #f5f5f5;--color-text: #171717;--color-text-secondary: #525252;--color-text-muted: #737373;--color-text-faint: #a3a3a3;--color-text-ghost: #d4d4d4;--color-border: #e5e5e5;--color-border-strong: #d4d4d4;--color-accent: #0066ff;--color-accent-hover: #0052cc;--color-accent-subtle: rgba(0, 102, 255, .06);--color-error: #ef4444;--color-success: #22c55e;--color-success-bg: #f0fdf4;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--font-display: "DM Serif Display", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;text-decoration:none;line-height:1.5}.btn:hover{background:#333}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{background:var(--color-primary)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-text-faint)}.btn-secondary:disabled:hover{background:var(--color-bg);border-color:var(--color-border-strong)}.btn-ghost{background:none;color:var(--color-text-muted);padding:4px 8px}.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text)}.btn-ghost:disabled:hover{background:none;color:var(--color-text-muted)}.btn-danger{background:none;color:var(--color-error);border-color:var(--color-border-strong)}.btn-danger:hover{background:#fef2f2;border-color:#fca5a5}.btn-danger:disabled:hover{background:none;border-color:var(--color-border-strong)}.input{display:block;width:100%;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;color:var(--color-text);background:var(--color-bg);transition:border-color .12s;line-height:1.5}.input:focus{border-color:var(--color-accent);outline:none}.input::placeholder{color:var(--color-text-faint)}textarea.input{resize:vertical;min-height:72px}.card-interactive{transition:background .12s,border-color .12s;cursor:pointer}.card-interactive:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-subtle)}.auth-page-inner{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px;position:relative;overflow:hidden}.auth-waveform{position:absolute;display:flex;align-items:center;gap:5px;opacity:.06;pointer-events:none;z-index:0}.auth-waveform-bar{width:4px;border-radius:2px;background:var(--color-accent);animation:subtlePulse 3s ease-in-out infinite}.auth-card{width:100%;max-width:420px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:40px 36px 32px;position:relative;z-index:1;box-shadow:0 1px 3px #0000000a,0 8px 40px #00000008;animation:authCardIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-card-header{margin-bottom:32px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-card-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--color-border);text-align:center}.auth-toggle{background:none;border:none;font-family:var(--font-sans);font-size:13px;color:var(--color-accent);cursor:pointer;padding:4px;transition:color .15s}.auth-toggle:hover{color:var(--color-accent-hover)}.auth-error{font-size:13px;color:var(--color-error);margin:0;padding:10px 14px;background:#fef2f2;border-radius:var(--radius-md);border:1px solid #fecaca;line-height:1.45}.auth-success{font-size:13px;color:var(--color-success);margin:0;padding:10px 14px;background:var(--color-success-bg);border-radius:var(--radius-md);border:1px solid #bbf7d0;line-height:1.45}.auth-verify-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--color-accent-subtle);margin:0 auto 24px;animation:verifyPulse 2.5s ease-in-out infinite}@keyframes verifyPulse{0%,to{box-shadow:0 0 #0066ff14}50%{box-shadow:0 0 0 12px #06f0}}.auth-footer{padding:24px;text-align:center;font-size:13px;color:var(--color-text-faint)}@media(max-width:480px){.auth-card{padding:32px 24px 28px;border-radius:var(--radius-lg)}}.console-section{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);padding:24px}.console-section-header{font-size:15px;font-weight:600;margin:0 0 16px}.console-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:768px){.console-grid{grid-template-columns:1fr}}.item-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;transition:border-color .2s,background .2s}.item-card--draft{border-left:3px solid var(--color-warning)}.item-card--published{border-left:3px solid var(--color-success)}.item-card--archived{opacity:.5}.item-card--editing{border-color:var(--color-accent);background:var(--color-bg-subtle);display:flex;flex-direction:column;gap:10px}.item-card--processing{border-color:var(--color-accent);background:var(--color-accent-subtle);animation:itemPulse 2s ease-in-out infinite}@keyframes itemPulse{0%,to{opacity:1}50%{opacity:.75}}.item-card-body{font-size:14px;line-height:1.55;color:var(--color-text-secondary);white-space:pre-wrap}.item-card-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.plan-grid{grid-template-columns:1fr}}@keyframes subtlePulse{0%,to{opacity:.45}50%{opacity:.7}}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:4px;z-index:20;display:flex;flex-direction:column}.user-dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:none;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-md);transition:background .12s,color .12s;text-decoration:none}.user-dropdown-item:hover{background:var(--color-bg-subtle);color:var(--color-text);text-decoration:none}.danger-zone{border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);background:var(--color-bg);padding:24px}.danger-zone-header{font-size:15px;font-weight:600;color:var(--color-error);margin:0 0 8px}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.settings-field-hint{font-size:12px;color:var(--color-text-faint)}.avatar-circle{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--color-bg-inset);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--color-text-faint)}.logo-display{width:80px;height:80px;border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--color-border)}.logo-placeholder{width:80px;height:80px;border-radius:var(--radius-lg);background:var(--color-bg-inset);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--color-text-faint)}
