:root{--color-bg: #f5f1e7;--color-bg-accent: #e7edf8;--color-surface: #fffdfa;--color-surface-elevated: #ffffff;--color-border: #ded8c9;--color-text: #1f2633;--color-text-muted: #5a6475;--color-error: #c2444b;--color-accent: #0f766e;--color-accent-hover: #0b5f59;--color-accent-soft: #d3ebe8;--color-note: #275ea8;--color-note-soft: #deebfa;--color-quote: #9c5d2a;--color-quote-soft: #f6e6d7}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--color-text);font-family:Be Vietnam Pro,Space Grotesk,Segoe UI,system-ui,sans-serif;line-height:1.5;background:radial-gradient(circle at 12% 8%,var(--color-bg-accent),transparent 40%),radial-gradient(circle at 88% 2%,#f1dbc6,transparent 36%),linear-gradient(180deg,var(--color-bg),#f2eee5 60%,#efe9dd)}a{color:inherit}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface) 86%,transparent)}.site-header-inner{max-width:1100px;margin:0 auto;padding:.95rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand{text-decoration:none;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.site-nav{display:flex;align-items:center;gap:.5rem}.site-nav-link{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--color-text-muted);padding:.42rem .68rem;border-radius:999px;transition:all .14s ease}.site-nav-link:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-accent-soft) 65%,white)}.site-nav-link-active{color:var(--color-accent);background:var(--color-accent-soft)}.site-main{max-width:1100px;margin:0 auto;padding:1rem}.page-stack{display:flex;flex-direction:column;gap:1rem}.page-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 10px 22px #1b283f12}.page-header h1{margin:0;font-size:1.4rem;line-height:1.2}.page-header p{margin:.45rem 0 0;color:var(--color-text-muted)}.feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.feed-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:.9rem 1rem 1rem;box-shadow:0 12px 24px #1b283f12}.feed-card h2{margin:.55rem 0 .5rem;font-size:1.1rem;line-height:1.35}.feed-card h2 a{text-decoration:none}.feed-card h2 a:hover{text-decoration:underline;text-underline-offset:.14em}.feed-card p{margin:0;color:var(--color-text-muted)}.feed-card-meta{display:flex;align-items:center;gap:.55rem;font-size:.77rem;color:var(--color-text-muted)}.topic-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem}.topic-chip{text-decoration:none;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-accent-soft) 55%,white);padding:.22rem .55rem;font-size:.76rem;font-weight:600;color:var(--color-accent)}.topic-chip:hover{background:var(--color-accent-soft)}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.16rem .52rem;font-size:.68rem;letter-spacing:.02em;font-weight:700;text-transform:uppercase}.chip-note{color:var(--color-note);background:var(--color-note-soft)}.chip-quote{color:var(--color-quote);background:var(--color-quote-soft)}.button-primary{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border:0;border-radius:10px;padding:.52rem .9rem;font-size:.88rem;font-weight:700;text-decoration:none;color:#fff;cursor:pointer;background:var(--color-accent);transition:background-color .14s ease}.button-primary:hover{background:var(--color-accent-hover)}.button-primary:disabled{opacity:.6;cursor:not-allowed}.timeline-groups{display:flex;flex-direction:column;gap:.8rem}.timeline-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:.85rem 1rem}.timeline-group h2{margin:0 0 .6rem;font-size:1rem}.timeline-group ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.timeline-group li{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.timeline-group li a{text-decoration:none;font-weight:600}.timeline-group li a:hover{text-decoration:underline;text-underline-offset:.14em}.muted{margin:0;color:var(--color-text-muted)}.error{margin:0;color:var(--color-error)}.detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1rem 1.1rem;box-shadow:0 14px 26px #1b283f14;display:flex;flex-direction:column;gap:1rem}.detail-header h1{margin:0;font-size:1.56rem;line-height:1.2}.detail-header .muted{margin-top:.45rem}.detail-back-link-wrap{margin:0 0 .8rem}.detail-back-link{color:var(--color-accent);text-decoration:none;font-weight:600}.detail-back-link:hover{text-decoration:underline;text-underline-offset:.14em}.quote-card{margin:0;border-radius:16px;border:1px solid var(--color-border);background:linear-gradient(160deg,#fefaf3,#fff);padding:1rem}.quote-text{margin:0;color:var(--color-text);font-size:1.14rem;line-height:1.6;font-style:italic}.quote-footer{margin-top:.95rem;display:flex;flex-direction:column;gap:.2rem;color:var(--color-text-muted);font-weight:600}.quote-footer small{font-weight:500}.rich-note-content{position:relative;overflow-x:auto;word-break:break-word;color:var(--color-text)}.rich-note-content>:first-child{margin-top:0}.rich-note-content img{max-width:100%;height:auto}.rich-note-content pre{overflow-x:auto;background:#1f2430;color:#e8edf7;border-radius:12px;padding:.8rem .9rem}.rich-note-content code{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:.92em}.rich-note-content blockquote{margin:.95rem 0;padding-left:.9rem;border-left:3px solid #c8cfdc;color:var(--color-text-muted)}.rich-note-content table{width:100%;border-collapse:collapse}.rich-note-content td,.rich-note-content th{border:1px solid var(--color-border);padding:.44rem .55rem}@media(max-width:900px){.feed-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-header-inner{padding:.72rem .8rem}.site-main{padding:.8rem}.page-header,.feed-card,.timeline-group,.detail-card{border-radius:14px}.detail-header h1{font-size:1.3rem}}