@font-face{font-family:Dela;src:url('fonts/DelaGothicOne-Regular.ttf') format('truetype');font-display:swap;font-weight:400 900}
@font-face{font-family:Rounded;src:url('fonts/MPLUSRounded1c-Medium.ttf') format('truetype');font-display:swap;font-weight:400 900}
:root{--ink:#17172b;--paper:#fff1d3;--lime:#dcff40;--coral:#ff684e;--blue:#4655ed;--sans:Rounded,Meiryo,sans-serif;--display:Dela,Meiryo,sans-serif}
*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.75 var(--sans);overflow-x:clip}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:0}button,a{touch-action:manipulation}img{display:block;max-width:100%}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--blue);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--lime);padding:15px}.skip:focus{top:15px}
#sky-world{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}#sky-canvas{width:100%;height:100%;display:block}.sky-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 110% 20%,#ff896f 0 28%,transparent 28.1%),radial-gradient(ellipse at -20% 80%,#dcff40 0 30%,transparent 30.1%),#fff1d3}.has-webgl .sky-fallback{display:none}#app{position:relative;z-index:1}.shell{max-width:1600px;margin:auto;padding:0 5vw}.world-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:26px 0 24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.mark{background:var(--ink);color:var(--lime);font:40px/.9 var(--display);padding:8px 12px 15px;transform:rotate(-9deg);border-radius:50%}.brand-name{font:19px/1.3 var(--display);max-width:160px}.world-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.world-nav a{display:flex;align-items:center;gap:7px;padding:10px 16px;border:2px solid var(--ink);border-radius:99px;background:var(--paper);font-size:15px;font-weight:800;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,background .2s}.world-nav a:hover{background:var(--lime);transform:translateY(-4px) rotate(-3deg)}.world-nav a.active{background:var(--ink);color:var(--lime)}.world-note{display:none}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:2px solid var(--ink);gap:20px}.topbar-title{font-size:14px;font-weight:900}.edition{font-size:12px}.search{position:relative;display:block;width:320px}.search svg{position:absolute;left:12px;top:12px;width:20px;height:20px}.search input{width:100%;height:46px;border:2px solid var(--ink);border-radius:0;background:var(--paper);padding:6px 12px 6px 42px;font-size:15px}.search input::placeholder{color:#454252}.mobile-nav{display:none}
.intro{position:relative;padding:44px 0 0;isolation:isolate}.hero-stage{position:relative;min-height:660px}.hero-wordmark{position:absolute;left:-4vw;top:165px;white-space:nowrap;font:clamp(130px,22vw,330px)/.9 var(--display);letter-spacing:-.06em;color:var(--coral);z-index:-1;transform:rotate(-9deg);pointer-events:none}.pop-kicker{display:inline-block;font:14px/1.5 var(--display);background:var(--ink);color:var(--lime);padding:9px 17px;transform:rotate(-4deg)}.hero-title{position:relative;margin:20px 0 24px;width:65%;font:clamp(58px,6.8vw,106px)/1.25 var(--display);letter-spacing:-.055em;z-index:3;transform:rotate(-5deg);text-shadow:5px 5px 0 var(--paper);pointer-events:none}.hero-title .hero-punch{display:inline-block;color:var(--blue);background:var(--lime);padding:0 17px 10px;margin-left:4vw;transform:rotate(6deg);box-shadow:8px 8px 0 var(--ink)}.hero-sub{font-size:20px;line-height:1.8;max-width:380px;font-weight:700;margin:35px 0 0 15px;position:relative;z-index:3}.hero-sub strong{font-family:var(--display);font-size:23px}.hero-girl{position:absolute;width:43%;right:-1%;top:-12px;z-index:2;transform:rotate(8deg);filter:drop-shadow(10px 14px 0 var(--ink));transform-origin:55% 65%}.hero-girl img{width:100%;height:auto}.hero-burst{position:absolute;right:2%;top:420px;background:var(--blue);color:var(--paper);font:27px/1.3 var(--display);padding:37px 35px;clip-path:polygon(50% 0,60% 16%,79% 5%,80% 27%,100% 29%,88% 47%,100% 64%,78% 70%,77% 94%,57% 84%,43% 100%,32% 80%,10% 90%,17% 65%,0 55%,17% 39%,8% 18%,32% 22%);transform:rotate(14deg);z-index:4}.hero-friend{position:absolute;right:30%;top:410px;width:180px;transform:rotate(-17deg);z-index:4;filter:drop-shadow(5px 8px 0 var(--paper))}.hero-friend img{width:100%}.hero-note{position:absolute;right:23%;top:30px;background:var(--paper);border:3px solid var(--ink);padding:8px 20px;font:18px/1.5 var(--display);border-radius:50%;transform:rotate(12deg);z-index:5}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0 22px}.hero-bottom p{margin:0;font-size:15px}.hero-bottom button{background:var(--ink);color:var(--paper);border-radius:99px;font-size:14px;padding:11px 18px;min-height:44px}.story-strip{display:flex;align-items:center;justify-content:center;gap:4vw;position:relative;padding:32px 0 42px;margin:0 -5vw;isolation:isolate}.story-strip:before{content:'';position:absolute;inset:12px -10%;background:var(--blue);transform:rotate(-3deg);z-index:-1}.story-person{display:grid;justify-items:center;gap:8px;transform:rotate(-8deg);transition:transform .2s}.story-person:nth-child(even){transform:rotate(9deg) translateY(16px)}.story-person:hover{transform:rotate(0) translateY(-10px)}.story-frame .avatar{width:100px;height:100px;border-radius:50%;border:4px solid var(--paper);box-shadow:5px 5px 0 var(--ink);object-fit:cover}.story-person strong{font:17px/1.4 var(--display);background:var(--lime);padding:2px 12px;white-space:nowrap}.cast-door{display:block;font:17px/1.5 var(--display);text-align:right;padding:25px 0 5px}.cast-door span{font-family:var(--sans);margin-left:15px;font-size:14px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:35px 0 45px}.pill{border:2px solid var(--ink);padding:9px 18px;border-radius:50%;background:var(--paper);font-size:16px;font-weight:800;min-height:46px}.pill.active{background:var(--coral);box-shadow:4px 4px 0 var(--ink);transform:rotate(-5deg)}.sort{margin-left:auto;max-width:100%;background:var(--paper);border:2px solid var(--ink);font-size:15px;padding:10px}.filter-summary{padding:15px;background:var(--lime);margin-bottom:20px}.filter-summary button,.clear-filter{font-weight:900;text-decoration:underline;margin-left:15px}
.feed-grid{counter-reset:post}.post{position:relative;display:grid;grid-template-columns:1.2fr .8fr;column-gap:6%;margin:70px 0 150px;padding-top:32px;counter-increment:post;--accent:var(--coral);isolation:isolate}.post:before{content:'0' counter(post);position:absolute;top:-55px;right:-2vw;font:140px/1 var(--display);color:var(--accent);-webkit-text-stroke:2px var(--ink);z-index:-1;transform:rotate(9deg)}.post[data-author=shiori]{--accent:#9fafff}.post[data-author=suzu]{--accent:#ffd340}.post[data-author=mio]{--accent:#bda6fa}.post-head{grid-column:2;display:flex;align-items:center;gap:13px;align-self:end;padding:20px 0;flex-wrap:wrap}.avatar{object-fit:cover}.post-head .avatar{width:65px;height:65px;border-radius:50%;border:3px solid var(--ink)}.author{font:22px/1.4 var(--display)}.handle{display:block;font-size:14px}.author-role{font-size:14px;margin-top:5px}.post-head>.post-date{width:100%;font-size:14px;font-weight:700}.post-copy{grid-column:2;padding:5px 0 25px}.post-title{display:block;font:clamp(28px,3vw,43px)/1.45 var(--display);letter-spacing:-.03em;margin-bottom:20px}.post-copy p{font-size:20px;line-height:1.9;white-space:pre-line;margin:0}.place-label{position:absolute;top:-30px;left:0;font:15px/1.5 var(--display);padding:7px 15px;background:var(--ink);color:var(--paper);transform:rotate(-4deg)}.place-label span{margin-left:20px;color:var(--lime)}.art-button{grid-column:1;grid-row:1/4;align-self:center;padding:0;position:relative;transform:rotate(-5deg);isolation:isolate;transition:transform .35s}.art-button img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:46% 46% 5% 5%;border:0}.art-button:before{content:'';position:absolute;inset:-16px 13px 16px -13px;background:var(--accent);z-index:-1;border-radius:46% 46% 0 0;transform:rotate(-6deg)}.art-button:hover{transform:rotate(0deg) scale(1.025)}.expand-label{display:flex;align-items:center;gap:8px;position:absolute;bottom:17px;right:15px;padding:10px 16px;color:var(--paper);background:var(--ink);font-size:14px;border-radius:99px}.scene-aside{position:absolute;left:-20px;top:430px;z-index:2;transform:rotate(-12deg);font:22px/1.4 var(--display);padding:12px 20px;background:var(--lime);box-shadow:5px 5px 0 var(--ink)}.post-meta{grid-column:2;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;padding:0 0 24px}.tags{display:flex;gap:8px 14px;flex-wrap:wrap}.tag{font-size:15px;text-decoration:underline;text-underline-offset:5px;font-weight:700}.conversation-count{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:15px;font-weight:700}.comment-preview{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px 5% 0;align-items:start}.comment{display:flex;align-items:flex-start;gap:13px;min-width:0}.comment .avatar{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink)}.comment-body{flex:1;min-width:0}.comment-name{font-weight:900;font-size:16px}.comment .post-date{font-size:13px;margin-left:12px}.comment-text{font-size:18px;line-height:1.8;margin:10px 0 18px;background:var(--paper);border:2px solid var(--ink);border-radius:0 28px 28px 28px;padding:13px 19px;box-shadow:5px 5px 0 var(--ink);width:fit-content;max-width:100%;overflow-wrap:anywhere}.comment-preview>.comment:nth-child(2){margin-top:80px}.comment-preview>.comment:nth-child(2)>.comment-body>.comment-text{background:var(--lime)}.replies{margin:22px 0 0 0;padding-left:12px;border-left:3px solid var(--ink)}.replies .avatar{width:34px;height:34px}.replies .comment-text{background:#ffd2c5;font-size:16px;box-shadow:3px 3px 0 var(--ink)}.comment-sticker{width:170px;height:auto;filter:drop-shadow(4px 6px 0 var(--paper))}.sticker-reaction{display:grid;justify-items:center;width:170px;transform:rotate(9deg);margin:15px 0}.sticker-label{font:15px/1.4 var(--display);background:var(--lime);padding:5px 12px}.thread-link{grid-column:1/3;justify-self:center;font:18px/1.6 var(--display);display:flex;gap:18px;align-items:center;padding:14px 25px;background:var(--ink);color:var(--paper);border-radius:99px;transform:rotate(-3deg);margin-top:45px}.post:nth-child(even){grid-template-columns:.8fr 1.2fr}.post:nth-child(even) .post-head,.post:nth-child(even) .post-copy,.post:nth-child(even) .post-meta{grid-column:1}.post:nth-child(even) .art-button{grid-column:2;transform:rotate(5deg)}.post:nth-child(even) .art-button img{border-radius:5% 5% 46% 46%}.post:nth-child(even) .art-button:before{border-radius:0 0 46% 46%;transform:rotate(7deg)}.post:nth-child(even) .scene-aside{left:auto;right:-20px;transform:rotate(10deg)}.post:nth-child(even):before{right:auto;left:-3vw}
.page-heading{padding:55px 0 45px}.eyebrow{font-size:14px;font-weight:900;letter-spacing:.1em}.page-heading h1{font:clamp(32px,4.5vw,64px)/1.4 var(--display);margin:15px 0 20px;max-width:1000px}.page-heading p{font-size:20px}.back{display:inline-flex;gap:10px;align-items:center;margin:32px 0 15px;font-weight:900;background:var(--lime);padding:9px 15px}.view-caption{font-size:14px}.full-post{margin-top:75px}.full-post:before{content:'TALK!';font-size:90px}.art-note{grid-column:2;font-size:18px;margin-top:8px;padding:16px 0;border-top:2px solid var(--ink)}.art-note span{font:14px var(--display);display:block;margin-bottom:10px}.thread-intro{grid-column:1/3;font:32px/1.5 var(--display);margin-top:80px;padding:20px 0;border-top:4px solid var(--ink)}.thread-intro span{display:block;font:15px/1.7 var(--sans);margin-top:10px}.full-comments{grid-column:1/3;max-width:850px;width:100%;margin:30px auto}.full-comments>.comment{margin-bottom:35px}.read-only-foot{grid-column:1/3;text-align:center;font-size:15px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:80px 5%;padding:30px 0 80px}.gallery-card:nth-child(even){margin-top:100px}.gallery-card>img{width:100%;border-radius:45% 45% 0 0;transform:rotate(-3deg)}.gallery-copy h2{font:28px/1.5 var(--display)}.gallery-copy p{font-size:16px}.residents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 6%;padding:40px 0 80px}.resident-card{min-width:0}.resident-card .avatar{width:100%;aspect-ratio:1;max-width:240px;height:auto;border-radius:50%;border:4px solid var(--ink);transform:rotate(-8deg)}.resident-card:nth-child(even){padding-top:65px}.resident-card h2{font:25px/1.5 var(--display)}.resident-card p{font-size:17px}.role{font-size:16px}.profile-link{display:inline-block;background:var(--ink);color:var(--lime);font-size:16px;padding:9px 17px;border-radius:99px}.profile{max-width:1000px;margin:45px auto 65px}.profile-top{display:flex;align-items:center;gap:35px}.profile-top .avatar{width:200px;height:200px;border-radius:50%;border:4px solid var(--ink)}.profile h1{font:46px/1.5 var(--display)}.profile .bio,.profile .relations{font-size:20px}.profile blockquote{font:30px/1.5 var(--display);margin:40px 0;background:var(--lime);padding:20px;transform:rotate(-2deg)}.section-label{font:26px/1.4 var(--display);margin:40px 0;border-bottom:4px solid var(--ink);padding:15px 0}.archive-row{display:flex;gap:30px;align-items:center;padding:25px 0;border-bottom:2px solid var(--ink)}.archive-row img{width:170px;height:130px;object-fit:cover;transform:rotate(-4deg)}.archive-row h2{font:26px/1.5 var(--display)}.archive-row p{font-size:16px}.archive-date{font:30px/1.5 var(--display);margin:45px 0 15px}.about-card{max-width:900px;margin:auto;padding:0 0 60px}.about-card h2{font:30px/1.5 var(--display)}.about-card p{font-size:19px;line-height:2}.about-card hr{border:0;border-top:3px solid var(--ink);margin:45px 0}.empty{text-align:center;padding:90px 20px;font-size:20px}.clear-filter{display:block}.footer{position:relative;text-align:center;font-size:15px;line-height:2;padding:70px 20px 100px;isolation:isolate}.footer:before{content:'';position:absolute;inset:0 -10vw;background:var(--lime);z-index:-1;transform:rotate(-3deg)}.end-line{margin:auto auto 25px;width:60px;height:12px;background:var(--ink)}dialog{border:3px solid var(--ink);padding:14px;background:var(--paper);max-width:95vw;max-height:95vh}dialog::backdrop{background:#17172be8}dialog img{max-height:80vh;max-width:90vw;width:auto;margin:auto;object-fit:contain}.close{position:absolute;top:10px;right:10px;border-radius:50%;width:48px;height:48px;background:var(--lime);font-size:30px;border:2px solid var(--ink)}.lightbox-caption{padding:12px;font-size:15px}
@media(min-width:1600px){.hero-stage{min-height:750px}.hero-girl{width:46%}.hero-burst{top:470px}.hero-friend{top:470px}}
@media(max-width:1100px){.world-header{align-items:flex-start}.world-nav{gap:8px}.world-nav a{font-size:13px;padding:8px 12px}.brand-name{font-size:16px;max-width:130px}.hero-stage{min-height:550px}.hero-title{font-size:7vw}.hero-girl{top:35px;width:45%}.hero-burst{top:350px;font-size:22px;padding:30px}.hero-friend{top:350px;width:130px}.hero-sub{font-size:17px}.hero-sub strong{font-size:20px}.story-frame .avatar{width:80px;height:80px}.post-copy p{font-size:18px}.scene-aside{top:350px;font-size:19px}.comment-preview{gap:25px;padding-left:0;padding-right:0}}
@media(max-width:760px){body{font-size:16px}.shell{padding:0 20px}.world-header{padding:18px 0;align-items:center}.brand-name{font-size:17px;max-width:none}.mark{font-size:32px;padding:7px 10px 12px}.world-nav{display:none}.topbar{gap:12px;padding:12px 0}.topbar-title{font-size:12px;max-width:88px}.edition{display:none}.search{width:230px;max-width:70%}.search input{font-size:14px;height:44px}.mobile-nav{display:flex;position:fixed;left:8px;right:8px;bottom:10px;z-index:20;justify-content:space-around;gap:3px;padding:6px;background:var(--ink);border-radius:22px;box-shadow:0 3px 20px #17172b55}.mobile-nav a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:800;min-height:54px;color:var(--paper);border-radius:16px;white-space:nowrap}.mobile-nav a.active{color:var(--ink);background:var(--lime)}.mobile-nav svg{width:22px;height:22px}.intro{padding-top:25px}.hero-stage{min-height:590px}.pop-kicker{font-size:10px;padding:7px 10px}.hero-title{font-size:clamp(38px,10.5vw,65px);width:100%;line-height:1.28;margin-top:21px;transform:rotate(-7deg);text-shadow:3px 3px 0 var(--paper)}.hero-title .hero-punch{padding:0 9px 6px;margin-left:12px;box-shadow:5px 5px 0 var(--ink)}.hero-girl{top:175px;right:-35px;width:84%;max-width:410px;filter:drop-shadow(7px 9px 0 var(--ink));transform:rotate(10deg)}.hero-wordmark{top:300px;left:-40px;font-size:135px}.hero-sub{position:absolute;left:0;top:450px;margin:0;font-size:15px;max-width:190px;line-height:1.8;z-index:5}.hero-sub strong{font-size:17px}.hero-burst{right:auto;left:-18px;top:245px;font-size:20px;padding:29px 25px;z-index:4;transform:rotate(-15deg)}.hero-friend{right:-8px;top:440px;width:120px;z-index:6}.hero-note{font-size:13px;right:0;top:190px;padding:6px 12px}.hero-bottom{padding:0 0 24px;gap:8px}.hero-bottom p{font-size:12px;max-width:150px}.hero-bottom button{font-size:12px;padding:10px 14px}.story-strip{margin:0 -20px;padding:24px 14px 38px;gap:9px;justify-content:space-between}.story-frame .avatar{width:clamp(38px,11.7vw,65px);height:clamp(38px,11.7vw,65px);border-width:2px;box-shadow:3px 3px 0 var(--ink)}.story-person{gap:10px}.story-person strong{font-size:12px;padding:3px 6px}.story-person:nth-child(even){transform:rotate(9deg) translateY(12px)}.cast-door{font-size:15px;padding-top:20px}.cast-door span{font-size:12px;margin-left:8px}.filter-row{gap:9px;padding:25px 0 10px}.pill{font-size:14px;padding:7px 13px;min-height:42px}.sort{font-size:14px;padding:8px;margin-left:0}.post,.post:nth-child(even){display:flex;flex-direction:column;gap:0;margin:65px 0 90px;padding-top:22px}.post:before{font-size:86px;top:-37px;right:-5px}.post:nth-child(even):before{left:auto;right:0}.place-label{font-size:12px;top:-25px;padding:6px 10px;max-width:85%}.place-label span{margin-left:12px}.post-head{order:1;align-self:stretch;padding:15px 0 20px;gap:11px}.post-head .avatar{width:54px;height:54px}.author{font-size:20px}.handle{display:inline;font-size:12px;margin-left:7px}.author-role{font-size:12px;max-width:235px}.post-head>.post-date{width:auto;font-size:12px;margin-left:65px;margin-top:-14px}.post-copy{order:2;padding-bottom:28px}.post-title{font-size:29px;line-height:1.5;margin-bottom:14px}.post-copy p{font-size:17px;line-height:1.9}.art-button,.post:nth-child(even) .art-button{order:3;width:calc(100% + 12px);align-self:center;transform:rotate(-3deg);margin:8px 0 15px}.art-button img{aspect-ratio:1.08;border-radius:42% 42% 0 0}.post:nth-child(even) .art-button{transform:rotate(3deg)}.art-button:before{inset:-10px 8px 10px -8px}.scene-aside,.post:nth-child(even) .scene-aside{order:4;position:relative;left:auto;right:auto;top:auto;align-self:flex-start;margin:-37px 0 12px 0;font-size:17px;transform:rotate(-8deg);padding:8px 14px}.expand-label{font-size:12px;bottom:14px;right:8px;padding:8px 11px}.expand-label svg{width:17px;height:17px}.post-meta{order:5;padding:15px 0 0;gap:18px}.tag,.conversation-count{font-size:14px}.comment-preview{order:6;display:flex;flex-direction:column;padding:35px 0 0;gap:30px}.comment-preview>.comment:nth-child(2){margin-top:0;margin-left:0}.comment{gap:10px;width:100%}.comment .avatar{width:38px;height:38px}.comment-name{font-size:14px}.comment .post-date{font-size:12px;margin-left:8px}.comment-text{font-size:16px;line-height:1.85;padding:11px 14px;border-radius:0 21px 21px 21px;box-shadow:3px 3px 0 var(--ink)}.replies{padding-left:8px}.replies .avatar{width:28px;height:28px}.replies .comment-text{font-size:15px;padding:10px 12px}.comment-sticker,.sticker-reaction{width:135px}.sticker-label{font-size:13px}.thread-link{order:7;align-self:center;font-size:15px;gap:10px;padding:12px 20px;margin-top:28px}.footer{padding:45px 0 130px;font-size:12px}.page-heading{padding:35px 0 20px}.page-heading h1{font-size:32px}.page-heading p{font-size:17px}.eyebrow{font-size:12px}.full-post:before{font-size:55px}.art-note{order:6;font-size:17px;margin:20px 0 0}.thread-intro{order:7;font-size:25px;margin-top:35px}.thread-intro span{font-size:13px}.full-comments{order:8;margin-top:20px}.read-only-foot{order:9;font-size:13px}.gallery{gap:40px;grid-template-columns:1fr;padding-top:30px}.gallery-card:nth-child(even){margin-top:0}.gallery-copy h2{font-size:24px}.gallery-copy p{font-size:15px}.residents-grid{grid-template-columns:1fr 1fr;gap:45px 22px;padding-top:25px}.resident-card:nth-child(even){padding-top:35px}.resident-card h2{font-size:19px}.resident-card .role{font-size:13px}.resident-card p{font-size:15px}.profile-link{font-size:13px;padding:8px 12px}.profile-top{gap:18px;align-items:flex-start}.profile-top .avatar{width:95px;height:95px}.profile h1{font-size:25px;margin:7px 0}.profile .bio,.profile .relations{font-size:17px}.profile blockquote{font-size:23px;padding:15px}.profile .role{font-size:13px}.section-label{font-size:23px}.archive-row{gap:18px}.archive-row img{width:100px;height:100px}.archive-row h2{font-size:19px;margin:0 0 10px}.archive-row p{font-size:13px;margin:0}.archive-date{font-size:24px}.about-card h2{font-size:24px}.about-card p{font-size:17px}.back{font-size:15px}.view-caption{font-size:12px}.lightbox-caption{font-size:13px}}
@media(max-width:360px){.shell{padding:0 16px}.brand-name{font-size:15px}.hero-stage{min-height:545px}.hero-title{font-size:36px}.hero-girl{top:170px;width:88%;right:-25px}.hero-burst{top:240px;font-size:17px;padding:26px 23px}.hero-friend{top:402px;width:105px}.hero-sub{top:412px;font-size:14px}.hero-sub strong{font-size:15px}.hero-note{top:187px;font-size:11px}.hero-bottom p{font-size:11px}.hero-bottom button{font-size:11px}.story-person strong{font-size:10px}.mobile-nav a{font-size:10px}.post-title{font-size:27px}.post-copy p{font-size:16px}.author{font-size:18px}.handle{font-size:11px}.residents-grid{gap:35px 16px}.resident-card h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-girl{transform:rotate(8deg)!important}.hero-bottom button{display:none}}
@media print{#sky-world,.mobile-nav,.hero-bottom{display:none}body{background:#fff1d3}.post{break-inside:avoid}}

/* Final composition: the brand is a single mark; oversized print stays behind copy. */
.brand-name{max-width:none;white-space:nowrap;font-size:17px}.hero-sub strong{font-size:21px}.hero-sub{max-width:460px}.hero-wordmark{opacity:.78}.hero-sub{text-shadow:1px 1px 0 #fff1d3}
@media(max-width:1100px) and (min-width:761px){.brand-name{max-width:135px;white-space:normal;font-size:15px}.world-nav a{font-size:13px}}
@media(max-width:760px){.brand-name{font-size:16px}.hero-sub{max-width:230px}.hero-sub strong{font-size:16px}.hero-bottom p{max-width:205px}.hero-title{font-size:clamp(38px,10.5vw,65px)}}
@media(max-width:360px){.brand-name{font-size:14px}.hero-sub{max-width:195px}.hero-sub strong{font-size:14px}.hero-bottom p{max-width:165px}.hero-title{font-size:36px}}

@media(max-width:760px){.mobile-nav a{font-size:12px}}
@media(max-width:360px){.mobile-nav a{font-size:11px}}

.brand-name{font-size:20px}.world-nav a{font-size:16px}.hero-sub{text-shadow:none}
@media(max-width:1200px) and (min-width:761px){.brand-name{font-size:17px;max-width:none;white-space:nowrap}.world-header{flex-wrap:wrap}.world-nav{justify-content:flex-start}.world-nav a{font-size:14px}}
@media(max-width:760px){.brand-name{font-size:16px}}
@media(max-width:360px){.brand-name{font-size:14px}}

/* PUNK INDEX: flat ink, cut typography, compact stories. No extruded shadows. */
:root{--ink:#352477;--paper:#f0efbd;--lime:#dfff00;--coral:#eb2571;--blue:#4933ce}
#app *,#app *:before,#app *:after{box-shadow:none!important;text-shadow:none!important}.hero-girl,.hero-friend,.comment-sticker,.sticker-reaction{filter:none!important}
body{background:#f0efbd;color:var(--ink)}.shell{max-width:1680px;padding:0 4vw}.world-header{padding:19px 0;gap:24px;align-items:center}.brand{gap:9px;transform:rotate(-3deg)}.mark{border-radius:0;background:var(--coral);color:var(--lime);font-size:35px;padding:0 9px 9px;clip-path:polygon(8% 0,100% 5%,89% 92%,0 100%);transform:rotate(4deg)}.brand-name{font-size:19px;color:var(--blue);letter-spacing:-.06em}.world-nav{gap:13px}.world-nav a{border:0;border-radius:0;background:transparent;color:var(--blue);font-family:var(--display);font-size:15px;padding:9px 14px;position:relative;transform:rotate(-3deg);isolation:isolate;min-height:44px}.world-nav a svg{display:none}.world-nav a:before{content:'';position:absolute;inset:3px 0;z-index:-1;background:#f0efbd;clip-path:polygon(4% 0,96% 9%,100% 80%,93% 100%,0 88%)}.world-nav a:nth-child(even){transform:translateY(7px) rotate(4deg)}.world-nav a:after{content:'';position:absolute;left:10px;right:3px;bottom:0;border-bottom:2px solid var(--blue);transform:rotate(-4deg)}.world-nav a.active{color:#fff2d9;background:transparent}.world-nav a.active:before{background:var(--coral)}.world-nav a.active:after{border-color:var(--coral)}.world-nav a:hover{background:transparent;transform:rotate(0) translateY(-3px);color:var(--coral)}.world-nav a.active:hover{color:var(--lime)}.topbar{border-top:1px solid var(--blue);padding:8px 0}.topbar-title{font-size:12px}.search{width:285px}.search input{background:#f5f1cf;border:0;border-bottom:2px solid var(--blue);height:42px;font-size:14px}.search svg{top:10px}.edition{font-size:11px}
.index-masthead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0 4px;isolation:isolate}.index-masthead h1{margin:0;transform:rotate(-3deg);font:clamp(38px,5.2vw,78px)/1.1 var(--display);letter-spacing:-.06em;color:var(--coral);white-space:nowrap}.index-masthead h1 span{color:transparent;-webkit-text-stroke:2px var(--blue);display:inline-block;transform:translateY(7px) rotate(5deg);margin-left:10px}.index-masthead p{font-size:14px;line-height:1.8;margin:0;max-width:300px}.index-masthead p b{display:block;font-family:var(--display);font-size:18px;color:var(--blue)}.index-masthead:before{content:'2500';font:130px/1 var(--display);position:absolute;right:15%;top:-5px;color:#ed267126;transform:rotate(8deg);z-index:-1}.cast-line{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:10px 0}.story-strip{margin:0;padding:0;gap:16px;justify-content:flex-start}.story-strip:before{display:none}.story-person,.story-person:nth-child(even){display:flex;align-items:center;gap:6px;transform:rotate(-4deg)}.story-person:nth-child(even){transform:rotate(4deg) translateY(4px)}.story-frame .avatar{width:42px;height:42px;border:0;border-radius:35% 55% 28% 60%;outline:2px solid var(--coral);outline-offset:2px}.story-person strong{font:12px/1.3 var(--sans);background:none;padding:0;color:var(--blue)}.index-tools{display:flex;gap:12px;align-items:center}.index-tools a{font-size:14px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.index-tools button{font-size:12px;min-height:44px;padding:8px 10px;border-left:2px solid var(--coral);white-space:nowrap}.filter-row{padding:17px 0 27px;gap:15px;border-bottom:0}.pill{font-size:14px;border:0;border-radius:0;min-height:38px;padding:6px 12px;transform:rotate(0);background:transparent;position:relative;isolation:isolate}.pill:before{content:'';position:absolute;inset:2px 0;background:#f5f1cf;z-index:-1;clip-path:polygon(0 10%,98% 0,94% 100%,4% 90%)}.pill.active{background:none;color:var(--blue);transform:rotate(-5deg)}.pill.active:before{background:var(--lime)}.sort{font-size:14px;background:transparent;border:0;border-bottom:1px solid var(--blue);padding:6px;min-height:38px}
.feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3%;padding:12px 0 55px;align-items:start;counter-reset:post}.post.preview-post{display:block;min-width:0;margin:0;padding:0;transform:rotate(-2deg);--accent:var(--coral)}.post.preview-post:nth-child(even){transform:rotate(2deg);margin-top:31px}.post.preview-post:nth-child(3){transform:rotate(-1deg);margin-top:7px}.post.preview-post:before{display:none}.preview-media{position:relative}.thumb-link{display:block;position:relative}.thumb-link img{width:100%;height:auto;aspect-ratio:1.05;object-fit:cover;clip-path:polygon(0 4%,91% 0,100% 7%,97% 95%,6% 100%,0 90%)}.preview-post:nth-child(even) .thumb-link img{clip-path:polygon(6% 0,100% 5%,96% 92%,86% 100%,0 94%,2% 10%)}.thumb-link:after{content:'';position:absolute;inset:7px -4px -3px 7px;border:2px solid var(--accent);clip-path:polygon(0 70%,100% 72%,100% 100%,0 100%);pointer-events:none}.thumb-zoom{position:absolute;right:10px;top:10px;display:grid;place-items:center;min-width:40px;min-height:40px;color:var(--blue);background:var(--lime);clip-path:polygon(5% 0,100% 5%,95% 100%,0 90%)}.thumb-zoom svg{width:19px;height:19px}.preview-index{position:absolute;bottom:-8px;left:10px;font:38px/1 var(--display);color:var(--lime);-webkit-text-stroke:1px var(--blue);transform:rotate(10deg);pointer-events:none}.preview-post .post-head{display:flex;align-items:center;gap:7px;padding:17px 0 8px;flex-wrap:nowrap}.preview-post .post-head .avatar{width:30px;height:30px;border:0;border-radius:50%}.preview-post .author{font:14px/1.4 var(--sans);font-weight:800;color:var(--blue)}.preview-post .post-date{font-size:11px;margin-left:auto;white-space:nowrap;width:auto}.preview-post .post-copy{padding:0}.preview-post .post-title{font:23px/1.45 var(--display);color:var(--coral);margin:0 0 8px;letter-spacing:-.055em;overflow-wrap:anywhere}.preview-post:nth-child(even) .post-title{color:var(--blue)}.preview-post .post-copy p{font-size:16px;line-height:1.65;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0}.preview-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:15px;padding-top:10px;border-top:1px solid var(--blue);font-size:14px}.preview-bottom a{font-weight:800;text-decoration:underline;text-underline-offset:4px}.preview-bottom span{font-size:12px}.index-afterword{display:flex;gap:22px;align-items:center;justify-content:flex-end;margin:-5px 0 15px}.index-afterword .comment-sticker{width:85px;height:auto;transform:rotate(11deg)}.index-afterword p{font:18px/1.5 var(--display);color:var(--blue);transform:rotate(-4deg);margin:0}.index-afterword p span{display:block;font:12px/1.5 var(--sans);margin-top:6px}.footer{padding:32px 0 50px;font-size:12px;line-height:1.8}.footer:before{inset:0 -10vw;background:#dfeb8b;transform:rotate(1deg);clip-path:polygon(0 9%,22% 5%,23% 0,49% 7%,78% 2%,100% 8%,100% 100%,0 100%)}.end-line{display:none}
/* Detail keeps the conversation readable, using flat ink instead of extrusion. */
.post-title,.author,.page-heading h1,.profile h1,.about-card h2,.section-label{color:var(--blue)}.full-post .post-title{color:var(--coral)}.art-button:before{display:none}.art-button img,.post:nth-child(even) .art-button img{border-radius:0;clip-path:polygon(3% 0,100% 4%,96% 100%,0 96%)}.scene-aside,.place-label,.expand-label,.thread-link,.profile-link,.back{border-radius:0;clip-path:polygon(2% 0,100% 6%,96% 100%,0 93%)}.place-label{background:var(--blue)}.expand-label,.thread-link,.profile-link{background:var(--blue);color:#fff2d9}.post:before{-webkit-text-stroke:1px var(--blue);color:transparent}.comment-text,.replies .comment-text{border:1px solid var(--blue);border-left:4px solid var(--coral);border-radius:0 14px 5px 0}.comment .avatar,.post-head .avatar,.resident-card .avatar,.profile-top .avatar{border-color:var(--coral)}.sticker-label{background:var(--lime);color:var(--blue)}.replies{border-left:1px dashed var(--blue)}.gallery-card>img{border-radius:0;clip-path:polygon(0 5%,100% 0,96% 100%,3% 97%)}.gallery-copy h2,.resident-card h2,.archive-row h2{color:var(--coral)}.close{border-radius:0;border:0;background:var(--lime);color:var(--blue)}dialog{border:2px solid var(--coral)}.main[data-page=resident] .preview-post{max-width:370px;margin:40px auto}
@media(max-width:1200px) and (min-width:761px){.world-header{flex-wrap:nowrap;gap:18px}.brand-name{font-size:15px}.world-nav{gap:5px}.world-nav a{font-size:12px;padding:8px 9px}.index-masthead h1{font-size:52px}.index-masthead p{font-size:12px;max-width:240px}.index-masthead p b{font-size:16px}.story-person strong{display:none}.feed-grid{gap:2.5%}.preview-post .post-title{font-size:19px}.preview-post .post-copy p{font-size:15px}.preview-post .post-head{flex-wrap:wrap}.preview-post .post-date{margin-left:37px;margin-top:-7px}.index-tools{gap:6px}}
@media(max-width:900px) and (min-width:761px){.world-header{flex-wrap:wrap}.brand-name{font-size:19px}.world-nav a{font-size:14px}.index-masthead h1{font-size:43px}.index-masthead p{max-width:210px}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 6%}.preview-post .post-head{flex-wrap:nowrap}.preview-post .post-date{margin:0 0 0 auto}.preview-post .post-title{font-size:24px}.preview-post .post-copy p{font-size:16px}.index-tools a{display:none}}
@media(max-width:760px){.shell{padding:0 18px}.world-header{padding:14px 0}.brand-name{font-size:17px}.mark{font-size:28px;padding:0 7px 7px}.topbar{padding:6px 0}.topbar-title{font-size:11px;max-width:none}.search{max-width:68%;width:220px}.search input{font-size:13px;height:38px;padding-left:35px}.search svg{left:8px;top:9px;width:18px;height:18px}.index-masthead{display:block;padding:19px 0 6px}.index-masthead h1{font-size:clamp(31px,8.1vw,51px);white-space:nowrap}.index-masthead h1 span{-webkit-text-stroke:1px var(--blue);margin-left:5px;transform:translateY(3px) rotate(5deg)}.index-masthead p{margin:10px 0 0;font-size:12px;max-width:none}.index-masthead p b{display:inline;font-size:13px;margin-right:7px}.index-masthead p br{display:none}.index-masthead:before{font-size:77px;right:-8px;top:0}.cast-line{margin-top:4px;gap:12px;padding:9px 0 0;align-items:center}.story-strip{gap:11px;padding:0;margin:0}.story-person,.story-person:nth-child(even){display:block;transform:rotate(-6deg)}.story-person:nth-child(even){transform:rotate(7deg) translateY(4px)}.story-person strong{display:none}.story-frame .avatar{width:33px;height:33px;outline-width:1px}.index-tools a{display:none}.index-tools button{font-size:10px;min-height:38px;padding:5px 0 5px 7px}.filter-row{gap:6px;padding:15px 0 15px;flex-wrap:wrap}.pill{font-size:12px;padding:5px 7px;min-height:35px}.sort{font-size:12px;min-height:35px;padding:4px;margin-left:auto}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 6%;padding:7px 0 32px}.post.preview-post,.post.preview-post:nth-child(3){display:block;margin:0;padding:0;transform:rotate(-2deg)}.post.preview-post:nth-child(even){margin-top:21px;transform:rotate(2deg)}.preview-post .post-head{padding:12px 0 7px;gap:5px;flex-wrap:wrap;align-self:auto}.preview-post .post-head .avatar{width:24px;height:24px}.preview-post .author{font-size:12px}.preview-post .post-date{font-size:10px;margin:0 0 0 29px;width:100%;margin-top:-6px}.preview-post .post-copy{padding:0}.preview-post .post-title{font-size:19px;line-height:1.4;margin-bottom:7px}.preview-post .post-copy p{font-size:14px;line-height:1.7;-webkit-line-clamp:2}.thumb-zoom{min-width:34px;min-height:34px;right:5px;top:5px}.thumb-zoom svg{width:17px;height:17px}.preview-index{font-size:28px;bottom:-7px;left:4px}.preview-bottom{margin-top:10px;padding-top:8px;font-size:12px;gap:3px;flex-wrap:wrap}.preview-bottom span{font-size:10px}.index-afterword{gap:13px;margin:0 0 18px}.index-afterword p{font-size:15px}.index-afterword .comment-sticker{width:65px}.index-afterword p span{font-size:11px}.footer{padding:28px 0 112px;font-size:11px}.mobile-nav{border-radius:0;background:#e2e8a7;bottom:0;left:0;right:0;padding:5px 10px;border-top:2px solid var(--coral);gap:5px;clip-path:polygon(0 5%,25% 0,51% 5%,76% 1%,100% 5%,100% 100%,0 100%)}.mobile-nav a{color:var(--blue);border-radius:0;font-size:11px;min-height:52px;position:relative}.mobile-nav a.active{background:var(--coral);color:#fff2d9;clip-path:polygon(5% 0,100% 6%,96% 96%,0 100%);transform:rotate(-3deg)}.mobile-nav svg{width:20px;height:20px}.full-post .post-copy p{font-size:17px}.full-post .post-title{font-size:29px}.full-post .art-button img{border-radius:0}.full-post .scene-aside{font-size:16px}.full-post:before{font-size:48px}.thread-link{font-size:15px}.main[data-page=resident] .preview-post{max-width:270px}}
@media(max-width:360px){.shell{padding:0 15px}.brand-name{font-size:15px}.index-masthead h1{font-size:29px}.index-masthead p{font-size:11px}.index-masthead p b{font-size:12px}.story-strip{gap:9px}.story-frame .avatar{width:28px;height:28px}.index-tools button{font-size:9px}.filter-row{gap:4px}.pill{font-size:11px;padding:5px 6px}.sort{font-size:11px}.preview-post .post-title{font-size:17px}.preview-post .author{font-size:11px}.preview-post .post-copy p{font-size:13px}.mobile-nav a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.index-tools button{display:none}}

@media(max-width:360px){.preview-post .post-copy p{font-size:14px}.preview-post .author{font-size:12px}}

:root{--coral:#c81062}.index-afterword p{color:var(--blue)}
@media(max-width:760px){.index-masthead p{font-size:0;line-height:1.5}.index-masthead p b{font-size:12px}.index-masthead p:after{content:"女の子たちの、今日の近況。";font-size:12px}.cast-line{padding-top:7px}.filter-row{padding-bottom:8px}.sort{width:82px}.feed-grid{padding-top:5px}}

@font-face{font-family:RepliumSans;src:url('fonts/NotoSansJP-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--sans:RepliumSans,'Noto Sans JP',Meiryo,sans-serif}
body{font-family:var(--sans);font-weight:500}button,input,select{font-family:var(--sans)}
.brand{transform:none;gap:10px}.brand-icon{width:68px;height:68px;flex-shrink:0}.brand-name{font:400 clamp(28px,2.9vw,44px)/1.4 var(--display);letter-spacing:-.045em;color:var(--blue);-webkit-text-stroke:6px #fffaf2;paint-order:stroke fill;white-space:nowrap;transform:none}.world-header{padding:16px 0 15px;gap:28px;align-items:center}.world-nav{gap:9px}.world-nav a{font-size:14px;padding:9px 11px}.world-nav a:nth-child(even){transform:translateY(5px) rotate(3deg)}
.topbar{padding:8px 0}.topbar-title{font-size:13px}.search input{font-weight:500}.search input::placeholder{color:#655275}
.cast-line{margin-top:0;padding:20px 0 25px}.story-strip{gap:22px}.story-person,.story-person:nth-child(even){display:grid;justify-items:center;gap:8px;transform:none}.story-frame .avatar{width:56px;height:56px;border-radius:50%;outline:2px solid var(--coral);outline-offset:3px}.story-person strong{display:block;font:600 13px/1.3 var(--sans);color:var(--ink)}.index-tools{align-self:center}.index-tools a{font-size:14px}.index-tools button{font-size:12px}.feed-grid{padding-top:7px}
/* Rotate only the pictures, never the reading layer. */
.post.preview-post,.post.preview-post:nth-child(even),.post.preview-post:nth-child(3){transform:none}.preview-media{transform:rotate(-2deg)}.preview-post:nth-child(even) .preview-media{transform:rotate(2deg)}.preview-post:nth-child(3) .preview-media{transform:rotate(-1deg)}.preview-post .post-copy p{font-family:var(--sans);font-size:16px;font-weight:500;line-height:1.8}.preview-post .post-head,.preview-post .post-copy,.preview-bottom{transform:none}.preview-post .author{font-family:var(--sans);font-weight:650}.preview-post .post-date{font-weight:450}.preview-post .post-title{font-family:var(--display);margin-bottom:10px}.comment-text,.replies .comment-text,.profile .bio,.profile .relations,.resident-card p,.about-card p{font-family:var(--sans);font-weight:500}.full-post .post-copy p{font-size:20px;font-weight:500}.author-role{display:none}.role{font-family:var(--sans)}.profile-top .role{font-size:17px}.profile blockquote{font-family:var(--sans);font-size:26px;font-weight:650;transform:none}.profile .relations{font-size:18px}.resident-card h2{margin-bottom:8px}.resident-card .role{font-size:14px}.post .art-note{font-family:var(--sans)}.footer{padding:26px 0 45px}.footer a{font-weight:600}.thread-intro span{font-family:var(--sans)}
@media(max-width:1250px) and (min-width:761px){.world-header{flex-wrap:wrap;gap:6px}.brand-name{font-size:38px}.brand-icon{width:60px;height:60px}.world-nav{margin-left:auto}.world-nav a{font-size:13px}.story-person strong{display:block}.cast-line{padding-top:15px}}
@media(max-width:760px){.world-header{padding:12px 0}.brand{gap:8px;width:100%}.brand-icon{width:51px;height:51px}.brand-name{font-size:clamp(22px,6.1vw,38px);line-height:1.4;-webkit-text-stroke:4px #fffaf2}.topbar{padding:6px 0}.topbar-title{font-size:12px}.search{max-width:66%}.search input{font-size:13px;height:38px}.cast-line{padding:18px 0 23px;gap:10px}.story-strip{gap:10px;justify-content:space-between;flex:1}.story-person,.story-person:nth-child(even){transform:none;gap:8px}.story-frame .avatar{width:clamp(29px,8.5vw,48px);height:clamp(29px,8.5vw,48px);outline-width:1px;outline-offset:2px}.story-person strong{display:block;font-size:11px}.index-tools{margin-left:3px}.index-tools button{font-size:10px;padding:6px 0 6px 6px;min-height:40px}.feed-grid{padding-top:3px}.preview-post .post-copy p{font-size:14px;line-height:1.85}.preview-post .author{font-size:12px;font-weight:650}.preview-post .post-date{font-size:11px}.preview-bottom{font-family:var(--sans)}.post.preview-post,.post.preview-post:nth-child(even),.post.preview-post:nth-child(3){transform:none}.full-post .post-copy p{font-size:17px}.profile blockquote{font-size:21px}.profile .relations{font-size:17px}.profile-top .role{font-size:14px}.footer{padding:25px 0 112px;font-size:12px}.mobile-nav a{font-family:var(--sans);font-weight:650;font-size:11px}.preview-post .post-title{font-size:19px}.filter-summary{font-size:14px}}
@media(max-width:360px){.brand-icon{width:44px;height:44px}.brand-name{font-size:22px;letter-spacing:-.06em}.story-strip{gap:8px}.story-frame .avatar{width:28px;height:28px}.story-person strong{font-size:10px}.index-tools button{font-size:9px}.preview-post .post-title{font-size:17px}.preview-post .post-copy p{font-size:14px}.mobile-nav a{font-size:10px}}
.comment-composer{display:flex;align-items:stretch;gap:12px;margin:30px 0 8px;padding-top:22px;border-top:1px solid var(--blue);font-family:var(--sans)}.comment-placeholder{display:flex;align-items:center;gap:12px;flex:1;min-width:0;min-height:64px;padding:15px 20px;border:2px solid var(--blue);border-radius:16px;background:#fffaf2;color:#766783;font-size:16px;font-weight:500;cursor:default;user-select:none}.comment-placeholder span{font-size:25px;line-height:1;color:var(--coral)}.comment-composer button{align-self:center;border:0;padding:14px 18px;background:var(--blue);color:#fffaf2;font-size:16px;font-weight:650;border-radius:8px;opacity:.45;cursor:not-allowed}@media(max-width:760px){.comment-composer{gap:8px}.comment-placeholder{min-height:56px;padding:12px;font-size:14px;gap:7px}.comment-composer button{padding:12px 10px;font-size:14px}}
.comment-composer{grid-column:1/-1;order:9;width:100%;max-width:850px;margin:10px auto 8px}

:root{--brand-star-color:#dcff40}
/* Transparent wordmark, mismatched ink, cut-paper section labels. */
.brand,.brand-name,.brand-icon{background:transparent;box-shadow:none;filter:none}.brand-name{max-width:none;display:flex;align-items:baseline;letter-spacing:-.055em}.brand-letter{display:inline-block;background:none}.tone-0{color:#e90075}.tone-1{color:#4931d1}.tone-2{color:#008a85}.tone-3{color:#f57900}.tone-4{color:#7427df}.brand-letter:nth-child(4n+2){font-size:1.08em}.brand-letter:nth-child(4n+3){font-size:.92em}
.topbar{border-top:0;padding:4px 0 8px}.topbar-title{position:relative;isolation:isolate;display:inline-flex;align-items:center;min-height:40px;padding:7px 14px;font:14px/1.5 var(--display);color:var(--paper);transform:rotate(-3deg);white-space:nowrap}.topbar-title:before{content:'';position:absolute;inset:1px -2px;z-index:-1;background:var(--coral);clip-path:polygon(5% 0,97% 6%,100% 83%,90% 100%,0 89%)}.topbar-title:after{content:'';position:absolute;left:8px;right:0;bottom:-3px;border-bottom:2px solid var(--coral);transform:rotate(-3deg)}
.footer{padding:20px 0 26px;min-height:0;margin:0}.footer:before{display:none}.footer-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;isolation:isolate;min-height:55px;padding:5px 2vw;transform:rotate(-1.3deg)}.footer-strip:before{content:'';position:absolute;inset:0 -9vw;z-index:-1;background:var(--coral);clip-path:polygon(0 9%,12% 0,41% 6%,70% 0,100% 7%,100% 90%,79% 100%,48% 94%,18% 100%,0 92%)}.footer-name{font:18px/1 var(--display);letter-spacing:-.07em;color:#fffaf2}.footer-bye{font:35px/1.2 var(--display);color:#dfff00;-webkit-text-stroke:1px #4931d1;paint-order:stroke fill}.footer-bye span{color:#fffaf2}.footer-strip button{font:15px/1.4 var(--display);color:#fffaf2;padding:10px;min-height:44px}.footer-strip a:hover,.footer-strip button:hover{color:#dfff00}.sky-fallback:after{content:'✦　♡　＋　★　♡　✦';position:absolute;inset:12% 3%;font:36px/5 var(--display);letter-spacing:2vw;color:#ff268b;word-spacing:8vw;opacity:.65}
@media(max-width:760px){.brand-name{font-size:clamp(22px,6vw,38px)}.topbar-title{font-size:11px;padding:6px 10px;min-height:34px}.topbar{gap:12px;padding-bottom:9px}.search{max-width:64%}.footer{padding:20px 0 100px}.footer-strip{gap:8px;min-height:47px;padding:4px 0}.footer-name{font-size:12px}.footer-bye{font-size:27px}.footer-strip button{font-size:12px;padding:8px 0}.sky-fallback:after{font-size:24px;word-spacing:3vw}}
@media(max-width:360px){.brand-name{font-size:21px;letter-spacing:-.07em}.footer-bye{font-size:23px}.footer-name{font-size:11px}}
/* All white strokes live below all colored fills, so adjacent glyphs cannot erase each other. */
.brand-name{display:grid;grid-template:1fr/1fr;align-items:center;-webkit-text-stroke:0;letter-spacing:-.025em;isolation:isolate}.brand-outline,.brand-fill{display:flex;align-items:baseline;grid-area:1/1;background:transparent}.brand-outline{z-index:0;pointer-events:none}.brand-fill{z-index:1}.brand-outline .brand-letter{color:transparent;-webkit-text-stroke:3px #fffaf2;paint-order:stroke fill}.brand-fill .brand-letter{-webkit-text-stroke:0;paint-order:normal}
.cast-line,.story-strip,.story-person,.story-frame{background:transparent}.story-strip:before{display:none}.story-person{--member:#a174d5;gap:10px}.story-person:nth-child(2){--member:#ce861e}.story-person:nth-child(3){--member:#3e68b6}.story-person:nth-child(4){--member:#eb6741}.story-person:nth-child(5){--member:#399187}.story-person:nth-child(6){--member:#b54376}.story-frame{display:block;position:relative;transform:rotate(-7deg);transition:transform .2s}.story-person:nth-child(even) .story-frame{transform:rotate(7deg)}.story-frame:after{content:'';position:absolute;inset:-5px -3px -3px -5px;border:1px solid var(--member);border-radius:43% 54% 45% 52%;transform:rotate(16deg);opacity:.75;pointer-events:none}.story-frame .avatar{width:60px;height:60px;outline:none;border:2px solid #fffaf2c9;border-radius:42% 52% 45% 50%;box-shadow:none}.story-person:nth-child(even) .avatar{border-radius:53% 43% 52% 44%}.story-person strong{position:relative;z-index:1;max-width:100%;padding:3px 10px;border-radius:10px 3px 10px 3px;background:#fffaf285;border:1px solid #ffffff80;border-bottom:2px solid var(--member);color:#36224f;font-family:var(--sans);font-weight:650;line-height:1.35;backdrop-filter:blur(5px)}.story-person:hover .story-frame{transform:translateY(-4px) rotate(0)}.story-person:hover strong{background:#fffaf2cc}.footer-strip{justify-content:space-between;min-height:43px}.footer-strip button{font-family:var(--sans);font-size:13px}.footer-name{font-size:20px}
@media(max-width:760px){.brand-outline .brand-letter{-webkit-text-stroke:2px #fffaf2}.brand-name{font-size:clamp(21px,5.8vw,36px);letter-spacing:-.04em}.story-strip{gap:9px}.story-person{gap:8px}.story-frame .avatar{width:clamp(28px,8.2vw,45px);height:clamp(28px,8.2vw,45px);border-width:1.5px}.story-frame:after{inset:-3px -2px -2px -3px}.story-person strong{padding:2px 4px;font-size:10px;border-radius:7px 2px 7px 2px;border-bottom-width:1.5px}.footer-name{font-size:14px}.footer-strip button{font-size:11px}.footer-strip{min-height:40px}}
@media(max-width:360px){.brand-name{font-size:20px}.story-strip{gap:7px}.story-frame .avatar{width:28px;height:28px}.story-person strong{font-size:9px;padding:2px 3px}}
@media(prefers-reduced-motion:reduce){.story-frame{transition:none}}
.brand-letter.brand-star{font-family:var(--sans);font-size:.84em;align-self:center;line-height:1;margin:0 .045em;color:var(--brand-star-color)}.brand-outline .brand-star{color:transparent}.footer-name{font-size:17px;letter-spacing:-.045em}.footer-star{color:var(--brand-star-color);font-family:var(--sans);padding:0 .15em}@media(max-width:760px){.footer-name{font-size:13px}.footer-strip button{font-size:10px}}@media(max-width:360px){.footer-name{font-size:11px}}