:root{--color-primary: #9a2a5a;--color-secondary: #e0d4cc;--color-background: #e0d4cc;--color-surface: rgba(224, 212, 204, .76);--color-text-primary: #9a2a5a;--color-text-secondary: #4b1026;--color-accent: #daed2d;--color-border: #a71c4c;--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif;--radius-full: 9999px;--shadow-paper: 0 18px 60px rgba(106, 36, 66, .08);--transition-smooth: .32s cubic-bezier(.42, 0, .58, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 18%,rgba(218,237,45,.18),transparent 28%),radial-gradient(circle at 84% 12%,rgba(255,255,255,.28),transparent 20%),linear-gradient(180deg,#eaded6 0%,var(--color-background) 38%,#dbcac0 100%);color:var(--color-text-secondary);font-family:var(--font-body)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#ffffff14,#ffffff14),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");opacity:.65;mix-blend-mode:multiply}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.page-shell{position:relative;overflow:hidden}.paper-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 72% 22%,rgba(154,42,90,.1),transparent 22%)}.hero{padding:28px clamp(20px,4vw,56px) 10px}.topbar,.hero-grid,.story-strip,.section-head,.board-layout{max-width:1250px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:26px}.brand{display:inline-flex;flex-direction:column;gap:2px}.brand-mark{color:var(--color-text-primary);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-sub,.nav-note,.eyebrow,.line-category,.line-rank{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.brand-sub,.nav-note,.eyebrow{color:#4b1026bd}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(28px,5vw,68px);align-items:center;min-height:calc(100vh - 110px)}.hero-copy h1{margin:0;max-width:9ch;color:var(--color-text-secondary);font-family:var(--font-display);font-size:clamp(4rem,9vw,7.1rem);line-height:.9;font-weight:500}.hero-copy h1 span{display:block;color:var(--color-primary);font-weight:800}.hero-text{max-width:540px;margin:26px 0 0;font-size:1.08rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.ink-link,.ghost-link,.submit-button,.vote-button{transition:transform var(--transition-smooth),background-color var(--transition-smooth),color var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.ink-link,.ghost-link,.submit-button{padding:14px 20px;border-radius:var(--radius-full);border:1.5px solid rgba(75,16,38,.18)}.ink-link{background:var(--color-primary);color:#fff6f0;box-shadow:0 12px 30px #9a2a5a2e}.ghost-link{background:#fffaf759;color:var(--color-text-secondary)}.ink-link:hover,.ghost-link:hover,.submit-button:hover,.vote-button:hover,.filter-pill:hover{transform:translateY(-2px)}.hero-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-stats article,.section-card,.filter-pill{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-stats article{min-width:130px;padding:16px 18px;border:1px solid rgba(75,16,38,.12);border-radius:24px 24px 24px 8px;background:#fff8f370;box-shadow:var(--shadow-paper)}.hero-stats strong{display:block;color:var(--color-primary);font-family:var(--font-display);font-size:2rem}.hero-stats span{font-size:.85rem;color:#4b1026cc}.illustration-panel{position:relative;min-height:680px}.sun-wash{position:absolute;inset:90px 60px auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(218,237,45,.78),rgba(218,237,45,.1) 58%,transparent 74%);filter:blur(8px)}.city-sketch{width:100%;height:auto;overflow:visible}.city-sketch path{fill:none;stroke:var(--color-border);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.8;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawIn 2.6s ease-out forwards .25s}.accent-node{fill:#daed2dbf;stroke:#daed2d8c;stroke-width:18;filter:blur(.2px);animation:pulseGlow 5s ease-in-out infinite}.accent-node--small{animation-delay:.8s}.floating-note{position:absolute;padding:12px 14px;border:1px solid rgba(75,16,38,.15);border-radius:20px 20px 20px 6px;background:#fff8f299;color:var(--color-text-secondary);font-size:.82rem;letter-spacing:.04em;box-shadow:var(--shadow-paper)}.floating-note-a{top:124px;left:12px}.floating-note-b{right:10px;bottom:96px}.story-strip{padding:28px clamp(20px,4vw,56px) 48px}.story-strip p{max-width:700px;margin:0;color:#4b1026db;font-family:var(--font-display);font-size:clamp(1.4rem,2vw,2rem);line-height:1.35}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 clamp(20px,4vw,56px)}.section-head h2,.card-heading h3{margin:6px 0 0;color:var(--color-text-secondary);font-family:var(--font-display);line-height:1}.section-head h2{font-size:clamp(2rem,4vw,3.3rem);max-width:12ch}.card-heading h3{font-size:1.85rem}.filter-pill{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid rgba(75,16,38,.12);border-radius:var(--radius-full);background:#fff8f37a}.filter-pill select{border:0;background:transparent;color:var(--color-text-secondary);outline:none}.board-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr);gap:24px;padding:26px clamp(20px,4vw,56px) 64px}.leader-column,.side-column{display:grid;gap:24px}.section-card{position:relative;padding:26px;border:1px solid rgba(75,16,38,.12);border-radius:34px 34px 34px 12px;background:var(--color-surface);box-shadow:var(--shadow-paper)}.section-card:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed rgba(167,28,76,.12);border-radius:28px 28px 28px 8px;pointer-events:none}.featured-line{display:grid;gap:14px;min-height:220px;padding-top:16px}.featured-line blockquote{margin:0;color:var(--color-text-secondary);font-family:var(--font-display);font-size:clamp(1.6rem,2vw,2.3rem);line-height:1.2}.featured-line footer{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;color:#4b1026bd}.score-chip,.author-chip,.category-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-full);background:#fffaf794;border:1px solid rgba(75,16,38,.1)}.score-chip strong{color:var(--color-primary)}.line-list{display:grid;gap:16px;padding-top:16px}.line-card{display:grid;gap:14px;padding:22px;border-radius:26px 26px 26px 10px;background:#fffaf78a;border:1px solid rgba(75,16,38,.1)}.line-meta,.line-footer,.vote-panel{display:flex;align-items:center}.line-meta,.line-footer{justify-content:space-between;gap:16px}.line-category{color:#4b1026c2}.line-body{margin:0;color:var(--color-text-secondary);font-size:1.06rem;line-height:1.7}.line-author{color:#4b1026bd;font-size:.92rem}.vote-panel{gap:10px}.vote-score{min-width:34px;text-align:center;color:var(--color-primary);font-size:1.15rem}.vote-button{width:38px;height:38px;border:1px solid rgba(75,16,38,.16);border-radius:50%;background:#fff8f3b8;color:var(--color-text-secondary);cursor:pointer}.vote-button.is-active{border-color:#9a2a5a59;background:#9a2a5a24;color:var(--color-primary)}.guide-list{display:grid;gap:16px;margin:20px 0 0;padding:0;list-style:none}.guide-list li{padding:16px 18px;border-left:3px solid rgba(154,42,90,.34);background:#fff9f580;line-height:1.7}.submission-form{display:grid;gap:16px;margin-top:18px}.submission-form label{display:grid;gap:8px}.submission-form span{color:#4b1026cc;font-size:.88rem;letter-spacing:.03em}.submission-form input,.submission-form select,.submission-form textarea{width:100%;padding:14px 16px;border:1px solid rgba(75,16,38,.12);border-radius:18px;background:#fffcf9bd;color:var(--color-text-secondary);outline:none}.submission-form input:focus,.submission-form select:focus,.submission-form textarea:focus{border-color:#9a2a5a66;box-shadow:0 0 0 3px #9a2a5a14}.submission-form textarea{resize:vertical;min-height:130px}.submit-button{justify-self:start;border:0;background:var(--color-accent);color:#3e2208;cursor:pointer;font-weight:700}.form-note{margin:0;color:#4b1026b8;font-size:.88rem;line-height:1.6}@keyframes drawIn{to{stroke-dashoffset:0}}@keyframes pulseGlow{0%,to{transform:scale(.98);opacity:.82}50%{transform:scale(1.04);opacity:1}}@media (max-width: 1040px){.hero-grid,.board-layout{grid-template-columns:1fr}.illustration-panel{min-height:auto;max-width:700px;margin:0 auto}.section-head{align-items:start;flex-direction:column}}@media (max-width: 720px){.topbar{flex-direction:column;align-items:start}.hero{padding-top:22px}.hero-copy h1{max-width:100%}.hero-actions,.hero-stats{flex-direction:column;align-items:stretch}.floating-note{display:none}.section-card,.line-card{padding:20px}.line-meta,.line-footer{align-items:start;flex-direction:column}}