:root{--content-width:1000px;--content-padding:20px;--jaggies-width:calc(var(--content-width)+var(--content-padding) * 2);--jaggies-shadow:drop-shadow(0 2px 3px rgba(0,0,0,0.6));--outer-width:calc(var(--content-width)+var(--content-padding) * 2+var(--jaggies-width) * 2);--color-peach:#f0c195;--color-pink:#e95b93;--color-white:#ffffff;--color-bg:#f5f5f5;--color-text:#333333;--scrollbar-width:8px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scrollbar-gutter:stable}body{min-height:100%;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;position:relative}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:url('/static/images/ocmonogram240.png');background-repeat:repeat;background-size:120px 120px;opacity:0.35;pointer-events:none;z-index:0}html{scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:4px}.fixed-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:var(--content-width);max-width:calc(100% - 40px);background:var(--color-white);z-index:100;display:flex;justify-content:center;padding:10px 0}.header-content{width:100%;display:flex;align-items:center;gap:10px;padding:0 10px}.heart-left,.heart-right{width:52px;height:47px;flex-shrink:0;background-image:url('/static/images/heart-cutout.webp');background-size:contain;background-repeat:no-repeat}.heart-right{transform:scaleX(-1)}.main-nav{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;background:var(--color-pink);padding:8px 16px;border-radius:50px;box-shadow:inset 0 2px 3px rgba(0,0,0,0.3);gap:10px}.list-links{text-decoration:none;color:var(--color-pink)}.curated-list-links{text-decoration:none;color:var(--color-pink)}.curated-lists{margin-left:20px}.index-intro{font-size:0.8rem}.nav-brand{font-size:1.2rem;font-weight:700;color:var(--color-white);text-shadow:rgba(0,0,0,0.25) -2px 2px 2px,rgba(0,0,0,0.25) 2px 2px 2px;white-space:nowrap;text-decoration:none;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:clamp(2px,1vw,6px)}.nav-link{color:var(--color-white);text-decoration:none;padding:6px clamp(4px,1.5vw,12px);border-radius:20px;font-weight:500;font-size:clamp(0.8rem,1.5vw,0.95rem);transition:background 0.2s;text-shadow:rgba(0,0,0,0.25) -2px 2px 2px,rgba(0,0,0,0.25) 2px 2px 2px;white-space:nowrap}.nav-link:hover{background:rgba(255,255,255,0.2)}.decorative-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;pointer-events:none;z-index:1}.layer-jaggies{width:var(--content-width);max-width:calc(100vw - 20px);height:100%;background:var(--color-white);padding:0;position:relative}.shadow-jaggies{width:var(--content-width);max-width:calc(100vw - 20px);height:100%;filter:var(--jaggies-shadow)}.layer-jaggies::before,.layer-jaggies::after{content:'';position:absolute;top:0;bottom:0;width:42px;background-image:url('/static/images/jaggies.webp');background-repeat:repeat-y;background-size:100% auto}.layer-jaggies::before{right:100%}.layer-jaggies::after{left:100%;transform:scaleX(-1)}.content-wrapper{position:relative;z-index:2;width:var(--content-width);max-width:calc(100vw - 20px);margin:0 auto;padding:var(--content-padding);padding-top:80px;min-height:100vh;transform-style:preserve-3d}h1{margin-bottom:1rem}p{margin-bottom:1rem}@media (max-width:1040px){:root{--content-width:calc(100vw - 20px)}.fixed-header{max-width:calc(100vw - 20px)}.header-content{max-width:calc(100vw - 40px)}.layer-jaggies,.shadow-jaggies,.content-wrapper{max-width:calc(100vw - 20px)}}@media (max-width:600px){:root{--content-padding:12px}.fixed-header{padding:4px 2px}.header-content{gap:2px;padding:0 2px}.heart-left,.heart-right{width:32px;height:29px}.main-nav{flex-wrap:wrap;justify-content:center;padding:4px 8px;border-radius:20px;gap:0 6px}.nav-brand{font-size:0.95rem;flex-shrink:1}.nav-links{flex-wrap:wrap;justify-content:center;gap:4px}.nav-link{padding:2px 4px;font-size:0.85rem;overflow:visible}.content-wrapper{padding-top:50px}}@media (max-width:480px){.heart-left,.heart-right{display:none}.header-content{gap:0}.main-nav{padding:2px 8px;gap:0 2px}.content-wrapper{padding-top:50px}}@media (max-width:430px){.main-nav{padding:2px 4px}.nav-brand{font-size:0.85rem}.nav-link{font-size:0.75rem;padding:2px 3px}.content-wrapper{padding-top:55px}}