:root{--bg: #fbf3ec;--bg-2: #f3e8de;--ink: #4a3a3a;--ink-2: #6b5450;--ink-3: #9b7e74;--ink-4: #c9b3a8;--parchment: #fdf8f3;--parchment-dim: #e8d8cc;--rose: #d9a3a3;--rose-deep: #b87a7a;--rose-soft: #f0c8c8;--sage: #b5c4ad;--mauve: #c8a8b8;--peach: #f0c9b3;--gold: #d4b896;--gold-dim: #b89e7e;--gold-glow: rgba(212, 184, 150, .18)}html,body{background:var(--bg);color:var(--ink)}body{background:radial-gradient(ellipse at top,rgba(217,163,163,.18),transparent 60%),radial-gradient(ellipse at bottom,rgba(181,196,173,.14),transparent 60%),var(--bg);background-attachment:fixed;font-family:"DM Serif Text",serif;letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>");mix-blend-mode:multiply}.masthead{position:relative;z-index:2}.page-flip{animation:flipIn .6s cubic-bezier(.44,0,.56,1) both;transform-origin:left center}@keyframes flipIn{0%{opacity:0;transform:perspective(1200px) rotateY(-8deg) translate(20px);filter:blur(2px)}to{opacity:1;transform:perspective(1200px) rotateY(0) translate(0);filter:blur(0)}}.ornament-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.45}.ornament-diamond{width:5px;height:5px;background:var(--gold);transform:rotate(45deg);display:inline-block;margin:0 14px;opacity:.55}.dd-nav{font-family:Courier Prime,monospace;font-size:11px;letter-spacing:2px;text-transform:lowercase;display:flex;overflow-x:auto;background:#fbf3ecc7;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);position:sticky;top:0;z-index:50;box-shadow:0 1px #b87a7a14;padding:0 8px}.dd-nav button{background:transparent;color:var(--ink-2);border:none;padding:18px;font:inherit;cursor:pointer;white-space:nowrap;transition:color .5s ease,opacity .5s ease;position:relative}.dd-nav button:after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:1px;background:var(--rose-deep);transform:translate(-50%);transition:width .5s cubic-bezier(.4,0,.2,1)}.dd-nav button:hover,.dd-nav button.active{color:var(--rose-deep)}.dd-nav button.active:after{width:24px}.diary-textarea{width:100%;background:var(--parchment);border:1px solid rgba(201,179,168,.6);border-left:2px solid var(--rose);color:var(--ink);padding:32px 30px;font-family:"DM Serif Text",serif;font-size:17px;line-height:1.9;resize:vertical;outline:none;min-height:360px;border-radius:4px;transition:border-color .5s ease,box-shadow .5s ease,transform .5s ease;box-shadow:0 1px 3px #b87a7a0a}.diary-textarea:focus{border-color:var(--rose-soft);border-left-color:var(--rose-deep);box-shadow:0 2px 12px #d9a3a31a}.diary-textarea::placeholder{color:var(--ink-3);font-style:italic;opacity:.7}.dd-input{background:#fdf8f3b3;border:1px solid rgba(201,179,168,.5);color:var(--ink);padding:11px 16px;font-family:"DM Serif Text",serif;font-size:14px;outline:none;flex:1;border-radius:4px;transition:border-color .4s ease,background .4s ease}.dd-input:focus{border-color:var(--rose);background:var(--parchment)}.dd-input::placeholder{color:var(--ink-3);font-style:italic}.dd-btn{background:var(--rose);color:#fff8f3;border:none;padding:11px 18px;font-family:Courier Prime,monospace;font-size:12px;cursor:pointer;letter-spacing:1px;white-space:nowrap;border-radius:4px;transition:background .4s ease,transform .3s ease,box-shadow .4s ease;box-shadow:0 1px 3px #b87a7a2e}.dd-btn:hover{background:var(--rose-deep);box-shadow:0 2px 8px #b87a7a40}.dd-btn:active{transform:scale(.97)}.dd-btn.ghost{background:#f3e8de99;color:var(--ink-2);box-shadow:none}.dd-btn.ghost:hover{background:var(--peach);color:var(--ink)}.receipt{background:#faf7f2;color:#1a0a00;width:280px;padding:32px 24px;font-family:Courier Prime,monospace;box-shadow:0 4px 20px #b87a7a1f,0 1px 4px #b87a7a0f;position:relative;border-top:2px dashed var(--gold);border-radius:4px}.receipt:before,.receipt:after{content:"";position:absolute;left:0;right:0;height:6px;background-image:radial-gradient(circle,var(--ink) 2px,transparent 2.5px);background-size:8px 6px}.receipt:before{top:-3px}.receipt:after{bottom:-3px;transform:scaleY(-1)}.receipt textarea{width:100%;border:none;background:transparent;resize:none;font-family:Courier Prime,monospace;font-size:13px;color:#1a0a00;outline:none;line-height:1.7}.receipt-dash{border-top:1px dashed #c8c8c8;margin:8px 0}.brain-svg{background:var(--parchment);border:1px solid rgba(201,179,168,.5);background-image:radial-gradient(circle at 1px 1px,rgba(184,122,122,.06) 1px,transparent 0);background-size:24px 24px;border-radius:6px}.watch-card{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--parchment);border:1px solid rgba(201,179,168,.5);border-radius:6px;transition:all .5s ease}.watch-card.watched{background:var(--bg-2);border-color:#c9b3a84d;opacity:.6}.watch-checkbox{width:18px;height:18px;border:1px solid var(--rose-deep);background:transparent;cursor:pointer;flex-shrink:0;margin-top:3px;display:flex;align-items:center;justify-content:center;color:#fff8f3;font-size:12px}.watch-checkbox.checked{background:var(--rose)}.watch-title{font-family:Playfair Display,serif;color:var(--ink);font-size:16px}.watch-title.done{text-decoration:line-through;color:var(--ink-3)}.watch-badge{font-family:Courier Prime,monospace;color:var(--rose-deep);font-size:9px;border:1px solid rgba(184,122,122,.35);padding:2px 7px;letter-spacing:1px;text-transform:uppercase}.watch-note{font-family:"DM Serif Text",serif;font-style:italic;color:var(--ink-2);font-size:13px;margin-top:4px}.pin{break-inside:avoid;margin-bottom:12px;border:1px solid rgba(201,179,168,.3);position:relative;overflow:hidden;border-radius:6px;transition:transform .5s ease,box-shadow .5s ease;box-shadow:0 1px 3px #b87a7a0a}.pin:hover{transform:translateY(-3px);box-shadow:0 8px 20px #b87a7a1f}.pin img{width:100%;display:block;max-height:220px;object-fit:cover}.pin .pin-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(74,58,58,.35) 100%);pointer-events:none}.pin .pin-caption{padding:14px 16px 16px;font-family:"DM Serif Text",serif;font-style:italic;color:var(--ink);font-size:14px;line-height:1.55}.pin .pin-x{position:absolute;top:8px;right:10px;color:#4a3a3a66;cursor:pointer;font-size:18px;z-index:2;transition:color .3s}.pin .pin-x:hover{color:var(--rose-deep)}.serif{font-family:Playfair Display,serif}.mono{font-family:Courier Prime,monospace}.italic-serif{font-family:"DM Serif Text",serif;font-style:italic}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}