:root{--bg:#f2f0ec;--pink:#ff6fc4;--ink:#111}
*{box-sizing:border-box}html{scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Overlock',system-ui,sans-serif;font-size:1.2rem;line-height:1.5}
a{color:inherit}.wrap{max-width:1500px;margin:0 auto;padding:0 clamp(1rem,3vw,3rem)}
.hd{position:fixed;top:0;left:0;right:0;z-index:9;background:var(--bg);transition:box-shadow .3s}
.hd.s{box-shadow:0 2px 12px #0003}
.values{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,3vw,2.5rem);padding-top:.8rem;overflow-x:auto;max-height:3.5rem;transition:max-height .3s,padding .3s}
.values a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.1rem .8rem;border-radius:99px;white-space:nowrap;flex:none}.values a:hover,nav a:hover{color:var(--pink)}
.b2{max-width:1500px;margin:0 auto;padding:0 clamp(1rem,3vw,3rem)}
.logo{display:block;text-align:center;font:900 clamp(3.2rem,15vw,13rem)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.02em;text-decoration:none;transition:font-size .3s}
nav{display:flex;justify-content:space-around;gap:.3rem;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:.6rem 0;margin-top:.8rem;overflow-x:auto;white-space:nowrap}
nav a{text-decoration:none;padding:.3rem 1.6rem;border-radius:99px}nav a.on{background:var(--pink);color:#fff}
.hd.s .values{max-height:0;padding:0}
.hd.s .b2{display:flex;align-items:stretch;padding:0;max-width:none}
.hd.s .logo{background:var(--pink);font-size:2.2rem;padding:.3rem 1.5rem;line-height:1.3}
.hd.s nav{flex:1;min-width:0;border:0;margin:0;padding:0 1rem;align-items:center}
.meter{text-align:center;margin:1rem auto;max-width:830px}
.meter-info{position:relative;display:inline-block;margin-left:.2rem;text-decoration:none;}
.meter-tooltip{position:absolute;z-index:10;left:50%;bottom:calc(100% + .65rem);width:min(260px,80vw);padding:.65rem .85rem;border-radius:10px;background:var(--ink);color:#fff;font-size:.95rem;font-weight:400;line-height:1.35;text-align:left;transform:translate(-50%,.25rem);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s}
.meter-info:hover .meter-tooltip,.meter-info:focus-visible .meter-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
.bar{background:#ddd;border-radius:99px;height:24px;overflow:hidden;text-align:left}
.bar i{display:block;height:100%;min-width:2.5rem;background:var(--pink);color:#fff;font-style:normal;font-size:.9rem;text-align:center;line-height:24px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:1.5rem 0}
.card{position:relative;height:clamp(260px,32vw,430px);border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;padding:1rem;color:#fff;font-weight:700;font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.2;text-decoration:none;background:linear-gradient(160deg,var(--c,#777),#222);transition:transform .2s}
.card:hover{transform:translateY(-4px)}.card:first-child{grid-column:span 2}
.card span{text-shadow:0 2px 8px #000}.card b{position:absolute;top:10px;right:10px;background:var(--pink);width:42px;height:42px;border-radius:50%;text-align:center;line-height:42px}
h1.big,h2.big{font:900 clamp(2rem,6vw,3.5rem) 'Playfair Display',serif;color:var(--pink);text-align:center;margin:2rem 0 1rem}
.box{background:#fff;border-radius:14px;padding:1.5rem;margin-bottom:1.5rem}
input,textarea,select{width:100%;font:inherit;padding:.9rem 1.4rem;border:1px solid var(--ink);border-radius:20px;background:transparent}
button,.btn{font:inherit;background:var(--pink);color:#fff;border:0;border-radius:99px;padding:.5rem 1.6rem;cursor:pointer;text-decoration:none;display:inline-block}
.ba{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;font:800 clamp(1.1rem,2vw,1.8rem)/1.25 Inter,Arial,sans-serif}
.ba div{background:#fff;padding:.6rem}.ba em{color:var(--pink);font-size:3rem;font-style:normal}
.tag{background:var(--pink);color:#fff;padding:.1rem .6rem;border-radius:6px;font-size:1rem;font-family:Overlock}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.stat b{font:900 3.6rem 'Playfair Display',serif;color:var(--pink);display:block}
.row{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:1rem;align-items:center;margin:.5rem 0}
.art{max-width:760px;margin:0 auto}.art h1{font:900 clamp(2rem,5vw,3.2rem)/1.1 'Playfair Display',serif}
.art .hero{height:340px;border-radius:14px;background:linear-gradient(160deg,var(--c),#222);margin:1rem 0}
.help{border-left:6px solid var(--pink);background:#fff;padding:1rem 1.5rem;border-radius:0 14px 14px 0;margin:1.5rem 0}
.sm{font-size:1rem;opacity:.75}dialog{border:0;border-radius:14px;max-width:420px;font:inherit}
footer{border-top:3px solid var(--ink);margin-top:3rem;padding:1.5rem 0 5rem;font-size:1.05rem}
.exit{position:fixed;right:1rem;bottom:1rem;background:#111;z-index:9}
@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.ba{grid-template-columns:1fr}.ba em{transform:rotate(90deg);justify-self:center}.hd.s .logo{font-size:1.4rem;padding:.3rem .8rem}.hd.s nav{justify-content:flex-start}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.card:first-child{grid-column:auto}.row{grid-template-columns:1fr}nav a{padding:.3rem .9rem}}
.row2{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;margin-bottom:1rem}
.exp{display:flex;gap:1rem;align-items:center;text-decoration:none}
.av{flex:none;width:56px;height:56px;border-radius:50%;background:var(--pink);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.story-card{margin-bottom:1rem}
.story-replies:empty{display:none}
.story-reply{margin-top:.75rem;padding:.75rem 1rem;border-left:4px solid var(--pink);background:var(--bg);border-radius:0 10px 10px 0}
.story-reply p{margin:.2rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.reply-form{margin-top:1rem}
.reply-form textarea{display:block;margin-top:.35rem}
.reply-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}
.reply-anon{display:flex;align-items:center;gap:.4rem}
.reply-anon input{width:auto}
.reply-name{display:flex;align-items:center;gap:.4rem}
.reply-name input{width:min(220px,45vw);padding:.35rem .7rem}
.reply-name input:disabled{opacity:.55}
table{width:100%;border-collapse:collapse}td{padding:.5rem;border-bottom:1px solid #ddd;vertical-align:top}
.values a{padding:.1rem .8rem;border-radius:99px}.values a:hover{background:var(--pink);color:#fff}.values a.on{color:var(--pink);font-weight:700;text-decoration:underline}
.vt{font:900 clamp(2rem,6vw,3.5rem) 'Playfair Display',serif;margin:0 0 .5rem}.nav2{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.intro{max-width:850px;margin:0 auto 2rem;text-align:center}
.value-list{display:grid;grid-template-columns:1fr;gap:1rem}
.value-section{border-top:8px solid var(--value-color);scroll-margin-top:100px}
.value-section h3{margin-bottom:.4rem}
.value-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.75rem}
.value-actions .box{margin:0;text-decoration:none}
.value-actions a:hover{outline:2px solid var(--value-color)}
.about-section{scroll-margin-top:100px;padding-top:1rem}
.about-follow{text-align:center;margin-top:1.5rem}
@media(max-width:560px){.values{justify-content:flex-start;gap:.35rem;padding-left:.4rem;padding-right:.4rem}.values a{font-size:1rem;padding:.1rem .4rem}.hd.s .logo{font-size:1.25rem;padding:.3rem .55rem}.hd.s nav{padding:0 .25rem}.hd.s nav a{padding:.3rem .6rem}}