:root{--surface: rgba(255, 252, 247, .84);--surface-strong: #fffaf3;--text: #24170f;--muted: #6d5b4e;--line: rgba(36, 23, 15, .1);--brand: #b14d32;--brand-deep: #7f2e1a;--accent: #f0c95d;--success: #2d7d52;--shadow: 0 20px 55px rgba(49, 31, 20, .08);--radius-xl: 32px;--radius-pill: 999px;--font-display: "Playfair Display", serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(240,201,93,.25),transparent 28%),radial-gradient(circle at right 15%,rgba(177,77,50,.14),transparent 24%),linear-gradient(180deg,#f7f1e8,#f2ebe1,#efe5d8)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:linear-gradient(#ffffff14,#ffffff14),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23grain)' opacity='.18'/%3E%3C/svg%3E")}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,.1),transparent 45%),radial-gradient(circle at 80% 18%,rgba(177,77,50,.12),transparent 20%)}.hero,.status-banner,.main-shell,.site-footer,.app-header{position:relative;z-index:1}.hero{padding:18px clamp(20px,4vw,56px) 10px}.topbar,.hero-grid,.main-shell,.footer-inner{max-width:1180px;margin:0 auto}.topbar,.topbar-actions,.auth-chip-group,.board-controls,.route-tabs,.hero-actions,.hero-stats,.line-badges,.line-stats,.footer-links,.saas-metrics{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.topbar{justify-content:space-between;gap:18px;padding-bottom:10px}.brand{display:inline-flex;flex-direction:column;gap:4px}.brand-mark,.brand-sub,.eyebrow,.line-rank{text-transform:uppercase;letter-spacing:.16em}.brand-mark{font-size:1.1rem;font-weight:800;color:var(--brand-deep)}.brand-sub,.eyebrow,.line-rank{font-size:.73rem;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(20px,3vw,44px);align-items:center;min-height:min(calc(100vh - 110px),720px)}.hero-copy h1,.board-topbar h2,.saas-copy h2,.card-heading h3,.site-footer h3{margin:0;font-family:var(--font-display);color:var(--text)}.hero-copy h1{max-width:10ch;font-size:clamp(3rem,5.8vw,5.2rem);line-height:.94;font-weight:600}.hero-copy h1 span{display:block;color:var(--brand);font-weight:800}.hero-text,.saas-copy p,.footer-copy{margin:16px 0 0;max-width:560px;font-size:1rem;line-height:1.65;color:var(--muted)}.hero-copy .eyebrow{margin-bottom:10px}.ink-link,.ghost-link,.submit-button,.vote-button,.route-tab{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}.ink-link,.ghost-link,.submit-button,.route-tab{padding:12px 18px;border-radius:var(--radius-pill);border:1px solid var(--line)}.ink-link{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff9f4;box-shadow:0 16px 34px #7f2e1a33}.ghost-link,.route-tab{background:#fffcf7ad;color:var(--text)}.route-tab.is-active{background:var(--text);border-color:var(--text);color:#fffaf3}.ink-link:hover,.ghost-link:hover,.submit-button:hover,.vote-button:hover,.route-tab:hover{transform:translateY(-2px)}.auth-chip,.status-banner,.hero-stats article,.section-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-chip{padding:12px 16px;border-radius:var(--radius-pill);color:var(--muted);font-size:.88rem}.hero-stats{margin-top:20px}.hero-stats article,.saas-metrics div{min-width:120px;padding:14px 16px;border-radius:20px}.hero-stats strong,.saas-metrics strong{display:block;color:var(--brand-deep);font-family:var(--font-display);font-size:1.7rem}.hero-stats span,.saas-metrics span{color:var(--muted);font-size:.86rem}.status-banner{max-width:1180px;margin:0 auto 24px;padding:16px 20px;border-radius:22px}.status-banner--error{color:#8c2d1b}.app-header{padding:14px clamp(20px,4vw,56px) 0;border-bottom:1px solid rgba(36,23,15,.06);background:#f7f1e8c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.route-tabs--header{gap:8px}.route-tab{min-height:42px;padding:10px 16px;font-size:.95rem}.auth-chip-group--app{gap:10px}.auth-chip--user{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.illustration-panel{position:relative;min-height:420px;max-height:540px}.illustration-panel--credited{display:block;cursor:pointer}.illustration-credit{position:absolute;padding:10px 14px;border-radius:999px;border:1px solid rgba(36,23,15,.08);background:#fffcf7e6;box-shadow:0 12px 26px #311f1417;color:var(--brand-deep);font-size:.8rem;font-weight:700;letter-spacing:.03em;opacity:0;transform:translate(16px,calc(-100% - 18px));transition:opacity .22s ease,transform .22s ease;pointer-events:none;white-space:nowrap;z-index:3}.illustration-credit.is-visible{opacity:1;transform:translate(16px,calc(-100% - 22px))}.sun-wash{position:absolute;inset:90px 60px auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(240,201,93,.82),rgba(240,201,93,.06) 62%,transparent 75%);filter:blur(10px)}.city-sketch{width:100%;height:auto;overflow:visible}.city-sketch path{fill:none;stroke:#7f2e1aeb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.82;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawIn 2.6s ease-out forwards .2s}.chat-bubble{fill:#fffaf394}.chat-bubble--right{fill:#fff4e7a3}.bubble-line,.connector{stroke:#b14d32a6;stroke-width:3}.bubble-line--short{stroke-width:3.4}.heart-doodle{fill:#f0c95d2e;stroke:#b14d32e6;stroke-width:4.5}.sketch-ground{stroke:#7f2e1ad1}.sketch-ground--soft{stroke:#b14d329e}.accent-node{fill:#f0c95dd1;stroke:#f0c95d8c;stroke-width:18;animation:pulseGlow 5s ease-in-out infinite}.accent-node--small{animation-delay:.8s}.accent-node--tiny{stroke-width:12;animation-delay:1.4s}.spark{fill:#ffe7b057;stroke:#f0c95deb;stroke-width:2.6}.floating-note{position:absolute;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:#fffcf7cc;box-shadow:var(--shadow);color:var(--muted);font-size:.82rem}.floating-note-a{top:70px;left:12px}.floating-note-b{right:10px;bottom:54px}.main-shell{display:grid;gap:28px;padding:14px clamp(20px,4vw,56px) 78px}.login-page-shell{min-height:calc(100vh - 96px);align-items:center}.login-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,.9fr);gap:24px;align-items:stretch}.landing-shell{display:grid;gap:28px;padding:14px clamp(20px,4vw,56px) 78px;max-width:1180px;margin:0 auto}.landing-section{display:grid;gap:22px}.section-copy h2,.timeline-card h3,.comparison-card h3,.profile-card h3{margin:8px 0 0;font-family:var(--font-display);color:var(--text)}.section-copy p{margin:18px 0 0;max-width:720px;color:var(--muted);line-height:1.8}.feature-list,.timeline-grid,.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-card,.comparison-card,.cta-card,.profile-card{display:grid;gap:14px}.timeline-step{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:var(--radius-pill);background:#b14d321a;color:var(--brand);font-weight:700;letter-spacing:.1em}.comparison-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.9}.cta-card{justify-items:center;text-align:center}.cta-card .hero-actions{justify-content:center}.saas-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:24px}.app-shell{display:grid;gap:24px}.create-shell,.login-shell,.detail-card{max-width:860px}.create-panel{width:100%;max-width:760px}.login-side,.login-shell{height:100%}.login-side{display:grid;align-content:space-between;gap:24px;background:radial-gradient(circle at top right,rgba(240,201,93,.24),transparent 34%),linear-gradient(180deg,#fffaf3f0,#f8f0e5e0)}.login-side h1,.login-shell h2{margin:8px 0 0;font-family:var(--font-display);color:var(--text)}.login-side h1{max-width:9ch;font-size:clamp(2.8rem,5vw,4.4rem);line-height:.95}.login-lead,.login-copy{margin:18px 0 0;color:var(--muted);line-height:1.7}.login-points{display:grid;gap:14px}.login-points article{display:grid;gap:6px;padding:16px 18px;border-radius:22px;border:1px solid rgba(36,23,15,.08);background:#fffcf7b8}.login-points strong{color:var(--brand-deep);font-size:1rem}.login-points span{color:var(--muted);line-height:1.6}.login-side-links{display:flex;flex-wrap:wrap;gap:12px}.login-shell{display:grid;gap:18px;align-content:start;max-width:none;background:#fffcf7e6}.login-tabs{padding:6px;border-radius:999px;background:#24170f0a;width:fit-content;gap:8px}.google-auth-button{width:100%;min-height:54px;border:1px solid rgba(36,23,15,.1);border-radius:20px;background:#fffdf9;color:var(--text);cursor:pointer;font-weight:600;box-shadow:0 14px 28px #24170f0f;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.google-auth-button:hover{transform:translateY(-2px);border-color:#b14d323d;box-shadow:0 18px 34px #24170f1a}.google-auth-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.login-divider{position:relative;margin:2px 0}.login-divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid rgba(36,23,15,.08)}.login-divider span{position:relative;padding:0 12px;background:#fffcf7e6}.login-form{margin-top:0}.login-submit{width:100%;justify-self:stretch;min-height:52px}.login-note{padding:12px 14px;border-radius:16px;background:#b14d3214;color:#8c2d1b}.section-card{position:relative;padding:28px;border-radius:var(--radius-xl)}.section-card:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:24px;border:1px dashed rgba(109,91,78,.14);pointer-events:none}.app-page{display:grid;gap:18px}.create-page{justify-items:center;gap:20px}.create-copy{width:100%;max-width:760px}.create-copy h2{margin:8px 0 0;max-width:14ch}.page-head{display:grid;gap:14px;padding-top:8px}.page-head h2{margin-top:6px;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.05;max-width:12ch}.page-copy{max-width:680px}.page-description{margin:10px 0 0;max-width:58ch;color:var(--muted);font-size:.98rem;line-height:1.65}.page-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start}.page-actions--board{padding-top:4px}.page-meta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.page-summary{display:inline-flex;flex-direction:column;align-items:flex-start;padding:8px 2px;color:var(--muted)}.page-summary--inline{flex-direction:row;gap:10px;align-items:baseline;padding:0}.page-summary strong{color:var(--brand-deep);font-size:1.35rem;line-height:1}.page-summary span{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.filter-pill{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf7bf;min-height:48px}.filter-pill select{border:0;background:transparent;color:var(--text);outline:none;min-width:150px}.page-panel{border:1px solid rgba(36,23,15,.08);border-radius:28px;background:#fffcf7b8;padding:12px;box-shadow:var(--shadow)}.board-grid{display:grid;grid-template-columns:1fr;gap:14px}.board-empty{grid-column:1 / -1}.board-pagination{display:grid;justify-items:center;padding:8px 0 2px}.line-card{display:grid;gap:18px;padding:24px;background:#fffdf9f0}.profile-grid{display:grid;gap:24px}.profile-card--hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.profile-stats{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.profile-stats div{min-width:140px;padding:16px 18px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--line)}.profile-stats strong{display:block;color:var(--brand-deep);font-family:var(--font-display);font-size:1.8rem}.profile-stats span{color:var(--muted);font-size:.86rem}.profile-list{display:grid;gap:14px}.public-profile-hero{display:flex;justify-content:space-between;align-items:end;gap:20px}.profile-line{display:grid;gap:12px;padding:18px;border-radius:22px;background:var(--surface-strong);border:1px solid var(--line)}.profile-line p{margin:0;color:var(--text);line-height:1.75}.line-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.inline-link{color:var(--brand);font-weight:600}.inline-link:hover{text-decoration:underline}.inline-button{padding:0;border:0;background:transparent;color:var(--brand);font-weight:600;cursor:pointer}.inline-button:hover{text-decoration:underline}.action-link,.action-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(36,23,15,.1);background:linear-gradient(180deg,#fffdf9f5,#f5ebdfeb);box-shadow:0 12px 24px #311f1414;color:var(--text);font-size:.92rem;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,color .22s ease}.action-link:before,.action-button:before{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#b14d321a;color:var(--brand);font-size:.76rem;line-height:1}.action-link:hover,.action-button:hover{transform:translateY(-2px);border-color:#b14d323d;box-shadow:0 16px 28px #311f141f}.action-link--primary,.action-button--primary{background:linear-gradient(135deg,#b14d32f5,#7f2e1af5);border-color:transparent;box-shadow:0 18px 32px #7f2e1a33;color:#fffaf3}.action-link--primary:before,.action-button--primary:before{background:#fffaf32e;color:#fffaf3}.action-link[href^="/line/"]:before{content:"↗"}.action-link[href^="/profile/"]:before{content:"@"}.action-button:before,.action-button--primary:before{content:"↪"}.line-meta,.line-footer{display:flex;justify-content:space-between;gap:16px;align-items:start}.detail-card--refined{display:grid;gap:18px}.detail-card--refined h2{margin:0;max-width:20ch;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;font-family:var(--font-display)}.detail-author{margin:0}.category-chip,.score-chip,.mini-stat{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-strong);color:var(--muted)}.score-chip{color:var(--success)}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--line);background:#fffcf7d1;color:var(--muted)}.status-chip--pending{color:#8c5d12;background:#f0c95d29}.status-chip--approved{color:var(--success);background:#2d7d521a}.status-chip--rejected{color:#8c2d1b;background:#b14d321f}.line-body{margin:0;font-size:1.25rem;line-height:1.58;font-weight:500;color:var(--text);max-width:32ch}.line-author{color:var(--muted);font-size:.93rem}.moderation-note{margin:0;color:#8c2d1b;line-height:1.6}.line-footer-left,.line-footer-right{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.line-footer-left{min-width:0}.line-stats{justify-content:flex-start}.mini-stat{min-width:96px;justify-content:center;font-size:.85rem}.mini-stat strong{color:var(--brand-deep)}.vote-panel{display:flex;gap:10px}.vote-button{min-width:92px;height:44px;padding:0 16px;border:1px solid rgba(177,77,50,.18);border-radius:999px;background:linear-gradient(135deg,#b14d321a,#f0c95d24);cursor:pointer;color:var(--brand-deep);font-weight:700}.vote-button.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-color:transparent;color:#fffaf3}.vote-button:disabled,.submit-button:disabled,.auth-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.submission-form{display:grid;gap:16px;margin-top:18px}.submission-form label{display:grid;gap:8px}.submission-form span{color:var(--muted);font-size:.88rem}.submission-form input,.submission-form select,.submission-form textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fffdf9e6;color:var(--text);outline:none}.submission-form input:focus,.submission-form select:focus,.submission-form textarea:focus{border-color:#b14d326b;box-shadow:0 0 0 3px #b14d3214}.submission-form textarea{resize:vertical;min-height:180px}.moderation-card{gap:16px}.moderation-form{margin-top:0}.moderation-form textarea{min-height:110px}.submit-button{justify-self:start;border:0;cursor:pointer;background:linear-gradient(135deg,var(--accent),#e3af2e);color:#3a2409;font-weight:700;min-width:180px}.form-note,.empty-state{margin:0;color:var(--muted);line-height:1.7}.snackbar{position:fixed;left:50%;bottom:28px;z-index:20;min-width:min(420px,calc(100vw - 32px));max-width:min(520px,calc(100vw - 32px));padding:14px 18px;border-radius:18px;border:1px solid rgba(36,23,15,.08);box-shadow:0 20px 36px #24170f29;transform:translate(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.snackbar--info{background:#fffcf7f5;color:var(--text)}.snackbar--success{background:#edf8f1f5;color:#21593b}.snackbar--warning{background:#fff2eff7;color:#8c2d1b;border-color:#b14d322e}.divider-text{display:grid;justify-items:center;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.site-footer{padding:0 clamp(20px,4vw,56px) 54px}.footer-inner{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--radius-xl);border:1px solid var(--line);background:#24170ff0;color:#f8efe5}.site-footer h3{margin-top:8px;color:#fffaf3;font-size:1.7rem}.footer-copy{color:#f8efe5b8}.footer-links{align-items:end;justify-content:flex-end}.footer-links a{padding:10px 14px;border-radius:var(--radius-pill);border:1px solid rgba(255,250,243,.12);color:#fffaf3}@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: 1080px){.hero-grid,.login-layout,.saas-grid,.feature-list,.timeline-grid,.comparison-grid{grid-template-columns:1fr}.page-head,.footer-inner{flex-direction:column;align-items:start}.page-actions,.board-controls--compact{justify-content:flex-start}.illustration-panel{min-height:auto;max-height:none;max-width:620px;margin:0 auto}}@media (max-width: 720px){.topbar,.line-meta,.line-footer{flex-direction:column;align-items:start}.topbar-actions,.line-stats,.footer-links,.profile-stats{justify-content:flex-start}.route-tabs--header{width:100%}.page-summary{align-items:flex-start}.hero-copy h1{max-width:100%}.hero-actions,.hero-stats{flex-direction:column;align-items:stretch}.line-card{gap:16px}.line-footer{flex-direction:column;align-items:start}.line-footer-right{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.line-body{max-width:100%;font-size:1.18rem}.login-tabs{width:100%}.login-tabs .route-tab{flex:1 1 0;justify-content:center}.profile-card--hero{grid-template-columns:1fr}.public-profile-hero{flex-direction:column;align-items:start}.floating-note{display:none}.illustration-credit{max-width:calc(100% - 24px);white-space:normal}}