:root{--brand: #FF4D8F;--brand-strong: #E8217A;--brand-soft: rgba(232, 33, 122, .12);--brand-grad: linear-gradient(135deg, #E8217A 0%, #FF4D8F 35%, #FF6B3D 75%, #FFA552 100%);--brand-grad-hover: linear-gradient(135deg, #f0307f 0%, #ff5d9d 35%, #ff7848 75%, #ffb462 100%);--bg: #f6f6f8;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f1f1f4;--surface-3: #e9e9ee;--bar: rgba(255, 255, 255, .82);--text: #0d0d12;--text-2: #55555f;--text-3: #8a8a94;--on-brand: #ffffff;--border: rgba(0, 0, 0, .08);--border-2: rgba(0, 0, 0, .14);--focus-ring: rgba(232, 33, 122, .4);--ok: #16a34a;--ok-soft: rgba(22, 163, 74, .12);--warn: #f97316;--warn-soft: rgba(249, 115, 22, .13);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(16, 16, 24, .06), 0 1px 3px rgba(16, 16, 24, .05);--sh-2: 0 4px 16px rgba(16, 16, 24, .08);--sh-3: 0 12px 38px rgba(16, 16, 24, .16);--sh-brand: 0 8px 24px rgba(232, 33, 122, .28);--sh-brand-strong: 0 14px 40px rgba(255, 107, 61, .4);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--appbar-h: 60px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", system-ui, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--bg: #07080c;--bg-elevated: #121319;--surface: #141620;--surface-2: #1b1d28;--surface-3: #232634;--bar: rgba(12, 13, 20, .78);--text: #f3f4f8;--text-2: #a4a6b3;--text-3: #6b6e7e;--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--brand-soft: rgba(255, 107, 61, .18);--ok-soft: rgba(22, 163, 74, .18);--warn-soft: rgba(249, 115, 22, .18);--danger-soft: rgba(239, 68, 68, .18);--sh-1: 0 1px 2px rgba(0, 0, 0, .5);--sh-2: 0 6px 20px rgba(0, 0, 0, .55);--sh-3: 0 16px 44px rgba(0, 0, 0, .65);--sh-brand: 0 10px 30px rgba(232, 33, 122, .4);--sh-brand-strong: 0 16px 48px rgba(255, 107, 61, .5)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);transition:background-color .22s var(--ease-out),color .22s var(--ease-out)}body{font-family:var(--font);color:var(--text);font-weight:400;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none;transition:color .16s ease}a:hover{color:var(--brand-strong)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}::selection{background:var(--brand);color:var(--on-brand)}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--safe-top)}.app-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:24px var(--sp-5) 80px}@media (min-width: 768px){.app-main{padding:40px var(--sp-8) 120px}}.app-header{position:sticky;top:0;z-index:10;background:var(--bar);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.app-header-inner{max-width:1180px;margin:0 auto;height:var(--appbar-h);padding:0 var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}@media (min-width: 768px){.app-header-inner{padding:0 var(--sp-8)}}.brand{display:flex;align-items:center;gap:var(--sp-3);color:var(--text)}.brand-logo-img{width:30px;height:30px;display:block;filter:drop-shadow(0 4px 14px rgba(232,33,122,.45))}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:600;font-size:15px;color:var(--text)}.brand-sub{font-size:11px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:var(--sp-2)}.icon-btn{width:36px;height:36px;border-radius:var(--r-pill);display:grid;place-items:center;color:var(--text-2);background:transparent;transition:background .16s ease,color .16s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:11px 22px;border-radius:var(--r-pill);font-weight:600;font-size:14px;letter-spacing:.005em;color:var(--on-brand);background:var(--brand-grad);box-shadow:var(--sh-brand);transition:transform .18s var(--ease-spring),box-shadow .22s ease,filter .22s ease}.btn-brand:hover{background:var(--brand-grad-hover);box-shadow:var(--sh-brand-strong);transform:translateY(-1px)}.btn-brand:active{transform:translateY(0)}.btn-brand:disabled{opacity:.55;cursor:progress}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 18px;border-radius:var(--r-pill);border:1px solid var(--border-2);color:var(--text);font-weight:500;font-size:14px;transition:border-color .16s ease,background .16s ease;background:var(--surface)}.btn-ghost:hover{border-color:var(--brand);background:var(--surface-2)}.feed-head{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-8)}.feed-title{font-family:var(--font-display);font-size:clamp(34px,5.5vw,54px);line-height:1.05;letter-spacing:-.02em;font-weight:700;margin:0;color:var(--text)}.feed-title-accent{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.feed-meta{color:var(--text-3);font-size:14px;letter-spacing:.01em}.feed-toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;margin:var(--sp-3) 0 var(--sp-8)}.feed-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}@media (min-width: 640px){.feed-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.feed-grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh-1);transition:transform .22s var(--ease-spring),border-color .22s ease,box-shadow .22s ease;cursor:pointer;color:var(--text)}.card:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--sh-3)}.card-image{aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--surface-2)}.card-image-fallback{aspect-ratio:16/9;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:38px;color:#fff;letter-spacing:-.02em}.card-body{padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);align-items:center}.card-source{color:var(--brand-strong);font-weight:600}:root[data-theme=dark] .card-source{color:#d57de0}.card-title{font-family:var(--font);font-weight:600;font-size:18px;line-height:1.3;margin:0;color:var(--text);letter-spacing:-.01em}.card-summary{font-size:14px;line-height:1.55;color:var(--text-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{font-size:11px;padding:4px 10px;border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-strong);letter-spacing:.01em;font-weight:500}:root[data-theme=dark] .tag{color:#d57de0}.card-published{font-size:11px;color:var(--ok);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.detail{max-width:760px;margin:0 auto}.detail-back{font-size:13px;color:var(--text-3);margin-bottom:var(--sp-6);display:inline-flex;align-items:center;gap:6px}.detail-back:hover{color:var(--text)}.detail-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);margin-bottom:var(--sp-6);border:1px solid var(--border);box-shadow:var(--sh-2)}.detail-title{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--sp-4);color:var(--text)}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--sp-6);align-items:center}.detail-editor{width:100%;min-height:220px;padding:var(--sp-5);background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;resize:vertical;transition:border-color .18s ease,box-shadow .18s ease}.detail-editor:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5);align-items:center}.detail-hint{margin-top:var(--sp-4);padding:var(--sp-4);background:var(--brand-soft);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);font-size:13px;line-height:1.55}.detail-hint strong{color:var(--text)}.state{padding:60px 20px;text-align:center;color:var(--text-3)}.state-title{font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--text);margin:0 0 var(--sp-3);letter-spacing:-.01em}.spinner{width:22px;height:22px;border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .72s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.usage-wrap{position:relative}.usage-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.01em;transition:border-color .16s ease,background .16s ease,color .16s ease}.usage-pill:hover{border-color:var(--border-2);background:var(--surface-2);color:var(--text)}.usage-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #16a34a2e;animation:usage-pulse 2.4s ease-in-out infinite}@keyframes usage-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.9)}}.usage-warn .usage-dot{background:var(--warn);box-shadow:0 0 0 3px #f973162e}.usage-danger .usage-dot{background:var(--danger);box-shadow:0 0 0 3px #ef44442e}.usage-sep,.usage-tokens{color:var(--text-3)}.usage-cost{color:var(--brand-strong);font-weight:600}.usage-cost-val{color:var(--brand-strong)}:root[data-theme=dark] .usage-cost,:root[data-theme=dark] .usage-cost-val{color:#ff7da3}.usage-pill:hover .usage-sep,.usage-pill:hover .usage-tokens{color:var(--text-2)}.usage-popover{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--sh-3);z-index:50;animation:usage-pop .18s var(--ease-out)}@keyframes usage-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.usage-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.usage-popover-title{font-weight:600;font-size:14px;color:var(--text);letter-spacing:-.01em}.usage-badge{padding:3px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;background:var(--ok-soft);color:var(--ok)}.usage-badge.usage-warn{background:var(--warn-soft);color:var(--warn)}.usage-badge.usage-danger{background:var(--danger-soft);color:var(--danger)}.usage-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;font-size:13px}.usage-label{color:var(--text-3);flex-shrink:0}.usage-val{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;line-height:1.4}.usage-mute{color:var(--text-3);font-weight:400}.usage-err{color:var(--danger);font-weight:500}.usage-divider{height:1px;background:var(--border);margin:4px 0}.usage-hint{margin:var(--sp-3) 0 0;padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:11px;color:var(--text-3);line-height:1.5}.usage-hint code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;background:var(--surface-2);padding:1px 5px;border-radius:4px;color:var(--text-2)}@media (max-width: 520px){.usage-count+.usage-sep,.usage-count+.usage-sep+.usage-tokens{display:none}.usage-popover{width:calc(100vw - 32px);right:-8px}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border-2);color:var(--text);padding:12px 20px;border-radius:var(--r-pill);font-size:14px;box-shadow:var(--sh-3);z-index:100}.error-banner{margin-bottom:var(--sp-5);padding:12px 16px;background:var(--danger-soft);border:1px solid var(--danger);border-radius:var(--r-md);color:var(--danger);font-size:13px;font-weight:500}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--sp-5);background:radial-gradient(800px 400px at 80% -10%,rgba(232,33,122,.12),transparent 60%),radial-gradient(700px 400px at -10% 100%,rgba(255,107,61,.1),transparent 60%),var(--bg)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-6);width:100%;max-width:420px;box-shadow:var(--sh-3)}.login-logo-img{width:64px;height:64px;display:block;margin-bottom:var(--sp-5);filter:drop-shadow(0 14px 40px rgba(232,33,122,.55))}.login-title{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.02em;margin:0 0 6px;color:var(--text)}.login-sub{color:var(--text-3);font-size:14px;margin:0 0 var(--sp-6)}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.login-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.login-input{width:100%;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border-2);background:var(--bg-elevated);color:var(--text);font-family:var(--font);font-size:15px;transition:border-color .16s ease,box-shadow .16s ease}.login-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.login-submit{width:100%;margin-top:var(--sp-3);padding:13px;font-size:15px}