:root{--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-body: 16px;--line-height-body: 1.75;--font-size-heading: 18px;--line-height-heading: 1.35;--font-size-caption: 12px;--line-height-caption: 1.5;--color-primary: #1b6ef3;--color-primary-muted: #93c5fd;--color-accent: #f39c12;--color-text: #1f2937;--color-text-muted: #6b7280;--color-bg: #f7f8fb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-panel-alt: #f9fafb;--color-badge-bg: #e0f2fe;--color-badge-text: #075985;--color-shadow: rgba(0, 0, 0, .06);--elevation-0: none;--elevation-1: 0 8px 20px var(--color-shadow);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f8fb;color:#1f2937}.app{min-height:100vh;background:var(--color-bg);color:var(--color-text)}header{position:sticky;top:0;z-index:10;padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border)}header h1{margin:0;font-size:18px}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);align-items:center;justify-content:space-between}.top-nav__main{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.top-nav__tools{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.top-nav__debug-select{width:auto;min-width:160px;max-width:min(360px,75vw);padding:6px 10px}.top-nav__debug-hint{font-family:monospace;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(520px,75vw)}.top-nav__env-hint{font-family:monospace;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(740px,90vw)}.top-nav button{border:1px solid var(--color-border);background:var(--color-panel-alt);padding:6px 10px;border-radius:var(--radius-md);cursor:pointer}.top-nav button:hover{box-shadow:0 8px 20px var(--color-shadow)}.account{margin-top:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.breadcrumbs{margin-top:var(--space-2);font-size:12px;color:var(--color-text-muted)}.app>div{max-width:980px;margin:0 auto;padding:var(--space-5)}.tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.tabs button{border:1px solid var(--color-border);background:var(--color-surface);padding:6px 10px;border-radius:var(--radius-md);cursor:pointer}.tabs button.active{border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.error{border:1px solid #fecaca;background:#fff1f2;color:#991b1b;padding:var(--space-3);border-radius:var(--radius-md)}.status{margin-left:var(--space-2);font-size:12px;color:var(--color-text-muted)}label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:6px}input,textarea,select{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font:inherit;color:var(--color-text)}textarea{resize:vertical}form button[type=submit]{margin-top:var(--space-3)}button{border:1px solid var(--color-border);background:var(--color-panel-alt);padding:6px 12px;border-radius:var(--radius-md);cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.layout{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--color-border);padding:var(--space-4);background:var(--color-surface)}.content{padding:var(--space-5)}.story-card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-3);cursor:pointer;transition:box-shadow .15s ease}.story-card:hover{box-shadow:0 8px 24px var(--color-shadow)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;background:var(--color-badge-bg);color:var(--color-badge-text);font-size:12px;margin-right:6px}.tree-node{padding-left:var(--space-3);border-left:2px solid var(--color-border);margin:var(--space-2) 0}.branch-label{font-size:12px;color:var(--color-text-muted)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface);margin-bottom:var(--space-4)}.entity{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#f1f5f9;margin:var(--space-1) var(--space-1) 0 0;font-size:12px}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.recommendation-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-panel-alt);cursor:pointer}.recommendation-card .reason{margin-top:6px;font-size:12px;color:#475569}.trending-section{margin-bottom:16px}.trending-section h2{margin:0 0 8px;font-size:18px}.trending-list{display:flex;flex-direction:column;gap:10px}.trending-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-3);cursor:pointer;transition:box-shadow .2s ease}.trending-card:hover{box-shadow:0 12px 24px var(--color-shadow)}.trending-title{font-weight:600}.trending-meta{font-size:12px;color:#475569;margin-top:4px}.trending-score{font-size:12px;color:#0f172a;margin-top:6px}.trending-reason{font-size:12px;color:#475569;margin-top:6px}.trending-updated{font-size:11px;color:#94a3b8;margin-top:6px}.trending-empty,.trending-error{font-size:12px;color:#475569}.share-row{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.share-button{border:none;background:var(--color-primary);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.share-button:disabled{background:var(--color-primary-muted);cursor:not-allowed}.share-row .share-status{font-size:12px;color:#475569}.app--reader-immersion header{display:none}.app--reader-immersion .tabs{display:none}.reader-immersion-bar{position:sticky;top:0;z-index:15;margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.2;transition:opacity .12s ease}.reader-immersion-bar:hover,.reader-immersion-bar:focus-within{opacity:1}.reader-immersion-bar__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.reader-immersion-bar__left,.reader-immersion-bar__center,.reader-immersion-bar__right{display:flex;align-items:center;gap:var(--space-2)}.reader-immersion-bar__center{flex:1;justify-content:center;min-width:160px}.reader-immersion-bar__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(520px,70vw)}.reader-immersion-bar__progress{font-family:monospace;opacity:.75}.reader-immersion-menu{position:absolute;right:var(--space-5);top:calc(100% + var(--space-2));min-width:220px;max-width:min(360px,92vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 20px var(--color-shadow);padding:var(--space-2);z-index:16}.reader-immersion-menu button{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:var(--radius-sm)}.reader-immersion-menu button:hover:not(:disabled){background:var(--color-panel-alt)}.reader-immersion-menu__hint{margin-top:var(--space-2);font-size:12px;color:var(--color-text-muted)}.reader-layout{display:flex;align-items:flex-start;gap:var(--space-4)}.reader-layout__main{flex:1;min-width:0}.reader-layout__rail{width:56px;position:sticky;top:var(--space-4);padding-top:var(--space-4)}.app--reader-immersion .reader-layout__rail{top:calc(var(--space-7) * 3)}@media (max-width: 900px){.reader-layout{display:block}.reader-layout__rail{display:none}}.app__boot{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--color-text-muted)}.site-header{position:sticky;top:0;z-index:20;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header--stack{position:static}.site-header__primary{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:var(--space-3) var(--space-5)}.site-header__logo{border:none;background:transparent;padding:0;font:inherit;font-weight:700;cursor:pointer;color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-2)}.site-header__logo:hover{text-decoration:underline}.site-tools{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.site-tools__label{font-size:12px;color:var(--color-text-muted)}.site-tools__kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-panel-alt)}.site-tools__select{width:auto;min-width:180px;max-width:min(420px,70vw);padding:6px 10px}.site-nav{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 var(--space-5) var(--space-3)}.site-nav__tabs{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.site-nav__tabs--left{flex:1;min-width:0}.site-nav__tab{border:1px solid var(--color-border);background:var(--color-panel-alt);padding:6px 10px;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.site-nav__tab:hover:not(:disabled){box-shadow:0 8px 20px var(--color-shadow)}.site-nav__tab--active{border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}.site-nav__dropdown-menu{position:fixed;z-index:30;min-width:220px;max-width:min(320px,92vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 28px var(--color-shadow);padding:var(--space-2)}.site-nav__dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:var(--radius-sm)}.site-nav__dropdown-item:hover:not(:disabled){background:var(--color-panel-alt)}.site-header__context{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 var(--space-5) var(--space-3)}.site-header__breadcrumbs{min-width:0;font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header__context-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.site-header__env-hint,.site-header__debug-hint{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(520px,70vw)}.site-auth__login{border:1px solid var(--color-border);background:var(--color-panel-alt);padding:6px 12px;border-radius:var(--radius-md);cursor:pointer}.site-auth__login:hover:not(:disabled){box-shadow:0 8px 20px var(--color-shadow)}.site-auth-menu{position:relative}.site-auth-menu__summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);background:var(--color-panel-alt);padding:6px 10px;border-radius:var(--radius-md)}.site-auth-menu__summary::-webkit-details-marker{display:none}.site-auth-menu__avatar{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-panel-alt));border:1px solid var(--color-border);font-weight:700;font-size:12px}.site-auth-menu__badge{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--color-primary);color:#fff}.site-auth-menu__panel{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:220px;max-width:min(320px,92vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 28px var(--color-shadow);padding:var(--space-2);z-index:30}.site-auth-menu__identity{padding:8px 10px;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.site-auth-menu__email{font-weight:600}.site-auth-menu__meta{margin-top:2px;font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.site-auth-menu__item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:var(--radius-sm)}.site-auth-menu__item:hover:not(:disabled){background:var(--color-panel-alt)}._viewport_1yloj_1{position:fixed;top:var(--space-5);right:var(--space-5);z-index:8000;display:grid;gap:var(--space-3);width:min(420px,calc(100vw - var(--space-5) * 2))}._toast_1yloj_11{border:1px solid var(--toast-border, var(--color-border));background:var(--toast-bg, var(--color-surface));color:var(--toast-text, var(--color-text));border-radius:var(--radius-md);box-shadow:0 12px 28px var(--color-shadow);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}._icon_1yloj_23{flex:0 0 auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;opacity:.85;margin-top:1px}._content_1yloj_30{flex:1;min-width:0}._titleRow_1yloj_35{display:flex;justify-content:space-between;gap:var(--space-2);align-items:baseline}._title_1yloj_35{font-weight:600}._body_1yloj_46{margin-top:2px;white-space:pre-wrap;line-height:1.55}._closeButton_1yloj_52{border:1px solid var(--color-border);background:var(--color-panel-alt);padding:2px 8px;border-radius:var(--radius-md);cursor:pointer}._closeButton_1yloj_52:hover{box-shadow:0 8px 20px var(--color-shadow)}._info_1yloj_64{--toast-bg: #eff6ff;--toast-border: #bfdbfe;--toast-text: var(--color-text)}._success_1yloj_70{--toast-bg: #ecfdf5;--toast-border: #a7f3d0;--toast-text: #065f46}._warning_1yloj_76{--toast-bg: #fffbeb;--toast-border: #fde68a;--toast-text: #92400e}._danger_1yloj_82{--toast-bg: #fff1f2;--toast-border: #fecaca;--toast-text: #991b1b}