*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--parchment:#faf6ef;--parchment-light:#fffdf8;--parchment-mid:#f6efe2;--ink:#3e2b35;--ink-light:#5a5552;--ink-faint:#7a726a;--coral:#e64a3c;--coral-dark:#d13a2d;--coral-soft:rgba(230,74,60,.1);--green:#3d7a5a;--green-soft:rgba(61,122,90,.08);--gold:#f4b842;--gold-soft:rgba(244,184,66,.12);--border:#e5ddd0;--border-dark:rgba(62,43,53,.7);--border-medium:rgba(62,43,53,.35);--border-light:rgba(229,221,208,.9);--shadow-warm:0 12px 32px rgba(61,50,42,.08);--shadow-lift:0 18px 44px rgba(61,50,42,.16),0 4px 12px rgba(61,50,42,.06);--radius-wobbly:255px 15px 225px 15px/15px 225px 15px 255px;--radius-wobbly-sm:200px 12px 190px 12px/12px 190px 12px 200px;--radius-wobbly-pill:200px 14px 210px 14px/14px 210px 14px 200px;--radius-wobbly-tag:180px 10px 190px 10px/10px 190px 10px 180px;--font-display:"Grandstander","Trebuchet MS",system-ui,sans-serif;--font-body:"Montserrat","Trebuchet MS",system-ui,sans-serif;--content-width:700px}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--ink);background-color:var(--parchment);background-image:linear-gradient(135deg,var(--parchment) 0%,var(--parchment-mid) 50%,#fbf7f0 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.95;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 140' fill='none'><defs><filter id='b' x='-40%25' y='-40%25' width='180%25' height='180%25'><feGaussianBlur stdDeviation='6'/></filter></defs><g filter='url(%23b)'><ellipse cx='120' cy='88' rx='86' ry='30' fill='rgba(255,255,255,0.75)'/><ellipse cx='82' cy='72' rx='42' ry='26' fill='rgba(255,255,255,0.6)'/><ellipse cx='158' cy='74' rx='46' ry='24' fill='rgba(255,255,255,0.6)'/><ellipse cx='118' cy='58' rx='30' ry='20' fill='rgba(255,255,255,0.5)'/><path d='M60,90 Q110,120 200,86 Q210,120 150,132 Q80,140 60,90 Z' fill='rgba(92,156,230,0.1)'/></g></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 150' fill='none'><defs><filter id='b' x='-40%25' y='-40%25' width='180%25' height='180%25'><feGaussianBlur stdDeviation='6'/></filter></defs><g filter='url(%23b)'><ellipse cx='150' cy='92' rx='92' ry='32' fill='rgba(255,255,255,0.7)'/><ellipse cx='104' cy='74' rx='46' ry='28' fill='rgba(255,255,255,0.55)'/><ellipse cx='196' cy='76' rx='50' ry='26' fill='rgba(255,255,255,0.55)'/><path d='M70,96 Q130,130 220,88 Q236,122 176,136 Q100,146 70,96 Z' fill='rgba(61,122,90,0.08)'/></g></svg>");background-repeat:no-repeat;background-position:-40px 15%,110% 70%;background-size:260px auto,300px auto}.parchment-card{position:relative;background-color:var(--parchment-light);background-image:linear-gradient(160deg,var(--parchment-light) 0%,var(--parchment) 100%);border-radius:var(--radius-wobbly);box-shadow:var(--shadow-warm)}.parchment-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--border-dark);border-radius:inherit;filter:url(#rough-edge);pointer-events:none;z-index:1}.parchment-card:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px dashed var(--border-light);border-radius:220px 20px 210px/20px 210px 20px 220px;pointer-events:none;z-index:1}.parchment-card>*{position:relative;z-index:2}.topbar{position:sticky;top:0;z-index:100;background:#faf6efe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.topbar-brand{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--coral);text-decoration:none;cursor:pointer;filter:url(#rough-edge);transition:color .2s ease}.topbar-brand:hover{color:var(--coral-dark)}.topbar-nav{display:flex;align-items:center;gap:4px}.topbar-nav a{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--ink-light);text-decoration:none;padding:8px 14px;border-radius:var(--radius-wobbly-tag);transition:color .2s ease,background .2s ease;display:flex;align-items:center;gap:6px;min-height:40px}.topbar-nav a:hover{color:var(--ink);background:#e5ddd080}.topbar-nav a.active{color:var(--coral)}.page{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:36px 20px 80px;position:relative;z-index:1}.home-hero{text-align:center;padding:48px 0 24px;position:relative}.home-greeting{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.2rem);font-weight:800;color:var(--coral);line-height:1.15;margin-bottom:8px;filter:url(#rough-edge);opacity:0;animation:fadeUp .6s cubic-bezier(.22,1,.36,1) .1s forwards}.home-date{font-size:.95rem;color:var(--ink-faint);margin-bottom:28px;opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .2s forwards}.home-stat{display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint);font-size:.85rem;opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .3s forwards}.home-stat strong{color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.home-recent-label{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--ink-light);text-align:left;margin-bottom:16px;filter:url(#rough-edge);opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .35s forwards}.entry-card{position:relative;cursor:pointer;padding:28px 28px 24px;transition:transform .2s ease,box-shadow .25s ease;text-decoration:none;color:inherit;display:block}.entry-card:hover{transform:translateY(-3px) rotate(.3deg);box-shadow:var(--shadow-lift)}.entry-card:active{transform:scale(.985)}.entry-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.entry-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2;color:var(--ink);filter:url(#rough-edge)}.entry-card-date{font-size:.8rem;color:var(--ink-faint);display:flex;align-items:center;gap:6px;margin-bottom:10px}.entry-card-date svg{width:13px;height:13px;opacity:.7}.entry-card-preview{color:var(--ink-light);font-size:.92rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-card-mood{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.entry-card-mood svg{width:24px;height:24px}.entry-back{display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint);text-decoration:none;font-size:.85rem;font-weight:600;margin-bottom:20px;transition:color .2s ease;min-height:40px}.entry-back:hover{color:var(--ink)}.entry-back svg{width:14px;height:14px}.entry-hero{text-align:center;padding:32px 0 28px;margin-bottom:8px;position:relative}.entry-hero-chapter{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--coral);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.entry-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.8rem);font-weight:800;color:var(--coral);line-height:1.1;filter:url(#rough-edge);margin-bottom:16px}.entry-hero-line{width:60px;height:3px;background:var(--coral);opacity:.4;margin:0 auto 16px;border-radius:2px;filter:url(#rough-edge)}.entry-hero-meta{display:flex;align-items:center;justify-content:center;gap:16px;color:var(--ink-faint);font-size:.85rem;flex-wrap:wrap}.entry-hero-meta span{display:flex;align-items:center;gap:5px}.entry-hero-meta svg{width:14px;height:14px;opacity:.5}.entry-body{padding:32px 36px 36px}.essay{font-size:1rem;line-height:1.85;color:var(--ink-light)}.essay p{margin-bottom:1.15em;text-indent:1.5em}.essay p:first-child{text-indent:0}.essay p:first-child:first-letter{font-family:var(--font-display);font-size:3.4rem;font-weight:800;color:var(--coral);float:left;line-height:.82;margin:6px 12px 0 -2px;filter:url(#rough-edge)}.essay strong{color:var(--ink);font-weight:700}.essay em{font-style:italic}.section-hd{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--coral);margin:28px 0 8px;filter:url(#rough-edge);display:flex;align-items:center;gap:10px}.section-hd:before{content:"";display:block;width:18px;height:2px;background:var(--coral);opacity:.5;border-radius:1px;flex-shrink:0}.section-hd:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border) 0%,transparent 100%)}.stat{background:var(--green-soft);border:1.5px solid rgba(61,122,90,.15);border-radius:var(--radius-wobbly-sm);padding:14px 18px;margin:16px 0 16px 1.5em;display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--ink-light);line-height:1.5}.stat-num{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--green);flex-shrink:0;filter:url(#rough-edge)}.pull{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--ink);line-height:1.5;padding:14px 0 14px 18px;margin:20px 0 20px 1.5em;border-left:3px solid var(--gold);position:relative}.pull:before{content:"“";font-size:2.8rem;color:var(--gold);opacity:.35;position:absolute;left:6px;top:-6px;line-height:1;font-family:Georgia,serif}.doodle{text-align:center;margin:28px 0;opacity:.25;pointer-events:none;clear:both}.doodle svg{width:100px;height:14px;color:var(--ink-faint)}.chapter-bg{font-family:var(--font-display);font-size:8rem;font-weight:800;color:var(--coral);opacity:.04;position:absolute;top:-20px;right:-10px;filter:url(#rough-edge);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.swoosh-deco{position:absolute;top:0;right:0;width:60px;height:24px;opacity:.06;pointer-events:none;color:var(--coral)}.lantern{position:absolute;top:-10px;right:16px;width:28px;height:48px;z-index:4;pointer-events:none;filter:url(#rough-edge)}.lantern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:contain;background-position:center top;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 58' fill='none'><line x1='17' y1='0' x2='17' y2='14' stroke='%235A5552' stroke-width='1.6'/><rect x='14' y='14' width='6' height='3' fill='%23F4B842'/><path d='M7,30 C7,18 27,18 27,30 C27,40 23,46 17,46 C11,46 7,40 7,30 Z' fill='%23E64A3C' opacity='0.92'/><path d='M12,30 C12,23 22,23 22,30 C22,35 18,38 17,38 C16,38 12,35 12,30 Z' fill='none' stroke='%23F4B842' stroke-width='1.4'/><rect x='14' y='46' width='6' height='3' fill='%23F4B842'/><line x1='17' y1='49' x2='17' y2='58' stroke='%23E64A3C' stroke-width='1.6'/></svg>");animation:lanternSway 4.5s ease-in-out infinite alternate;transform-origin:50% 0}@keyframes lanternSway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardLand{0%{opacity:0;transform:translateY(24px) scale(.95) rotate(-1.2deg)}55%{opacity:1;transform:translateY(-5px) scale(1.015) rotate(.5deg)}78%{transform:translateY(2px) scale(.995) rotate(-.2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes titleDraw{0%{opacity:0;transform:translateY(12px) rotate(-1deg)}55%{opacity:1;transform:translateY(-3px) rotate(.4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lineWidth{0%{width:0}to{width:60px}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.a-card{opacity:0;animation:cardLand .6s cubic-bezier(.34,1.2,.5,1) forwards}.a-back{opacity:0;animation:fadeUp .4s cubic-bezier(.22,1,.36,1) .05s forwards}.a-hero{opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .1s forwards}.a-title{opacity:0;animation:titleDraw .65s cubic-bezier(.22,1,.36,1) .18s forwards}.a-line{opacity:0;animation:lineWidth .5s cubic-bezier(.22,1,.36,1) .35s forwards}.a-meta{opacity:0;animation:fadeUp .4s cubic-bezier(.22,1,.36,1) .4s forwards}.a-body{opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .48s forwards}.a-1{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .55s forwards}.a-2{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .62s forwards}.a-3{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .69s forwards}.a-4{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .76s forwards}.a-5{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .83s forwards}.a-6{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .9s forwards}.a-7{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) .97s forwards}.a-8{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) 1.04s forwards}.a-9{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) 1.11s forwards}.a-10{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) 1.18s forwards}.a-11{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) 1.25s forwards}.a-12{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) 1.32s forwards}.a-13{opacity:0;animation:staggerIn .4s cubic-bezier(.22,1,.36,1) 1.39s forwards}.h-card-0{opacity:0;animation:cardLand .5s cubic-bezier(.34,1.2,.5,1) .2s forwards}.h-card-1{opacity:0;animation:cardLand .5s cubic-bezier(.34,1.2,.5,1) .3s forwards}.h-card-2{opacity:0;animation:cardLand .5s cubic-bezier(.34,1.2,.5,1) .4s forwards}@media(max-width:639px){.page{padding:24px 14px 60px}.topbar{padding:0 14px}.entry-card{padding:20px}.entry-body{padding:24px 20px 28px}.entry-hero-title,.home-greeting{font-size:1.8rem}.chapter-bg{font-size:5rem;top:-10px;right:-5px}.essay p:first-child:first-letter{font-size:2.6rem}.stat,.pull{margin-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}