:root{--bg: #030303;--bg-surface: #0f0f0f;--bg-input: #0d0a08;--fg: #f2efe8;--fg-muted: rgba(242, 239, 232, .76);--fg-dim: rgba(242, 239, 232, .56);--fg-faint: rgba(242, 239, 232, .2);--border: rgba(242, 239, 232, .13);--border-hover: rgba(242, 239, 232, .28);--border-focus: rgba(242, 239, 232, .48);--accent-amber: #d9c59c;--accent-paper: #e7d8bb;--accent-rose: #b97b6c;--accent-sage: #8e9a84;--accent-mist: #8898b2;--accent-ink: #17120d;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Instrument Sans", system-ui, sans-serif;--text-display: clamp(3.2rem, 8vw, 8rem);--text-title: clamp(1.6rem, 3vw, 3rem);--text-lead: clamp(.95rem, 1.5vw, 1.15rem);--text-body: .9375rem;--text-sm: .8125rem;--text-xs: .6875rem;--section-gap: clamp(5rem, 10vw, 9rem);--content-width: 1080px;--page-padding: clamp(1.5rem, 5vw, 5rem);--ease: .2s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,button,textarea{margin:0}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-body);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 14% 16%,rgba(217,197,156,.13),transparent 26%),radial-gradient(circle at 83% 21%,rgba(136,152,178,.12),transparent 21%),radial-gradient(circle at 73% 78%,rgba(185,123,108,.11),transparent 24%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:9999;opacity:1}button,textarea{font:inherit}button{border:0;background:transparent;color:inherit;cursor:pointer}textarea{width:100%;border:0;outline:0;resize:vertical}a{color:inherit}#root{position:relative;min-height:100vh;z-index:1}.app-shell{position:relative;isolation:isolate}.display{font-family:var(--font-serif);font-size:var(--text-display);font-weight:400;line-height:.97;letter-spacing:-.03em;color:var(--fg)}.display em,h1 em,h2 em{font-style:italic;font-weight:300;color:var(--accent-amber)}.title{font-family:var(--font-serif);font-size:var(--text-title);font-weight:400;line-height:1.1;letter-spacing:-.02em}.label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.fade-up{opacity:0;animation:fadeUp .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay, 0s)}.nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--page-padding);border-bottom:1px solid var(--border);background:#060606db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;font-weight:400;color:var(--fg)}.nav-right{display:flex;gap:.75rem;align-items:center}.nav-share-button{display:flex;align-items:center;gap:.35rem;padding:.5rem .9rem;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--fg);background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all var(--ease)}.nav-share-button:hover{border-color:var(--border-hover);background:#f2efe80a}.live-pill{display:flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:#64dc64cc}.live-dot{width:6px;height:6px;border-radius:999px;background:currentColor;animation:pulse 2s infinite}.nav-count{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.hero{position:relative;display:flex;align-items:flex-end;min-height:100vh;padding:calc(52px + 3rem) var(--page-padding) 5rem;overflow:hidden}.hero-inner{width:min(100%,var(--content-width));margin:0 auto;display:block}.wall-section-inner{width:min(100%,var(--content-width));margin:0 auto}.hero-copy{position:relative;z-index:1;max-width:72rem}.hero-copy .label{display:inline-block;margin-bottom:1.15rem;color:var(--accent-amber)}.hero-subtitle{max-width:46ch;margin-top:1.5rem;font-size:var(--text-lead);color:var(--fg-muted)}.hero-tag-grid{display:flex;flex-wrap:wrap;gap:.45rem}.hero-tag-grid span{padding:.28rem .55rem;border:1px solid rgba(242,239,232,.14);border-radius:999px;background:#f2efe80a;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.hero-support{display:grid;grid-template-columns:minmax(240px,25rem) minmax(0,1fr);gap:1.1rem 1.25rem;align-items:start;max-width:54rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(242,239,232,.09)}.hero-support .label{margin-bottom:.5rem}.hero-support-text{max-width:34ch;font-size:var(--text-sm);line-height:1.7;color:var(--fg-muted)}.hero-tag-grid-support{align-self:center;padding-top:.2rem}.hero-scribbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5}.hero-ring,.hero-pin{position:absolute}.hero-ring{border:1px solid rgba(242,239,232,.12);border-radius:50%}.hero-ring-a{top:9%;right:3%;width:28rem;height:28rem;border-color:#d9c59c2e}.hero-ring-b{top:23%;right:12%;width:11rem;height:11rem;border-color:#8898b233}.hero-ring-c{bottom:13%;right:31%;width:7rem;height:7rem;border-color:#b97b6c38}.hero-connector{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(242,239,232,.2),transparent);transform-origin:left center}.hero-connector-a{top:33%;right:16%;width:9rem;transform:rotate(-24deg)}.hero-connector-b{bottom:26%;right:24%;width:8rem;transform:rotate(22deg)}.hero-pin{width:.5rem;height:.5rem;border-radius:50%}.hero-pin-a{top:32%;right:22%;background:var(--accent-amber)}.hero-pin-b{top:46%;right:8%;background:var(--accent-mist)}.hero-pin-c{bottom:23%;right:26%;background:var(--accent-rose)}.hero-ghost{position:absolute;right:max(var(--page-padding),calc((100vw - var(--content-width)) / 2));bottom:.25rem;z-index:0;font-family:var(--font-serif);font-size:clamp(18rem,40vw,46rem);font-weight:400;line-height:.8;letter-spacing:-.05em;color:#d9c59c0a;pointer-events:none;-webkit-user-select:none;user-select:none}.stats-strip{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;max-width:54rem;margin-top:1.5rem;position:relative;padding-top:1rem;border-top:1px solid rgba(242,239,232,.07)}.stat-cluster{display:inline-flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.stat-number{font-family:var(--font-serif);font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:400;line-height:.9;letter-spacing:-.04em;color:var(--fg)}.stats-separator,.stats-dot-divider{font-size:var(--text-sm);color:var(--accent-amber)}.stat-label-inline{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim)}.stats-empty{display:inline-flex;align-items:center;gap:.85rem;max-width:54rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(242,239,232,.07);font-size:var(--text-sm);color:var(--fg-dim)}.stats-empty-line{width:3rem;height:1px;background:linear-gradient(90deg,rgba(217,197,156,.75),transparent)}.submit-wrap{margin-top:2.5rem;max-width:54rem;position:relative}.submit-form{width:100%}.submit-intro{display:flex;align-items:center;gap:.85rem;margin-bottom:.8rem;font-size:var(--text-sm);color:var(--fg-muted)}.submit-intro-line{width:3.5rem;height:1px;background:linear-gradient(90deg,rgba(217,197,156,.9),transparent)}.submit-box{position:relative;border:1px solid var(--border);border-radius:3px;background:#100f0ef0;transition:border-color var(--ease),background-color var(--ease);overflow:hidden}.submit-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(217,197,156,.05),transparent 28%),linear-gradient(305deg,rgba(136,152,178,.04),transparent 34%);pointer-events:none}.submit-box:focus-within{border-color:var(--border-focus);background:#12110ffa}.submit-topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-surface);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--fg-muted)}.submit-topbar-note{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-amber)}.submit-field{position:relative;isolation:isolate;min-height:148px;background:var(--bg-input);overflow:hidden}.submit-field:before{content:"";position:absolute;left:1rem;top:1rem;bottom:1rem;width:1px;background:linear-gradient(180deg,rgba(217,197,156,.28),rgba(136,152,178,.08),transparent);z-index:0}.submit-field-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.42}.submit-field-curve{position:absolute;right:-5.5rem;bottom:-8.5rem;width:18rem;height:18rem;border:1px solid rgba(136,152,178,.08);border-radius:50%}.submit-field-dot{position:absolute;width:.45rem;height:.45rem;border-radius:50%}.submit-field-dot-a{top:1.5rem;right:1.6rem;background:#d9c59ca6}.submit-field-dot-b{bottom:1.8rem;right:7rem;background:#8898b28c}.submit-textarea{position:relative;z-index:1;min-height:148px;padding:1.15rem 1rem 1.15rem 1.5rem;background:transparent;color:var(--fg);font-size:clamp(1.18rem,2.2vw,1.9rem);line-height:1.35;letter-spacing:-.03em}.submit-placeholder{position:absolute;top:1.15rem;right:1rem;bottom:1rem;left:1.5rem;z-index:0;max-width:30ch;font-size:clamp(1.18rem,2.2vw,1.9rem);line-height:1.35;letter-spacing:-.03em;color:#f2efe89e;opacity:0;transition:opacity var(--ease);pointer-events:none}.submit-placeholder.visible{opacity:1}.submit-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-top:1px solid var(--border);background:var(--bg-surface)}.char-count{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.submit-button{padding:.72rem 1rem;border-radius:3px;border:1px solid rgba(217,197,156,.22);background:var(--accent-paper);color:var(--accent-ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;letter-spacing:.08em;text-transform:uppercase;transition:opacity var(--ease),background-color var(--ease)}.submit-button:hover:not(:disabled){background:#f0e2c8}.submit-button:disabled{opacity:.35;cursor:not-allowed}.submit-meta{margin-top:.8rem;font-size:var(--text-xs);letter-spacing:.08em;text-transform:lowercase;text-align:center;color:var(--fg-muted)}.wall-section{padding:0 var(--page-padding) 6rem}.wall-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.9fr);gap:2rem;align-items:end;margin-bottom:1.8rem}.wall-intro:after{content:"";position:absolute;top:-.65rem;right:1rem;width:7rem;height:7rem;border:1px solid rgba(217,197,156,.14);border-radius:50%;pointer-events:none}.wall-intro .label{margin-bottom:.6rem;color:var(--accent-amber)}.wall-intro-copyblock{max-width:34rem}.wall-intro-copy{max-width:34ch;color:var(--fg-muted)}.filters{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.filters-left{display:flex;flex-wrap:wrap;gap:.65rem}.pill{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border:1px solid var(--border);border-radius:999px;background:#f2efe805;color:var(--fg-muted);cursor:pointer;transition:var(--ease)}.pill:hover{border-color:var(--border-hover);color:var(--fg-muted)}.pill.active{background:var(--accent-paper);color:var(--accent-ink);border-color:var(--accent-paper)}.filter-sort{display:inline-flex;align-items:center;gap:.55rem;padding-top:.35rem;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.filter-sort button{color:inherit;transition:color var(--ease)}.filter-sort button.active,.filter-sort button:hover{color:var(--fg)}.wall-grid{columns:4 260px;column-gap:1rem}.wall-card-wrap{break-inside:avoid;display:inline-block;width:100%;margin-bottom:1rem;animation:cardIn .4s cubic-bezier(.16,1,.3,1) both}.card,.skeleton-card{break-inside:avoid;display:inline-block;width:100%;margin-bottom:0;border-radius:3px}.card{position:relative;overflow:hidden;--card-accent: rgba(217, 197, 156, .75);--card-accent-soft: rgba(217, 197, 156, .08);background:var(--bg-surface);border:1px solid var(--border);padding:1.25rem 1.4rem;transition:border-color var(--ease)}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--card-accent),transparent)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0,var(--card-accent-soft),transparent 42%);pointer-events:none}.card[data-category=personal]{--card-accent: rgba(185, 123, 108, .78);--card-accent-soft: rgba(185, 123, 108, .08)}.card[data-category=dev]{--card-accent: rgba(136, 152, 178, .82);--card-accent-soft: rgba(136, 152, 178, .08)}.card[data-category=prefs]{--card-accent: rgba(217, 197, 156, .8);--card-accent-soft: rgba(217, 197, 156, .09)}.card[data-category=work]{--card-accent: rgba(142, 154, 132, .82);--card-accent-soft: rgba(142, 154, 132, .08)}.card[data-category=life]{--card-accent: rgba(101, 154, 155, .8);--card-accent-soft: rgba(101, 154, 155, .08)}.card[data-category=other]{--card-accent: rgba(242, 239, 232, .65);--card-accent-soft: rgba(242, 239, 232, .05)}.card:hover{border-color:var(--border-hover)}.card .label{position:relative;z-index:1;display:inline-flex;padding:.18rem .48rem;border:1px solid rgba(242,239,232,.12);border-radius:999px;background:var(--card-accent-soft);color:var(--fg-muted)}.card-text{position:relative;z-index:1;margin-top:.75rem;color:var(--fg);font-size:var(--text-body);line-height:1.75}.card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem}.card-meta{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.card-actions{display:flex;align-items:center;gap:.55rem}.vote-button{padding:.35rem .65rem;border:1px solid var(--border);border-radius:3px;background:transparent;color:var(--fg-muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;transition:border-color var(--ease),background-color var(--ease),color var(--ease)}.vote-button:hover:not(:disabled){border-color:var(--border-hover);color:var(--fg-muted)}.vote-button.is-voted{background:var(--fg);color:var(--bg);border-color:var(--fg)}.vote-button:disabled{cursor:not-allowed}.share-button{padding:.3rem .4rem;color:var(--fg-muted);font-size:1rem;transition:color var(--ease)}.share-button:hover{color:var(--accent-amber)}.skeleton-card{padding:1.25rem 1.4rem;border:1px solid var(--border);background:var(--bg-surface)}.skeleton-line{position:relative;height:.78rem;margin-bottom:.8rem;overflow:hidden;background:#f2efe80f;border-radius:2px}.skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(242,239,232,.1),transparent);animation:shimmer 1.3s infinite}.skeleton-line-label{width:38%;height:.55rem}.skeleton-line-lg{width:92%}.skeleton-line-md{width:84%}.skeleton-line-sm{width:58%;margin-bottom:1.3rem}.skeleton-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.skeleton-line-time{width:20%;height:.55rem;margin-bottom:0}.skeleton-line-vote{width:26%;height:1.85rem;margin-bottom:0}.wall-empty{padding:4rem 0;text-align:center;font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.4rem);font-style:italic;color:var(--fg-dim)}.toast{position:fixed;bottom:2rem;left:50%;display:inline-flex;align-items:center;gap:.9rem;transform:translate(-50%) translateY(1rem);padding:.75rem 1.5rem;border-radius:3px;background:var(--fg);color:var(--bg);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:500}.toast.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast-button{border-bottom:1px solid currentColor;padding:0;font-size:var(--text-sm);text-transform:lowercase}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width: 900px){.hero{padding-top:calc(52px + 2.5rem);padding-bottom:4rem}.hero-ghost{right:1rem;bottom:2.5rem;font-size:clamp(12rem,38vw,20rem)}.hero-scribbles{opacity:.55}.hero-support,.wall-intro{grid-template-columns:1fr}.filters{flex-direction:column}}@media (max-width: 640px){.nav{padding-inline:1rem}.nav-count{display:none}.hero{min-height:auto;padding:calc(52px + 2rem) 1rem 3.5rem}.hero-scribbles{display:none}.hero-subtitle{max-width:100%}.hero-ghost{display:none}.stats-strip{gap:.75rem}.stats-dot-divider{display:none}.stats-empty{display:flex}.submit-intro{align-items:flex-start}.submit-topbar{flex-direction:column;align-items:flex-start}.submit-footer{flex-direction:column;align-items:stretch}.submit-placeholder{font-size:1.1rem}.submit-button{width:100%}.wall-section{padding:0 1rem 4rem}.toast{width:calc(100% - 2rem);justify-content:center;text-align:center}}