.preview{min-height:100vh;min-height:100dvh;background:var(--ambient) top center / 100% var(--size-ambient) no-repeat}.preview a{color:inherit;text-decoration:none}.preview h1{font-size:var(--text-2xl);line-height:var(--leading-ui);margin:var(--space-2) 0 var(--space-3)}.preview h2{font-size:var(--text-lg);line-height:var(--leading-ui);margin:0}.preview p{margin:var(--space-2) 0 var(--space-4)}.preview small{display:block;color:var(--color-muted);font-size:var(--text-xs)}.preview main{padding-top:var(--space-6);padding-bottom:calc(var(--size-tabbar) + var(--size-control) + var(--space-12) + env(safe-area-inset-bottom,0px))}.preview section,.prediction-card{background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.preview button,.preview input,.preview textarea,.preview select{font:inherit}.preview button,.preview .primary{min-height:var(--size-control);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-fill);border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer}.preview button:disabled{opacity:.5;cursor:default}.preview .primary{background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-semibold)}.preview input,.preview textarea,.preview select{width:100%;min-width:0;min-height:var(--size-control);padding:var(--space-3);color:var(--color-text);border:var(--border-width) solid var(--color-control-border);background:var(--color-surface);border-radius:var(--radius-md)}.preview label{display:block;margin-bottom:var(--space-4);font-size:var(--text-sm)}.preview label input,.preview label textarea,.preview label select{display:block;margin-top:var(--space-2);font-size:var(--text-base)}.preview .row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.preview .badge{display:inline-flex;gap:var(--space-1);align-items:center;border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);white-space:nowrap}.badge.warning{color:var(--color-warning);background:var(--color-warning-soft)}.badge.success{color:var(--color-success);background:var(--color-success-soft)}.badge.info{color:var(--color-info);background:var(--color-info-soft)}.badge.muted{color:var(--color-muted);background:var(--color-fill)}.preview .avatar{width:var(--size-avatar-md);height:var(--size-avatar-md);display:inline-grid;place-items:center;flex-shrink:0;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-md)}.preview .large{width:var(--size-avatar-lg);height:var(--size-avatar-lg);font-size:var(--text-2xl)}.preview .micro,.preview .edition{font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.preview .section-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin:var(--space-4) 0}.preview .preview-top{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-2) var(--space-page);min-height:var(--size-appbar);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg);border-bottom:var(--border-width) solid var(--color-border)}.preview .preview-top .row{gap:var(--space-2)}.preview .preview-top strong{font-size:var(--text-sm)}.preview .preview-top .badge{font-size:var(--text-xs)}.preview .icon-button{min-width:var(--size-touch);min-height:var(--size-touch);padding:var(--space-2);background:transparent;display:inline-grid;place-items:center;flex-shrink:0}.preview .rail{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);z-index:var(--z-nav);border-top:var(--border-width) solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0px)}.preview nav{display:flex;justify-content:space-around}.preview nav a{min-height:var(--size-tabbar);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-muted)}.preview nav a[aria-current]{color:var(--color-text);font-weight:var(--weight-semibold)}.preview .brand,.preview .rail-note,.preview .edition{display:none}.preview .filters{display:flex;gap:var(--space-2);overflow-x:auto;padding-block:var(--space-3)}.preview .filters button{white-space:nowrap;background:transparent;padding-inline:var(--space-3);font-size:var(--text-sm)}.preview button[aria-pressed=true]{box-shadow:inset 0 0 0 var(--border-width) var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.preview .prediction-card .badge{margin-left:auto}.preview .prediction-card .row{font-size:var(--text-sm)}.preview .prediction-card h2{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-base)}.preview .prediction-card p{font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview .deadline{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}.preview .deadline svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.preview .card-foot{display:flex;align-items:center;justify-content:space-between;border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-muted)}.preview .card-foot a{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-touch)}.preview .card-foot svg{width:var(--size-icon-sm)}.preview .publish-bar{position:fixed;bottom:calc(var(--size-tabbar) + var(--space-3) + env(safe-area-inset-bottom,0px));left:var(--space-page);right:var(--space-page);z-index:var(--z-nav);display:flex;justify-content:center;pointer-events:none}.preview .publish-bar a{width:100%;max-width:var(--measure-reading);pointer-events:auto;box-shadow:var(--shadow-float)}.preview .endnote{text-align:center;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-6)}.preview .body-copy{margin-block:var(--space-6)}.preview dt{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-4)}.preview dd{margin:var(--space-1) 0}.preview .stance{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.preview .stance button{flex:1;padding-inline:var(--space-2)}.preview .follow{margin-left:auto}.preview details{border-top:var(--border-width) solid var(--color-border);padding-block:var(--space-3)}.preview summary{min-height:var(--size-touch);cursor:pointer}.preview .timeline{border-left:var(--border-width) solid var(--color-accent);padding-left:var(--space-6);margin-left:var(--space-2);list-style:none}.preview .timeline li{margin-bottom:var(--space-6)}.preview .steps{display:flex;justify-content:space-between;list-style:none;padding:0;margin-block:var(--space-6);font-size:var(--text-xs);color:var(--color-muted);gap:var(--space-2)}.preview .steps .selected{color:var(--color-accent)}.preview .form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.preview .message-row{display:flex;gap:var(--space-4);padding-block:var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.preview .message-row svg{flex-shrink:0;color:var(--color-accent)}.preview .profile-head{text-align:center}.preview .stats{display:flex;justify-content:space-around;padding-block:var(--space-4)}.preview .stats div{display:flex;flex-direction:column}.preview .stats strong{font-size:var(--text-3xl);font-weight:var(--weight-semibold)}.preview .stats small{display:inline;font-size:var(--text-base)}.preview .stats span{font-size:var(--text-xs);color:var(--color-muted)}.preview .record-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.preview .record-grid dd{font-size:var(--text-lg)}.preview .skip{position:absolute;transform:translateY(-200%);padding:var(--space-3);background:var(--color-surface);z-index:var(--z-feedback)}.preview .skip:focus{transform:none}@media(min-width:768px){.preview .rail{top:0;right:auto;width:var(--size-rail);border-top:0;border-right:var(--border-width) solid var(--color-border);padding-top:var(--space-6)}.preview nav{flex-direction:column}.preview nav a{margin-bottom:var(--space-3)}.preview .workspace{margin-left:var(--size-rail)}.preview .publish-bar{left:calc(var(--size-rail) + var(--space-page));bottom:var(--space-6)}.preview .page-heading{display:flex;justify-content:space-between;align-items:center}.preview .edition{display:block;text-align:right}.preview .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.preview main.narrow{max-width:var(--size-dialog)}}@media(min-width:1024px){.preview .rail{width:var(--size-sidebar);padding:var(--space-6) var(--space-4)}.preview .workspace{margin-left:var(--size-sidebar)}.preview .brand{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-12)}.preview nav a{flex-direction:row;justify-content:flex-start;padding:var(--space-3);gap:var(--space-3);font-size:var(--text-base);border-radius:var(--radius-md)}.preview nav a[aria-current]{background:var(--color-fill)}.preview .rail-note{display:block;font-size:var(--text-xs);margin-top:var(--space-12)}.preview .publish-bar{left:calc(var(--size-sidebar) + var(--space-page))}}@media(hover:hover){.preview button:hover,.preview nav a:hover{background:var(--color-fill)}.preview a.primary:hover{background:var(--color-accent-hover)}.preview h2 a:hover{text-decoration:underline}}.preview .preview-top .row{flex:1;min-width:0}.preview .preview-top .row>.badge{white-space:normal}.preview .preview-top .row>svg{flex-shrink:0}:root{color-scheme:dark;--color-bg: #0B1220;--color-surface: #121D2E;--color-raised: #1B2940;--color-fill: #22334B;--color-border: #34465F;--color-control-border: #7C90AA;--color-text: #ECF3FC;--color-secondary: #BBCADD;--color-muted: #9AADC6;--color-disabled: #63758D;--color-accent: #67E8F9;--color-accent-hover: #A5F3FC;--color-accent-soft: #153B49;--color-on-accent: #08202B;--color-success: #86EFAC;--color-success-soft: #153628;--color-danger: #FDA4AF;--color-danger-soft: #40232E;--color-warning: #FCD34D;--color-warning-soft: #3C321B;--color-info: #93C5FD;--color-info-soft: #1B3352;--color-dispute: #D8B4FE;--color-dispute-soft: #342449;--color-overlay: rgb(0 0 0 / .64);--ambient: radial-gradient(ellipse at 70% 0%, #17334B 0%, transparent 65%);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-ui: 1.5;--leading-reading: 1.75;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--space-half: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-page: 16px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-float: 0 8px 24px rgb(0 0 0 / .24);--shadow-dialog: 0 20px 48px rgb(0 0 0 / .36);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .28s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--size-touch: 44px;--size-control: 48px;--size-appbar: 56px;--size-tabbar: 64px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-avatar-sm: 32px;--size-avatar-md: 40px;--size-avatar-lg: 64px;--size-rail: 72px;--size-sidebar: 220px;--measure-form: 480px;--measure-reading: 720px;--measure-browse: 1200px;--size-dialog: 560px;--size-ambient: 320px;--border-width: 1px;--focus-width: 2px;--focus-offset: 2px;--z-sticky: 100;--z-nav: 200;--z-overlay: 400;--z-dialog: 500;--z-feedback: 600}html[data-theme=light]{color-scheme:light;--color-bg: #F2F6FB;--color-surface: #FFFFFF;--color-raised: #FFFFFF;--color-fill: #E6EDF6;--color-border: #C6D1DF;--color-control-border: #64748B;--color-text: #142238;--color-secondary: #3B4E67;--color-muted: #52647A;--color-disabled: #8C9AAC;--color-accent: #006678;--color-accent-hover: #005464;--color-accent-soft: #DDF4F8;--color-on-accent: #FFFFFF;--color-success: #166534;--color-success-soft: #DCFCE7;--color-danger: #9F1239;--color-danger-soft: #FFE4E6;--color-warning: #854D0E;--color-warning-soft: #FEF3C7;--color-info: #1E40AF;--color-info-soft: #DBEAFE;--color-dispute: #6B21A8;--color-dispute-soft: #F3E8FF;--color-overlay: rgb(11 18 32 / .48);--ambient: radial-gradient(ellipse at 70% 0%, #D6EAF6 0%, transparent 65%);--shadow-float: 0 8px 24px rgb(20 34 56 / .1);--shadow-dialog: 0 20px 48px rgb(20 34 56 / .18)}@media(min-width:1024px){:root{--space-page: 24px}}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-reading)}main{max-width:var(--measure-reading);margin:auto;padding:var(--space-6) var(--space-page) calc(var(--space-6) + env(safe-area-inset-bottom,0px));overflow-wrap:anywhere}header{padding-block:var(--space-6)}h1{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}h2{font-size:var(--text-xl);font-weight:var(--weight-semibold)}p,footer{color:var(--color-secondary)}.eyebrow{color:var(--color-accent);font-size:var(--text-sm)}section{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg)}.categories{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0}.categories li{padding:var(--space-1) var(--space-3);background:var(--color-fill);border-radius:var(--radius-full);font-size:var(--text-sm)}footer{margin-top:var(--space-6);font-size:var(--text-sm)}.button{min-height:var(--size-control);min-width:var(--size-touch);padding:var(--space-2) var(--space-4);border:0;background:var(--color-fill);color:var(--color-text);border-radius:var(--radius-md);font:inherit;cursor:pointer}.button:disabled{color:var(--color-disabled);cursor:default}:focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}.skeleton{height:var(--size-control);background:var(--color-fill);border-radius:var(--radius-md)}