:root{color-scheme:dark;--bg:#14121b;--card:#201c29;--line:#383040;--muted:#aaa1b5;--pink:#f3a6c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f0f6;font:16px/1.6 system-ui,sans-serif}a{color:var(--pink)}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;gap:28px;padding:26px 28px;border-bottom:1px solid var(--line)}header .button{margin-left:auto}.logo{font-size:38px;font-weight:900;letter-spacing:-3px;text-decoration:none;color:#fff}.logo span{color:var(--pink);font-size:23px;margin-left:8px}.quiet,.hint{color:var(--muted);font-size:13px}.button{display:inline-block;border:0;border-radius:10px;background:var(--pink);color:#281626;padding:13px 20px;text-decoration:none;font-weight:750;cursor:pointer}.small{font-size:13px}main{padding:0 28px}.intro{padding:65px 0 54px;max-width:710px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--pink)}h1{font-size:clamp(48px,7vw,80px);letter-spacing:-4px;line-height:1.07;margin:22px 0}h1 span{color:var(--pink)}.intro p{max-width:510px;color:var(--muted);font-size:17px}.pills{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#d5c9df;margin-top:27px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:35px;align-items:start}h2{font-size:23px;letter-spacing:-.6px;margin:0 0 18px}.section-title{display:flex;justify-content:space-between;align-items:baseline}nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}button,input,textarea{font:inherit}nav button,.tag{background:#292331;color:#c8bbd3;border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:12px;cursor:pointer}nav button.active{background:var(--pink);color:#281626;border-color:var(--pink)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:18px}.composer{padding:24px}.composer h2{margin-top:9px}label{display:block;font-size:12px;color:#d2c6da;margin-top:16px}input,textarea{display:block;width:100%;padding:11px 12px;margin-top:7px;border:1px solid #46394f;background:#17141e;color:#fff;border-radius:8px;font-size:14px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--pink);outline-offset:1px}.hint{font-size:11px;margin-top:7px}.text-button{border:0;background:none;color:var(--pink);padding:9px 0;font-size:12px;cursor:pointer}.photo-label{border:1px dashed #6d526e;border-radius:8px;padding:10px;text-align:center;cursor:pointer;color:var(--pink)}.photo-label input{border:0;padding:0;font-size:11px}.submit{width:100%;margin-top:20px}.note{padding:18px 24px;color:var(--muted);font-size:13px}.note>span{font-size:29px;color:var(--pink)}.note h3{color:#eee2ef;margin:6px 0}.post-head{display:flex;gap:12px;align-items:center}.avatar{background:#4a3046;color:var(--pink);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:bold}.post-head strong{font-size:14px}.post-head time{display:block;font-size:11px;color:var(--muted)}.markdown{overflow-wrap:anywhere;font-size:15px}.markdown p{white-space:pre-wrap}.markdown blockquote{border-left:3px solid var(--pink);margin-left:0;padding-left:15px;color:var(--muted)}.markdown code{background:#15111b;padding:2px 5px;border-radius:4px}.markdown pre{white-space:pre-wrap;background:#15111b;padding:12px;border-radius:8px}.post-tags{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photos img{width:100%;border-radius:9px;max-height:400px;object-fit:contain;background:#14121b}.photos img:only-child{grid-column:1/-1}details{border-top:1px solid var(--line);padding-top:14px;margin-top:18px}summary{cursor:pointer;color:var(--muted);font-size:13px}.comment{border-left:2px solid #533c58;padding-left:13px;margin:18px 0}.comment strong{font-size:13px}.comment-form .button{margin-top:12px;font-size:13px}.comment-form textarea{min-height:80px}.empty{padding:40px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}#photo-preview{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}#photo-preview img{width:60px;height:60px;object-fit:cover;border-radius:6px}#post-status{font-size:13px}footer{padding:50px 28px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}button:disabled{opacity:.5;cursor:wait}@media(max-width:800px){.layout{grid-template-columns:1fr}.layout aside{grid-row:1}.intro{padding:40px 0}header .quiet{display:none}header,main{padding-left:18px;padding-right:18px}.intro h1{letter-spacing:-2px}.card{padding:20px}footer{gap:20px}.composer{scroll-margin-top:15px}} 
.format-bar{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.format-bar button{background:#302638;color:#eddfef;border:1px solid #51415a;border-radius:6px;padding:5px 9px;font-size:12px;cursor:pointer}.format-bar button:hover,.format-bar button:focus-visible{border-color:var(--pink);color:var(--pink)}#preview{border:1px solid var(--line);border-radius:8px;padding:0 13px;min-height:170px}textarea[hidden]{display:none}#photo-preview .photo-item{position:relative;width:84px;height:84px}#photo-preview img{width:84px;height:84px}#photo-preview .photo-item button{position:absolute;right:-5px;top:-7px;border:1px solid #73516c;border-radius:50%;width:25px;height:25px;background:#322334;color:white;cursor:pointer;line-height:1}

.photo-label:focus-visible,.photo-label:focus-within{outline:2px solid var(--pink);outline-offset:3px}

#visitors-today{display:inline-block;margin-left:14px;font-size:11px}footer{flex-wrap:wrap}

#feed-more{min-height:45px;text-align:center;color:var(--muted);font-size:13px;padding:10px}

#compose-close{display:none}
@media(min-width:801px){.layout aside{position:sticky;top:16px}.composer{scroll-margin-top:16px}}
@media(max-width:800px){header{position:sticky;top:0;z-index:20;background:var(--bg);padding-top:12px;padding-bottom:12px;min-height:82px}.layout aside{display:contents}.layout aside .note{grid-column:1}.composer{display:none;position:fixed;z-index:19;top:90px;right:12px;left:12px;width:auto;max-width:440px;margin:0 0 0 auto;max-height:calc(100dvh - 102px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 60px #0009;padding-top:26px}.compose-open .composer{display:block}#compose-close{display:block;position:absolute;right:10px;top:5px;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer;padding:0 7px}#compose-toggle[aria-expanded="true"]{background:#d9b0ec}.intro{scroll-margin-top:90px}}

@media(max-width:800px){
 main{padding-left:4px;padding-right:4px}
 .intro{padding-left:14px;padding-right:14px}
 .feed{min-width:0}
 .feed .section-title,.feed>nav{padding-left:10px;padding-right:10px}
 #feed>.card{padding:14px 12px;margin-top:12px;margin-bottom:12px;border-radius:10px;min-width:0}
 #feed .photos{grid-template-columns:minmax(0,1fr);gap:4px;margin-left:-12px;margin-right:-12px}
 #feed .photos img{display:block;width:100%;height:auto;max-height:none;border-radius:0}
}

/* Continuous soft flame, without separate bulbs or sparks. */
#feed>.card{position:relative;isolation:isolate;margin-top:26px;margin-bottom:58px;border-bottom-color:#9c5033;box-shadow:0 8px 20px -12px #ff702b}
.hearth{position:absolute;left:5px;right:5px;bottom:-37px;height:42px;pointer-events:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.hearth::before{content:"";position:absolute;inset:8px 0 -9px;background:radial-gradient(ellipse at 50% 30%,#ff8b3277,#e94d2633 45%,transparent 75%);filter:blur(9px)}
.hearth-sun{position:absolute;top:8px;left:16px;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 38% 33%,#fff8cd 0,#ffe294 23%,#ffbc4c 48%,#fa7a24 75%,#ec4d1c 100%);box-shadow:0 0 8px 3px #ffc467b3,0 0 20px 9px #ff922b77,0 0 38px 17px #ff651c33;transform:translateX(-50%);animation-name:sun-wander;animation-duration:var(--sun-duration,28s);animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:var(--sun-direction,alternate);animation-delay:var(--sun-delay,0s)}
@keyframes sun-wander{from{left:16px}to{left:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){.hearth-sun{animation-duration:calc(var(--sun-duration,28s) * 2)}}

.dodeca-widget{--solid:#d9b25c;--solid-edge:#f3d68c;padding:12px 18px 20px;min-width:0}
.dodeca-stage{position:relative;width:100%;max-width:330px;aspect-ratio:1;margin:auto;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(ellipse,#d9b25c12,transparent 70%)}
.dodeca-stage.dragging{cursor:grabbing}
.dodeca-stage:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:12px}
.dodeca-stage svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px #d9b25c47)}
.dodeca-stage .face,.dodeca-stage .ghost{fill:var(--solid);stroke:var(--solid-edge);stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dodeca-stage .face{stroke-opacity:.9}
.dodeca-stage .rim{fill:var(--solid);fill-rule:evenodd}
.dodeca-stage .glint{fill:url(#glint)}
.dodeca-stage .globe-body{fill:url(#globeFill)}
.dodeca-stage .whip{fill:none;stroke:var(--solid-edge);stroke-width:1.1;stroke-linecap:round;vector-effect:non-scaling-stroke}
.dodeca-caption{text-align:center;color:var(--muted);font-size:11px;margin:12px 0 0}
.dodeca-caption a{color:var(--muted)}
@media(max-width:800px){.dodeca-widget{grid-column:1;width:100%;max-width:370px;margin:0 auto}}

.intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,390px);align-items:center;gap:44px}
.intro-copy{min-width:0}
.promo-logo{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(0 0 30px #ed72ad1a)}
@media(max-width:800px){.intro{grid-template-columns:minmax(0,1fr) minmax(110px,32%);gap:8px}.promo-logo{max-height:290px}.intro h1{font-size:clamp(34px,7vw,56px)}.intro p{font-size:14px}.intro .pills{gap:9px;font-size:11px}}
@media(max-width:390px){.intro{grid-template-columns:minmax(0,1fr) 100px}.intro h1{font-size:32px}}

.markdown strong{font-weight:800}.markdown ul,.markdown ol{padding-left:24px}.markdown pre{overflow-x:auto}.markdown h1,.markdown h2,.markdown h3{font-size:1.2em;line-height:1.4;letter-spacing:normal;margin:1em 0 .5em}

@media(min-width:801px){
 body{font-size:19.2px}
 .logo{font-size:45.6px}.logo span{font-size:27.6px}
 .quiet{font-size:15.6px}.small{font-size:15.6px}
 .eyebrow{font-size:13.2px}h1{font-size:clamp(57.6px,8.4vw,96px);overflow-wrap:anywhere}
 .intro p{font-size:20.4px}.pills{font-size:14.4px}h2{font-size:27.6px}
 nav button,.tag{font-size:14.4px}label{font-size:14.4px}input,textarea{font-size:16.8px}
 .hint{font-size:13.2px}.text-button{font-size:14.4px}.photo-label input{font-size:13.2px}
 .note{font-size:15.6px}.note>span{font-size:34.8px}
 .post-head strong{font-size:16.8px}.post-head time{font-size:13.2px}
 .markdown{font-size:18px}summary{font-size:15.6px}.comment strong{font-size:15.6px}
 .comment-form .button{font-size:15.6px}#post-status{font-size:15.6px}footer{font-size:14.4px}
 .format-bar button{font-size:14.4px}#visitors-today{font-size:13.2px}#feed-more{font-size:15.6px}
 header{flex-wrap:wrap}.section-title{flex-wrap:wrap;gap:8px}
 .intro{grid-template-columns:minmax(0,1fr) minmax(180px,28%)}
 .composer h2{overflow-wrap:anywhere}.layout aside{min-width:0}
 .avatar{flex-shrink:0}
}