:root{
  
  color-scheme:light dark;
  --night:#140f2e; --panel:#221a4d; --panel2:#2b2160;
  --ink:#f3eeff; --ink-dim:#c3b8e8; --ink-mute:#8f83bd;
  
  --c-band:#ff3377;
  --c-kasumi:#ff5522; --c-tae:#0077dd; --c-rimi:#ff55bb; --c-saya:#ffcc11; --c-arisa:#aa66dd;
  --pop:var(--c-band); --line:rgba(170,102,221,.24);
  --paper:#fbf6ff; --paper2:#ece2f5; --paper-ink:#2a2044; --paper-mute:#7a6c9b;
  
  --nb-green:#3f9b58; --nb-cover:#e9f5e1;
  --wrap:1180px;
  --font-display:"ZCOOL KuaiLe","Baloo 2",system-ui,sans-serif;
  --font-brand:system-ui,-apple-system,"Segoe UI","Noto Sans SC","Microsoft YaHei",sans-serif;
  --font-ticket:"Mochiy Pop One","Baloo 2",system-ui,sans-serif;
  --font-hand:"Delicious Handrawn","ZCOOL KuaiLe",cursive;
  --font-body:"Noto Sans SC",system-ui,sans-serif;

  
  --hair:rgba(255,255,255,.16);        
  --fill:rgba(255,255,255,.05);        
  --fill-hi:rgba(255,255,255,.1);
  --frame:rgba(255,255,255,.3);        
  --field:rgba(0,0,0,.28);             
  --code:rgba(0,0,0,.32);              
  --quote-bg:linear-gradient(110deg,rgba(255,51,119,.2),rgba(170,102,221,.18));
  --quote-ink:#fff;
  --shadow:0 16px 34px rgba(8,4,24,.5);
  
  --sheet-a:#17203a; --sheet-b:#1d2949;
  --sheet-ink:#e8eefc; --sheet-soft:#c2cdee; --sheet-mute:#8b9cc6;
  --sheet-line:rgba(150,180,255,.2); --sheet-hair:rgba(150,180,255,.14);
  --sheet-accent:#f5c400; --sheet-accent2:#ff77c8; --sheet-link:#93b8ff; --sheet-code:rgba(0,0,0,.32);
  --sheet-shadow:0 22px 52px rgba(6,3,20,.5),0 3px 10px rgba(6,3,20,.28);
  
  --on-band:#33101f;
  --measure:640px;
  
  --r-btn:11px; --r-chip:9px; --r-card:16px;
  
  --tx-pop:#ff3377; --tx-kasumi:#ff5522; --tx-rimi:#ff55bb;
  --tx-saya:#ffcc11; --tx-tae:#0077dd; --tx-arisa:#aa66dd;
  
  --tx-hover:var(--tx-saya);
}
[data-mode=dark]{color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--c-band);outline-offset:3px}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--font-body);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(var(--wrap),100% - 36px);margin:0 auto}
.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--r-card)}
.kicker{font-family:"Baloo 2",var(--font-body);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--ink-mute);margin:0}
.kicker a{color:var(--tx-kasumi)}
.kicker a:hover{color:var(--tx-hover)}
.h1{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,5vw,54px);line-height:1.18;margin:.18em 0 .3em}
.h1 sup{vertical-align:super;line-height:0;margin-left:.12em}
.h2{font-family:var(--font-display);font-size:clamp(24px,3vw,34px);margin:0;font-weight:400}
.grad{background:linear-gradient(90deg,var(--c-band),var(--c-rimi),var(--c-arisa));-webkit-background-clip:text;background-clip:text;color:transparent}
main{position:relative;z-index:1;padding-bottom:88px}
.sec-t{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:400;font-size:22px;margin:0 0 18px}
.sky{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:0;pointer-events:none;overflow:hidden;
  background:
    radial-gradient(1100px 640px at 84% -10%,rgba(170,102,221,.26),transparent 62%),
    radial-gradient(900px 560px at 6% 8%,rgba(255,51,119,.17),transparent 60%),
    radial-gradient(760px 520px at 46% 108%,rgba(0,119,221,.18),transparent 62%),
    linear-gradient(180deg,#170f36 0%,#140f2e 42%,#191141 100%)}
.sky .stars{position:absolute;inset:-25%;opacity:.9}
.sky .s1{background-image:
    radial-gradient(1.6px 1.6px at 22% 28%,#fff 50%,transparent 51%),
    radial-gradient(1.2px 1.2px at 68% 12%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 41% 62%,#fff 50%,transparent 51%),
    radial-gradient(1.1px 1.1px at 87% 47%,#fff 50%,transparent 51%),
    radial-gradient(1.4px 1.4px at 9% 78%,#fff 50%,transparent 51%),
    radial-gradient(1.2px 1.2px at 55% 88%,#fff 50%,transparent 51%);
  background-size:230px 230px;animation:tw 5.5s ease-in-out infinite alternate}
.sky .s2{background-image:
    radial-gradient(2.2px 2.2px at 34% 18%,rgba(255,204,17,.95) 50%,transparent 51%),
    radial-gradient(2px 2px at 76% 64%,rgba(255,85,34,.9) 50%,transparent 51%),
    radial-gradient(2.4px 2.4px at 14% 46%,rgba(0,119,221,.9) 50%,transparent 51%),
    radial-gradient(2px 2px at 61% 34%,rgba(255,85,187,.85) 50%,transparent 51%),
    radial-gradient(2.2px 2.2px at 92% 82%,rgba(170,102,221,.95) 50%,transparent 51%);
  background-size:340px 340px;animation:tw 8s ease-in-out infinite alternate-reverse}
.sky .s3{background-image:
    radial-gradient(1px 1px at 50% 50%,rgba(243,238,255,.55) 50%,transparent 51%),
    radial-gradient(1px 1px at 12% 66%,rgba(243,238,255,.4) 50%,transparent 51%),
    radial-gradient(.9px .9px at 78% 24%,rgba(243,238,255,.45) 50%,transparent 51%);
  background-size:120px 120px;opacity:.7;animation:drift 120s linear infinite}
@keyframes tw{from{opacity:.42;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(-10px) scale(1.03)}}
@keyframes drift{to{transform:translate3d(-120px,-60px,0)}}
.sky .hstar{position:absolute;aspect-ratio:1/1;animation:bob 9s ease-in-out infinite alternate}
@keyframes bob{from{transform:rotate(var(--r)) translateY(0)}to{transform:rotate(calc(var(--r) + 12deg)) translateY(-16px)}}
.meteor{position:absolute;width:150px;height:1.5px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#fff);opacity:0;animation:shoot 14s linear infinite}
.meteor.m2{animation-delay:7s;animation-duration:19s}
@keyframes shoot{0%{opacity:0;transform:translate(0,0) rotate(22deg)}
  4%{opacity:.95}12%{opacity:0;transform:translate(-420px,180px) rotate(22deg)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sky *{animation:none!important}
}
.hs{display:inline-block;vertical-align:middle;line-height:0}
.hs svg{display:block;overflow:visible}
.avatar{width:46px;height:46px;border-radius:var(--r-btn);display:grid;place-items:center;font-family:var(--font-display);
  font-size:20px;color:#2a1030;background:linear-gradient(135deg,var(--c-rimi),var(--c-saya));flex:none}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--r-btn);font-weight:700;font-size:14.5px;
  background:linear-gradient(135deg,var(--c-band),#ff7ba6);color:var(--on-band);box-shadow:0 10px 26px rgba(255,51,119,.3);border:none;cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.meta{display:flex;gap:10px;align-items:center;color:var(--ink-mute);font-size:12.5px;flex-wrap:wrap}
.site-head{position:relative;z-index:2;padding:20px 0}
.site-head .wrap{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px}
.brand .hs{filter:drop-shadow(0 4px 12px rgba(255,51,119,.45))}
.brand strong{display:block;font-family:var(--font-brand);font-weight:700;font-size:21px;line-height:1.2;letter-spacing:.01em}
.brand small{display:block;color:var(--ink-mute);font-size:12px}
.nav{display:flex;gap:6px;flex-wrap:wrap;font-size:14px;font-weight:700;margin-left:auto}
.nav a{display:inline-flex;align-items:center;padding:7px 15px;border-radius:var(--r-btn);
  color:var(--ink-dim);transition:color .18s,text-shadow .18s}
.nav a:hover{color:var(--ink)}
.nav a.on{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.32)}
.head-tools{display:flex;align-items:center;gap:8px;margin:0}
.masthead{margin-top:14px}
.mast-main{padding:34px 36px 32px;position:relative;overflow:hidden}
.mast-main .cl{position:absolute;right:30px;top:30px;width:250px;height:180px}
.mast-main .cl .st{filter:drop-shadow(0 0 7px currentColor)}
.lede{color:var(--ink-dim);font-size:16px;max-width:46ch;margin:0}
.about{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px 36px;
  align-items:start;padding:28px 30px;margin-top:56px;position:relative;overflow:hidden}
.about>.hs.pin{position:absolute;right:24px;top:20px;opacity:.5}
.about .who{display:flex;align-items:center;gap:13px}
.about .who b{display:block;font-size:16px;line-height:1.4}
.about .who em{display:block;color:var(--ink-mute);font-size:12.5px;font-style:normal}
.about .col{display:flex;flex-direction:column;gap:14px}
.about .say{margin:0;font-size:14.5px;color:var(--ink-dim);line-height:1.75}
.about .btn{align-self:flex-start;font-size:13.5px;padding:9px 17px}
.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;font-size:13.5px;color:var(--ink-dim)}
.facts li{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;line-height:1.6}
.facts .hs{margin-top:6px}
.sec{margin-top:52px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:34px;flex-wrap:wrap}
.sec-head p{margin:0}
.sec-head .t{display:flex;align-items:center;gap:10px}
.sec-head .t>div{display:flex;flex-direction:column;gap:2px}
.sec-head a.more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--tx-kasumi);font-weight:700}
.sec-head a.more:hover{color:var(--tx-hover)}
.tags{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0}
.tags a{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1;font-weight:500;
  padding:5px 10px 5px 8px;border-radius:var(--r-chip);color:var(--tx-pop);background:rgba(255,51,119,.07);
  box-shadow:inset 0 0 0 1.4px rgba(255,51,119,.32);transition:background .2s,color .2s,transform .2s}
.tags a::before{content:"";width:9px;height:9px;background:currentColor;flex:none;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.tags a:hover{background:var(--c-band);color:var(--on-band);transform:translateY(-2px)}
.rule{display:flex;align-items:center;gap:16px;margin:56px 0 0}
.rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line) 22%,var(--line) 78%,transparent)}
.pager{margin-top:44px}
.pager-inner{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;align-items:center}
.pager-inner a,.pager-inner span{display:inline-flex;align-items:center;padding:8px 15px;border-radius:var(--r-btn);
  border:1px solid var(--line);font-size:13.5px;color:var(--ink-dim);background:var(--fill);transition:color .2s,border-color .2s}
.pager-inner a:hover{color:var(--ink);border-color:var(--c-band)}
.pager-inner .on{background:linear-gradient(135deg,var(--c-band),var(--c-kasumi));border-color:transparent;color:var(--on-band);font-weight:700}
.pager-inner .break{border-color:transparent;background:none}
.single{position:relative;max-width:760px;margin:26px auto 0}
.sheet{position:relative;background:linear-gradient(180deg,var(--sheet-a),var(--sheet-b));
  border:1px solid var(--sheet-line);border-radius:var(--r-card);box-shadow:var(--sheet-shadow);overflow:hidden}
.sheet-head{padding:44px 48px 24px}
.sheet-head .kicker{display:flex;align-items:center;gap:8px;margin:0 0 14px;max-width:var(--measure);
  font-family:"Baloo 2",var(--font-body);font-weight:800;font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--sheet-mute)}
.sheet-head .kicker::before{content:"";flex:none;width:10px;height:10px;background:var(--sheet-accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.sheet-head .kicker a{color:var(--sheet-soft)}
.sheet-head .kicker a:hover{color:var(--sheet-accent)}
.sheet-head .h1{font-size:clamp(23px,3.4vw,32px);line-height:1.4;color:var(--sheet-ink);
  letter-spacing:.01em;margin:0 0 18px;max-width:var(--measure)}
.post-meta{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:0;padding-top:16px;
  border-top:1px solid var(--sheet-hair);font-size:13px;color:var(--sheet-mute);max-width:var(--measure)}
.post-meta time{font-family:"Baloo 2",var(--font-body);font-weight:700;color:var(--sheet-soft);letter-spacing:.02em}
.post-meta .sep{opacity:.55}
.post-meta a{color:var(--sheet-mute);border-bottom:1px solid transparent;transition:color .18s,border-color .18s}
.post-meta a b{font-family:"Baloo 2",var(--font-body);font-weight:800;color:var(--sheet-accent)}
.post-meta a:hover{color:var(--sheet-accent);border-color:var(--sheet-accent)}
.sheet-body{padding:26px 48px 40px}
.post-nav{display:flex;justify-content:space-between;gap:26px;margin:22px 0 0;font-size:14px}
.post-nav span{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:48%}
.post-nav .nx{align-items:flex-end;text-align:right}
.post-nav .lab{font-style:normal;font-family:"Baloo 2",var(--font-body);font-weight:800;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.post-nav a{color:var(--ink-dim);line-height:1.6;max-width:100%;transition:color .18s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-nav a:hover{color:var(--tx-hover)}
.post-nav .none{font-style:normal;color:var(--ink-mute);opacity:.8}
.cover{aspect-ratio:16/7;border-radius:14px;margin:0 0 26px;box-shadow:0 18px 40px rgba(8,4,24,.5), inset 0 0 0 1px rgba(255,255,255,.08)}
.cover .motif{width:16%}
.typecho-content{font-size:16px;line-height:1.92;color:var(--sheet-ink);word-wrap:break-word;max-width:var(--measure)}
.typecho-content p{margin:0 0 1.05em}
.typecho-content>p:first-of-type{color:var(--sheet-ink)}
.typecho-content h2{font-family:var(--font-display);font-weight:400;color:var(--sheet-ink);
  font-size:20px;line-height:1.5;letter-spacing:.015em;margin:2.1em 0 .9em;padding-bottom:.45em;
  border-bottom:1px solid var(--sheet-hair);clear:both}
.typecho-content h2::before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;
  vertical-align:.05em;background:var(--sheet-accent);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.typecho-content h3{font-weight:700;color:var(--sheet-ink);font-size:17px;line-height:1.55;letter-spacing:.01em;
  margin:1.85em 0 .7em;padding-left:13px;border-left:3px solid var(--sheet-accent2);clear:both}
.typecho-content h4{font-family:"Baloo 2",var(--font-body);font-weight:800;color:var(--sheet-mute);
  font-size:13px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;margin:1.7em 0 .6em;clear:both}
.typecho-content h1{font-size:22px;line-height:1.5;color:var(--sheet-ink);margin:2em 0 .8em;clear:both}
.typecho-content a{color:var(--sheet-link);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--sheet-link) 45%,transparent)}
.typecho-content a:hover{text-decoration-color:var(--sheet-link)}
.typecho-content strong{font-weight:700;color:var(--sheet-ink)}
.typecho-content img{--pr:-.7deg;background:var(--paper);padding:8px 8px 13px;border-radius:4px;
  box-shadow:0 12px 26px rgba(8,4,24,.4);margin:24px auto;transform:rotate(var(--pr));transition:transform .3s}
.typecho-content p:nth-of-type(even) img{--pr:.7deg}
.typecho-content img:hover{transform:rotate(0deg)}
.typecho-content img[style]{background:none;padding:0;border-radius:10px;transform:none;
  box-shadow:0 8px 18px rgba(8,4,24,.3);max-width:100%}
.typecho-content img[style]:hover{transform:none}
.typecho-content::after{content:"";display:block;clear:both}
.typecho-content pre,.typecho-content code{background:var(--sheet-code);border-radius:7px;font-size:14px;color:var(--sheet-ink)}
.typecho-content pre{padding:15px 17px;overflow:auto;border:1px solid var(--sheet-line)}
.typecho-content code{padding:2px 5px}
.typecho-content ul,.typecho-content ol{padding-left:21px;margin:0 0 1.05em}
.typecho-content li{margin:.42em 0}
.typecho-content li::marker{color:var(--sheet-accent)}
.typecho-content table{width:100%;border-collapse:collapse;margin:20px 0}
.typecho-content th,.typecho-content td{border:1px solid var(--sheet-line);padding:8px 10px;text-align:left}
.typecho-content hr{border:none;border-top:1px solid var(--sheet-hair);margin:2em 0;clear:both}
.typecho-content .more{text-align:center}
.tags.after-content{margin:2em 0 0;padding-top:18px;border-top:1px solid var(--sheet-hair);
  display:flex;flex-wrap:wrap;gap:14px;font-size:13px;position:static}
.tags.after-content a{padding:0;border-radius:0;background:none;box-shadow:none;font-size:13px;color:var(--sheet-soft)}
.tags.after-content a::before{content:"#";width:auto;height:auto;background:none;clip-path:none;color:var(--sheet-accent2);margin-right:1px}
.tags.after-content a:hover{background:none;color:var(--sheet-accent);transform:none}
.comments{margin-top:44px;border-top:1px dashed var(--line);padding-top:10px}
.comment-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
.comment-item .children,.comment-item>.comment-list{list-style:none;margin:12px 0 0;padding-left:20px}
.c-av-row{display:flex;gap:13px;align-items:flex-start}
.c-av-row>.note{flex:1;min-width:0}
.ppn-av{position:relative;overflow:hidden}
.ppn-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ppn-av.miss img{display:none}
.note{padding:16px 18px}
.note-meta{display:flex;align-items:center;gap:12px;margin:0 0 9px;font-size:12.5px;color:var(--ink-mute);flex-wrap:wrap}
.note-meta .who{display:flex;align-items:baseline;gap:9px}
.note-meta b{color:var(--ink);font-size:15px;font-family:var(--font-display);font-weight:400}
.note-meta .reply{margin-left:auto}
.note-meta .reply a{color:var(--tx-rimi)}
.note-meta .reply a:hover{color:var(--tx-hover)}
.note-text{font-size:15px;color:var(--ink-dim);word-break:break-word}
.note-text p{margin:0 0 8px}
.note.form{padding:20px 22px}
.note.form label{display:block;font-size:13px;color:var(--ink-mute);margin-bottom:6px}
.note.form textarea,.note.form input{width:100%;padding:11px 13px;border-radius:var(--r-btn);font:inherit;font-size:15px;
  color:var(--ink);background:var(--field);border:1px solid var(--line)}
.note.form textarea:focus,.note.form input:focus{outline:none;border-color:var(--c-band)}
.note.form textarea{margin-bottom:14px;resize:vertical}
.form-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.form-fields p{margin:0}
.form-submit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.form-submit .btn,.form-submit #pn-emote-trigger{height:42px;line-height:1.4}
.form-submit #pn-emote-trigger{margin-left:auto;padding:0 18px;font-size:14.5px}
.notice{margin:0 0 22px;padding:16px 20px;border-radius:var(--r-card);font-size:14px;color:var(--ink-dim);
  background:rgba(0,119,221,.12);border:1px solid rgba(0,119,221,.32)}
.sent{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 22px;padding:14px 18px;font-size:13.5px;color:var(--ink-mute)}
.sent .hs{align-self:center}
.sent b{font-family:var(--font-display);font-weight:400;font-size:17px;color:var(--tx-saya)}
.comment-item.waiting .note{opacity:.85}
.empty{padding:46px 22px;text-align:center;margin-top:20px}
.empty-t{font-family:var(--font-display);font-size:22px;margin:0 0 8px;color:var(--ink)}
.empty-p{margin:0;font-size:14.5px;color:var(--ink-mute)}
.empty-p a{color:var(--tx-pop)}
.empty-p a:hover{color:var(--tx-hover)}
.site-foot{position:relative;z-index:1;border-top:1px solid var(--line);padding:26px 0 calc(40px + env(safe-area-inset-bottom,0px));color:var(--ink-mute);font-size:13px}
.site-foot .wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
.site-foot a{color:var(--tx-rimi)}
.site-foot a:hover{color:var(--tx-hover)}
.site-foot .sep{opacity:.45;margin:0 6px}
.foot-stars{display:flex;gap:8px;align-items:flex-end}
.respond{position:relative}
.cancel-reply{margin:0 0 10px;font-size:13px}
.cancel-reply a{color:var(--tx-rimi)}
.cancel-reply a:hover{color:var(--tx-hover)}
.comment-item .note{transition:box-shadow .25s}
.comment-item:target .note{box-shadow:0 0 0 2px var(--c-rimi)}
.respond>.note.form{box-shadow:0 18px 40px rgba(8,4,24,.35)}
.sq{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:16px}
.al-n{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-hand);font-size:13px;letter-spacing:.02em}
.al-n::before{content:"";width:9px;height:9px;background:currentColor;flex:none;
  clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.cs-tape{position:absolute;left:10%;right:10%;top:23%;aspect-ratio:5/3.1;border-radius:9px;
  background:linear-gradient(180deg,#f8f1e5,#e7dcc9);
  box-shadow:0 7px 15px rgba(8,4,24,.45),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(120,100,66,.22);
  transition:transform .4s cubic-bezier(.22,.7,.3,1)}
.cs-label{position:absolute;left:7%;right:7%;top:6.5%;height:22%;display:flex;align-items:center;gap:2%;
  background:#fff;border-radius:4px;box-shadow:inset 0 -2px 0 rgba(42,32,68,.1)}
.cs-win{position:absolute;left:9%;right:9%;top:33%;height:36%;border-radius:6px;background:#241d3f;
  box-shadow:inset 0 3px 7px rgba(8,4,24,.85),inset 0 0 0 1px rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:space-between;padding:0 9%}
.cs-win::before{content:"";position:absolute;left:9%;right:9%;top:50%;height:24%;transform:translateY(-50%);
  background:linear-gradient(180deg,#8a5a30,#5d3a1c)}
.cs-reel{position:relative;flex:none;height:86%;aspect-ratio:1/1;transform-origin:50% 50%;transition:transform .55s cubic-bezier(.22,.7,.3,1)}
.cs-holes{position:absolute;left:24%;right:24%;bottom:6.5%;height:8%;display:flex;justify-content:space-between}
.cs-holes i{width:9%;border-radius:2px;background:#cbbda2;box-shadow:inset 0 1px 2px rgba(8,4,24,.4)}
.cs-pick{position:absolute;right:5.5%;bottom:5%;width:16%;color:var(--g1);z-index:2;
  filter:drop-shadow(0 5px 9px rgba(8,4,24,.55));transform:rotate(15deg);
  transition:transform .4s cubic-bezier(.22,.7,.3,1)}
.stk-svg{position:absolute;left:3%;right:3%;top:5%;width:94%;height:76%;overflow:visible;
  transition:transform .4s cubic-bezier(.22,.7,.3,1)}
.po5{transform-box:fill-box;transform-origin:50% 50%;transition:transform .4s cubic-bezier(.22,.7,.3,1)}
@media (max-width:1100px){.mast-main .cl{display:none}

}
@media (max-width:1000px){.about{grid-template-columns:1fr}
.facts{grid-template-columns:1fr}

}
@media (max-width:680px){.tags{gap:5px;margin-top:8px}
.tags a{font-size:10.5px;padding:4px 8px 4px 6px}
.tags a::before{width:7px;height:7px}
.sq{border-radius:12px}
.al-n{font-size:11px;gap:4px}
.al-n::before{width:7px;height:7px}
.form-fields{grid-template-columns:1fr}
.site-head{padding:16px 0}
.brand{min-width:0}
.brand strong{font-size:18px}
.brand small{display:none}
.head-tools{order:2;margin-left:auto}
.nav{order:3;flex-basis:100%;margin-left:0;justify-content:space-between}
.mast-main{padding:26px 22px}
.single{margin-top:14px}
.cover{aspect-ratio:16/9}
.single{max-width:none;margin-inline:-12px}
.sheet{border-radius:10px}
.sheet-head{padding:30px 20px 20px}
.sheet-body{padding:22px 20px 30px}
.sheet-head .kicker,.sheet-head .h1,.post-meta{max-width:none}
.typecho-content{font-size:15.5px;line-height:1.88;max-width:none}
.typecho-content h2{font-size:18.5px;margin-top:1.9em}
.typecho-content h3{font-size:16.5px}
.typecho-content blockquote{font-size:15.5px}
.typecho-content img{padding:6px 6px 11px;margin:20px auto}
.post-nav{gap:14px}
.post-nav span{max-width:none;flex:1}
.post-nav .nx{align-items:flex-start;text-align:left}

}
.sx-intro{margin:-6px 0 26px}
.sx-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:30px 26px;margin:26px 0 52px}
.sx-board.only-empty{grid-template-columns:1fr}
.sx-note{position:relative;display:flex;flex-direction:column;gap:10px;min-height:172px;
  padding:26px 16px 13px;border-radius:8px;border-top:5px solid var(--sx-edge);
  background:var(--sx-bg);color:#33204a;transform:rotate(var(--r));
  box-shadow:0 16px 30px rgba(0,0,0,.42),0 3px 8px rgba(0,0,0,.28);
  transition:transform .18s,box-shadow .18s}
.sx-note:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 20px 36px rgba(0,0,0,.5),0 4px 10px rgba(0,0,0,.3)}
.sx-tape{position:absolute;left:50%;top:-12px;width:88px;height:24px;transform:translateX(-50%) rotate(-2.5deg);
  background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.22));
  border-left:1px dashed rgba(255,255,255,.55);border-right:1px dashed rgba(255,255,255,.55);
  box-shadow:0 2px 5px rgba(0,0,0,.18)}
.sx-pin-badge{position:absolute;top:-10px;left:14px;font-size:20px;line-height:1;transform:rotate(-8deg);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.sx-emo{position:absolute;top:14px;right:14px;font-size:22px;line-height:1}
.sx-txt{font-family:var(--font-hand);font-size:16.5px;line-height:1.72;white-space:pre-wrap;
  word-break:break-word;overflow-wrap:anywhere;padding-right:26px}
.sx-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding-top:10px;font-family:var(--font-brand);font-size:11.5px;color:rgba(51,32,74,.6)}
.sx-empty{grid-column:1/-1;position:relative;padding:34px 26px;border-radius:10px;background:#ffeaf6;
  border-top:5px solid #ff55bb;color:#33204a;font-family:var(--font-hand);font-size:17px;
  transform:rotate(-.8deg);box-shadow:0 16px 30px rgba(0,0,0,.42)}
@media (max-width:680px){.sx-board{grid-template-columns:repeat(2,1fr);gap:22px 16px}
.sx-note{padding:22px 12px 11px;min-height:150px}
.sx-txt{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.sx-note,.sx-note:hover{transition:none;transform:rotate(var(--r))}
}
[data-mode=light]{
  color-scheme:light;
  --night:#f2ece2; --panel:#fbf6ee; --panel2:#f5eee2;
  --ink:#2a2340; --ink-dim:#4c4364; --ink-mute:#6f6480;
  --line:rgba(44,37,64,.16);
  --paper:#fffdf8; --paper2:#f3ecdf; --paper-ink:#2a2044; --paper-mute:#6f6480;
  --nb-green:#3f9b58; --nb-cover:#e9f5e1;
  --hair:rgba(44,37,64,.16); --fill:rgba(44,37,64,.05); --fill-hi:rgba(44,37,64,.08);
  --frame:rgba(44,37,64,.22); --field:#fffdf8; --code:rgba(44,37,64,.07);
  --quote-bg:linear-gradient(110deg,rgba(255,51,119,.09),rgba(170,102,221,.12)); --quote-ink:#2a2340;
  --shadow:0 14px 28px rgba(60,40,20,.16);
  --sheet-a:#fcf8f1; --sheet-b:#f5eee2;
  --sheet-ink:#2a2340; --sheet-soft:#443b5e; --sheet-mute:#6f6480;
  --sheet-line:rgba(44,37,64,.15); --sheet-hair:rgba(44,37,64,.12);
  --sheet-accent:#c9155a; --sheet-accent2:#b0530d; --sheet-link:#c9155a; --sheet-code:#f1e8da;
  --sheet-shadow:0 18px 40px rgba(60,40,20,.14),0 2px 8px rgba(60,40,20,.08);
  
  --tx-pop:#c20041; --tx-kasumi:#b72b00; --tx-rimi:#bb0070;
  --tx-saya:#775d00; --tx-tae:#0060b5; --tx-arisa:#892ecf;
  --tx-hover:var(--tx-arisa);
}
[data-mode=light] .sky{
  background:
    radial-gradient(1100px 640px at 84% -10%,rgba(170,102,221,.13),transparent 62%),
    radial-gradient(900px 560px at 6% 8%,rgba(255,51,119,.1),transparent 60%),
    radial-gradient(760px 520px at 46% 108%,rgba(0,119,221,.11),transparent 62%),
    linear-gradient(180deg,#f7f2ea 0%,#f2ece2 42%,#ebe2d4 100%)}
[data-mode=light] .sky .s1,[data-mode=light] .sky .s3{opacity:.16}
[data-mode=light] .sky .s2{opacity:.3}
[data-mode=light] .meteor{display:none}
[data-mode=light] .sky .hstar{opacity:.34!important}
[data-mode=light] .btn{box-shadow:0 8px 20px rgba(255,51,119,.24)}
[data-mode=light] .tags a{box-shadow:inset 0 0 0 1.4px rgba(201,21,90,.28)}
[data-mode=light] .nav a.on{color:var(--tx-pop);text-shadow:0 0 8px rgba(255,51,119,.55),0 0 22px rgba(255,51,119,.35)}