:root{--cream: #F2EBDD;--cream-deep: #EAE0CC;--paper: #ECE3D1;--paper-shade: #E1D5BB;--ink: #221E1A;--ink-soft: #5C5247;--ink-whisper: #9C8F80;--rule: #D6C9B0;--rule-soft: #E1D6BE;--terracotta: #C9968C;--terracotta-soft: #E2BAB1;--sage: #8A9A7B;--sage-soft: #B6C0A6;--rose: #C9968C;--brass: #A68A4E;--brass-soft: #C7AE7C;--serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}.app-root{font-family:var(--sans);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";letter-spacing:-.005em;min-height:100vh}.app-root *::selection{background:var(--terracotta);color:var(--cream)}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.display{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;line-height:.96}.display-italic{font-style:italic}.plate{position:relative;overflow:hidden;background:var(--paper-shade);isolation:isolate}.plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--plate-bg, linear-gradient(135deg, #C9968C 0%, #8A9A7B 100%));z-index:0}.plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(34,30,26,.18) 1px,transparent 1.2px),radial-gradient(rgba(255,250,240,.12) 1px,transparent 1.2px);background-size:3px 3px,5px 5px;background-position:0 0,1px 1px;mix-blend-mode:overlay;opacity:.65;z-index:1}.plate>.plate-content{position:relative;z-index:2;width:100%;height:100%}.plate .plate-label{position:absolute;left:12px;bottom:10px;color:#f2ebddeb;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;z-index:3;mix-blend-mode:screen}.plate .plate-label.dark{color:#221e1ac7;mix-blend-mode:multiply}.plate .plate-corner{position:absolute;right:10px;top:10px;color:#f2ebddc7;font-family:var(--mono);font-size:9px;letter-spacing:.18em;z-index:3}.plate.warm{--plate-bg: linear-gradient(155deg, #C28867 0%, #6A4B36 55%, #2E2218 100%)}.plate.field{--plate-bg: linear-gradient(165deg, #C9C0A0 0%, #8A9A7B 60%, #4F5A44 100%)}.plate.rose{--plate-bg: linear-gradient(150deg, #E3B6AB 0%, #C9968C 50%, #7E4E47 100%)}.plate.dusk{--plate-bg: linear-gradient(175deg, #C8AE82 0%, #A56E55 55%, #3A2A22 100%)}.plate.mist{--plate-bg: linear-gradient(190deg, #E9E0CD 0%, #B6C0A6 60%, #6E7C66 100%)}.plate.brass{--plate-bg: linear-gradient(150deg, #D8BE8C 0%, #A68A4E 60%, #4A3A22 100%)}.plate.shore{--plate-bg: linear-gradient(165deg, #DBCDA8 0%, #93876A 55%, #2C261C 100%)}.plate.bloom{--plate-bg: linear-gradient(155deg, #E0A99C 0%, #B85C3C 60%, #4E2519 100%)}.plate.linen{--plate-bg: linear-gradient(180deg, #EFE5D0 0%, #D7C8AA 100%)}.plate.ink{--plate-bg: linear-gradient(165deg, #4A4036 0%, #221E1A 100%)}.plate.terr{--plate-bg: linear-gradient(150deg, #D8927A 0%, #B85C3C 60%, #6A2E1A 100%)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:.04em;flex-shrink:0}.dot-his{background:var(--sage)}.dot-hers{background:var(--terracotta)}.dot-both{width:14px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--sage) 0 50%,var(--terracotta) 50% 100%)}.avatar-pair{display:inline-flex;align-items:center}.avatar{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:11px;font-style:italic;color:var(--cream);border:1px solid var(--cream);letter-spacing:0;flex-shrink:0}.avatar.m{background:var(--sage)}.avatar.n{background:var(--terracotta)}.avatar+.avatar{margin-left:-6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 5px;border-radius:999px;font-family:var(--sans);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border:1px solid var(--rule);background:transparent;color:var(--ink-soft);white-space:nowrap}.pill.solid{background:var(--ink);color:var(--cream);border-color:var(--ink)}.pill.warm{background:var(--terracotta);color:var(--cream);border-color:var(--terracotta)}.pill.sage{background:var(--sage);color:var(--cream);border-color:var(--sage)}.pill.brass{background:var(--brass);color:var(--cream);border-color:var(--brass)}.pill.outline-warm{color:var(--terracotta);border-color:var(--terracotta)}.rule{height:1px;background:var(--rule);width:100%}.rule-soft{height:1px;background:var(--rule-soft);width:100%}.prog{display:inline-flex;align-items:center;gap:10px}.prog .step{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.prog .bead{width:7px;height:7px;border-radius:50%;border:1px solid var(--ink);background:transparent;transition:all .25s ease}.prog .bead.done{background:var(--ink)}.prog .bead.active{background:var(--terracotta);border-color:var(--terracotta);transform:scale(1.35)}.prog .tick{width:22px;height:1px;background:var(--rule)}.prog .tick.done{background:var(--ink)}.btn{font-family:var(--sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:11px 18px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover,.btn.primary{background:var(--ink);color:var(--cream)}.btn.primary:hover{background:var(--terracotta);border-color:var(--terracotta)}.btn.ghost{border-color:transparent;padding-left:0;padding-right:0}.btn.ghost:hover{background:transparent;color:var(--terracotta)}.btn.small{font-size:10.5px;padding:7px 12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:transparent;color:var(--ink)}.btn.primary:disabled:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}.card-surface{background:var(--paper);border:1px solid var(--rule-soft)}.card-paper{background:var(--cream);border:1px solid var(--rule-soft)}.no-bar{scrollbar-width:none;-ms-overflow-style:none}.no-bar::-webkit-scrollbar{display:none}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes wash-in{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes letter-spread{0%{letter-spacing:.3em;opacity:0}to{letter-spacing:-.012em;opacity:1}}.reveal-item{animation:rise-in 1.2s cubic-bezier(.22,.61,.36,1) both}.reveal-wash{animation:wash-in 1.6s cubic-bezier(.22,.61,.36,1) both}.reveal-name{animation:letter-spread 2.4s cubic-bezier(.22,.61,.36,1) both}.frame-scroll{width:100%;height:100vh;overflow-y:auto;background:var(--cream)}.paper-grain{background-image:radial-gradient(rgba(34,30,26,.04) 1px,transparent 1.2px),radial-gradient(rgba(255,250,240,.08) 1px,transparent 1.2px);background-size:3px 3px,5px 5px;background-position:0 0,1px 1px}input,textarea{font-family:var(--sans);color:var(--ink);background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--ink-whisper)}