.home-page{min-height:100vh}.site-header{text-align:center;padding:40px 20px 8px}.site-brand{width:min(100%,960px);margin:0 auto 18px;position:relative}.site-brand picture,.site-brand img{width:100%;height:auto;display:block}.site-brand img{filter:drop-shadow(0 5px 10px #00000040)}.site-brand-play{width:100%;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:20px;padding:0;display:block}.site-brand-play:focus-visible{outline:3px solid var(--home-accent,gold);outline-offset:5px}.site-brand-motion{transform-origin:50% 70%;display:block;position:relative}.site-brand-motion[data-motion=arriving]{animation:4.6s ease-in-out both site-brand-welcome}.site-brand-motion[data-motion=bouncing]{animation:.85s ease-in-out both site-brand-bounce}.site-brand-sparkles{pointer-events:none;position:absolute;inset:0}.site-brand-sparkles i{aspect-ratio:1;opacity:0;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);background:#ffc64b;width:clamp(10px,1.8vw,18px);position:absolute}.site-brand-sparkles i:first-child{--spark-delay:.15s;top:9%;left:34%}.site-brand-sparkles i:nth-child(2){--spark-delay:.35s;top:16%;left:73%}.site-brand-sparkles i:nth-child(3){--spark-delay:.5s;top:52%;left:93%}.site-brand-motion[data-motion=arriving] .site-brand-sparkles i{animation:site-brand-twinkle 1.2s ease-in-out calc(var(--spark-delay) + .7s) both}.site-brand-motion[data-motion=bouncing] .site-brand-sparkles i{animation:site-brand-twinkle .35s ease-out var(--spark-delay) both}@keyframes site-brand-welcome{0%,to{transform:translateY(0)rotate(0)}24%{transform:translateY(-7px)rotate(-.4deg)}48%{transform:translateY(0)rotate(.25deg)}72%{transform:translateY(-3px)rotate(-.15deg)}}@keyframes site-brand-bounce{0%,to{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(2px)rotate(-.35deg)scale(.99)}47%{transform:translateY(-10px)rotate(.55deg)scale(1.01)}73%{transform:translateY(0)rotate(-.25deg)scale(1)}88%{transform:translateY(-3px)rotate(0)scale(1)}}@keyframes site-brand-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(-20deg)}45%{opacity:.9;transform:scale(1)rotate(15deg)}}@media (prefers-reduced-motion:reduce){.site-brand-motion[data-motion],.site-brand-motion[data-motion] .site-brand-sparkles i{animation:none}.site-brand-play{cursor:default}}.brand-oj{display:none}html[data-top-brand=oj] .brand-oj{display:block}html[data-top-brand=oj] .brand-banner{display:none}.brand-banner{position:relative}.site-brand .site-brand-nosupo{visibility:hidden;position:absolute;top:0;left:0}.brand-banner[data-supo-out] .site-brand-motion>picture{visibility:hidden}.brand-banner[data-supo-out] .site-brand-nosupo{visibility:visible}.supo-fly{z-index:40;pointer-events:none;will-change:transform;filter:drop-shadow(0 6px 8px #0000002e);position:fixed;top:0;left:0}.supo-fly img{width:100%;height:100%;display:block}.supo-fly-hit{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:45%;width:56%;height:68%;position:absolute;top:17%;left:20%}.supo-fx{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.supo-fx-heart{aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ff6f9c' d='M50 88C20 64 4 46 4 28 4 14 15 4 28 4c10 0 18 6 22 14C54 10 62 4 72 4c13 0 24 10 24 24 0 18-16 36-46 60z'/%3E%3C/svg%3E") 50%/contain no-repeat;width:12%;animation:1.4s ease-out both supo-heart}.supo-fx-sparkle{aspect-ratio:1;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffc64b;width:16%;animation:.9s ease-out both supo-sparkle}.supo-fx-question{color:#2b6f7a;background:#fff;border:2px solid #2b6f7a;border-radius:999px;width:auto;padding:.05em .3em;font-family:system-ui,sans-serif;font-weight:700;line-height:1.2;animation:1.9s ease-out both supo-question}.supo-fx-blush{aspect-ratio:1.6;filter:blur(2px);background:#ff7fa6;border-radius:50%;width:17%;animation:1.8s ease-in-out both supo-blush}@keyframes supo-question{0%{opacity:0;transform:translate(-50%,-20%)scale(.3)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}25%,80%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-90%)scale(.9)}}@keyframes supo-blush{0%{opacity:0}25%,75%{opacity:.55}to{opacity:0}}@keyframes supo-heart{0%{opacity:0;transform:translate(-50%,-30%)scale(.4)}20%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-260%)scale(.9)}}@keyframes supo-sparkle{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(25deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(60deg)}}.supo-home-btn{aspect-ratio:220/218;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:2;background:0 0;border:0;border-radius:40%;width:10.2%;margin-top:8.6%;padding:0;position:absolute;top:0;left:18.4%}.supo-home-btn:focus-visible{outline:3px solid var(--home-accent,gold);outline-offset:2px}.brand-banner[data-supo-out] .supo-home-btn{display:none}@media (prefers-reduced-motion:reduce){.supo-home-btn{display:none}}.site-brand-arcade{aspect-ratio:160/120;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:2;background:0 0;border:0;border-radius:12px;width:11.1%;margin-top:6.94%;padding:0;position:absolute;top:0;left:8.3%}.site-brand-arcade:focus-visible{outline:3px solid var(--home-accent,gold);outline-offset:2px}.avatar{width:100px;height:100px;font:inherit;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,gold,#ff8c00);border:0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;padding:0;font-size:1.7em;font-weight:900;display:flex;box-shadow:0 0 30px #ffd70066}.avatar:focus-visible{outline:3px solid var(--home-accent,#fff);outline-offset:4px}h1.site-title{background:linear-gradient(90deg,gold,#ff8c00);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(2em,6vw,3em);font-weight:900}h1.site-title .h1-prefix{letter-spacing:.05em;margin-bottom:2px;font-size:.55em;font-weight:700;display:block}.home-page:not([data-home-look=original]) .site-title{color:var(--home-accent);-webkit-text-fill-color:currentColor;background:0 0}.home-page:not([data-home-look=original]) .avatar{background:var(--home-cta);color:var(--home-cta-ink);box-shadow:0 4px 0 var(--home-shadow)}.home-page[data-home-look=pop] .site-title{text-shadow:2px 3px #fff}.home-page[data-home-look=pastel] .site-title{text-shadow:0 3px #fff}.home-page[data-home-look=elegant] .site-title{letter-spacing:.04em;font-family:Yu Mincho,Hiragino Mincho ProN,serif}.home-page[data-home-look=simple] .avatar{box-shadow:none}.site-brand-name{color:var(--home-ink,#f5f1ff);letter-spacing:.02em;margin:14px 0 0;font-size:clamp(15px,2vw,20px);font-weight:600;line-height:1.7;display:block}.site-brand-name span{display:inline-block}@media (max-width:600px){.site-header{padding-top:60px}.site-brand{margin-bottom:16px}}.design-fab-wrap{z-index:1000;position:fixed;top:14px;left:14px}.design-fab{font:inherit;color:#f1eefb;-webkit-backdrop-filter:blur(8px);cursor:pointer;white-space:nowrap;background:#1a1a2e99;border:1px solid #9690afbf;border-radius:999px;align-items:center;padding:8px 18px;font-size:.88em;font-weight:800;line-height:normal;transition:background .2s;display:inline-flex}.design-fab:hover{background:#9690af38}.design-fab:focus-visible{outline-offset:3px;outline:3px solid #a78bfa}@media (max-width:420px){.design-fab,.login-fab{padding:8px 13px!important}.design-fab-count{display:none}}.home-appearance-switch{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:24px auto 18px;display:flex}.home-appearance-switch button{font:inherit;color:#f1eefb;cursor:pointer;background:#ffffff0c;border:1px solid #9690af;border-radius:10px;padding:10px 16px;font-size:.86em;font-weight:700}.home-appearance-switch span{white-space:nowrap;font-size:.85em}.home-appearance-switch button:focus-visible{outline-offset:4px;outline:3px solid #a78bfa}.home-page[data-home-look=pop]{--home-bg:#edf8fc;--home-ink:#15364f;--home-muted:#426177;--home-paper:#f8fdff;--home-soft:#e3f3fb;--home-border:#7bafc5;--home-accent:#087bbd;--home-shadow:#b2cad4;--home-cta:#ffbc56;--home-cta-ink:#15364f;background:var(--home-bg)}.home-page[data-home-look=pastel]{--home-bg:#f4deff;--home-ink:#583179;--home-muted:#795484;--home-paper:#fffaff;--home-soft:#f4e7fc;--home-border:#c8a7df;--home-accent:#8a3c9f;--home-shadow:#d5b6e7;--home-cta:#ffe68a;--home-cta-ink:#714717;background:var(--home-bg)}.home-page[data-home-look=elegant]{--home-bg:#f5eddc;--home-ink:#25324b;--home-muted:#6d675c;--home-paper:#fffdf7;--home-soft:#f7eedb;--home-border:#c9ab67;--home-accent:#886323;--home-shadow:#ddcda9;--home-cta:linear-gradient(135deg,#b99246,#f9e8b7 27%,#dec17a 53%,#fff2c9 72%,#c5a05b);--home-cta-ink:#493516;background:var(--home-bg)}.home-page[data-home-look=simple]{--home-bg:#f6f7f5;--home-ink:#28323a;--home-muted:#626c75;--home-paper:#fff;--home-soft:#edf3f7;--home-border:#bbc3c9;--home-accent:#365e79;--home-shadow:#dfe3e6;--home-cta:#e1edf3;--home-cta-ink:#334d60;background:var(--home-bg)}.home-page:not([data-home-look=original]){color:var(--home-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.home-page:not([data-home-look=original]) :is(.catch-hi,.contact-text){color:var(--home-accent);-webkit-text-fill-color:currentColor;background:0 0}.home-page:not([data-home-look=original]) :is(.tagline-catch,.profile-text,.career-list li,.song-title){color:var(--home-ink)}.home-page:not([data-home-look=original]) :is(.catch-sub,.store-note,.app-desc,.post-item-date,.contact-label,.song-credit,.music-room-sub,.toggle-arrow,footer){color:var(--home-muted)}.home-page:not([data-home-look=original]) :is(.section-title,.music-room-label,.music-room-arrow){color:var(--home-accent)}.home-page:not([data-home-look=original]) .section-title:after{background:linear-gradient(90deg,var(--home-border),transparent)}.home-page:not([data-home-look=original]) .divider{background:var(--home-border);opacity:.4}.home-page:not([data-home-look=original]) :is(.app-card,.profile-card,.post-item,.contact-card,.song-card,.music-room-btn,.grade-filter-button,.math-view-btn){color:var(--home-ink);background:var(--home-paper);border:1px solid var(--home-border);box-shadow:0 3px 0 var(--home-shadow)}.home-page:not([data-home-look=original]) :is(.view-all,.login-fab,.design-fab,.song-dl,.career-badge,.home-appearance-switch button){color:var(--home-accent);background:var(--home-paper);border-color:var(--home-border);-webkit-text-stroke:0;box-shadow:0 2px 0 var(--home-shadow)}.home-page:not([data-home-look=original]) .home-appearance-switch span{color:var(--home-muted)}.home-page:not([data-home-look=original]) .catch-cta{background:var(--home-cta);color:var(--home-cta-ink);box-shadow:0 4px 0 var(--home-shadow)}.home-page:not([data-home-look=original]) .site-brand img{filter:drop-shadow(0 4px 6px #1e283c20)}.home-page[data-home-look=simple] .site-brand img{filter:drop-shadow(0 2px 3px #28323a1f)}.home-page:not([data-home-look=original]) .app-card{--card-accent:#28694a;--card-soft:#e7f3e7}.home-page:not([data-home-look=original]) .app-card.calc{--card-accent:#89561c;--card-soft:#fff0d7}.home-page:not([data-home-look=original]) .app-card.math{--card-accent:#71448b;--card-soft:#f1e5fa}.home-page:not([data-home-look=original]) .app-card.math3{--card-accent:#246782;--card-soft:#dff2fb}.home-page:not([data-home-look=original]) .app-card.exam{--card-accent:#905428;--card-soft:#ffead8}.home-page:not([data-home-look=original]) .app-card .app-name{color:var(--card-accent)}.home-page:not([data-home-look=original]) .app-card .app-tag{color:var(--card-accent);background:var(--card-soft)}.home-page:not([data-home-look=original]) .app-card:before{background:var(--card-accent)}.home-page:not([data-home-look=original]) .app-emoji.compass-icon{color:var(--home-ink)}.home-page:not([data-home-look=original]) .grade-filter-button{--grade-ink:#89561c;--grade-bg:#fff0d7}.home-page:not([data-home-look=original]) .grade-filter-button[data-grade="2"]{--grade-ink:#71448b;--grade-bg:#f1e5fa}.home-page:not([data-home-look=original]) .grade-filter-button[data-grade="3"]{--grade-ink:#246782;--grade-bg:#dff2fb}.home-page:not([data-home-look=original]) .grade-filter-button .grade-filter-label{color:var(--grade-ink);background:var(--grade-bg)}.home-page:not([data-home-look=original]) .grade-filter-button:before{background:var(--grade-ink)}.home-page:not([data-home-look=original]) .grade-filter-button.active{background:var(--grade-bg);border-color:var(--grade-ink);box-shadow:inset 0 0 0 1px var(--grade-ink)}.home-page:not([data-home-look=original]) :is(.profile-name,.home-updates-link){color:var(--home-accent)!important}.home-page:not([data-home-look=original]) :is(.profile-role,.home-update-date,footer a){color:var(--home-muted)!important}.home-page:not([data-home-look=original]) .home-update-card{background:var(--home-paper)!important;color:var(--home-ink)!important;border-color:var(--home-border)!important}.home-page:not([data-home-look=original]) .home-contact-link{background:var(--home-cta)!important;color:var(--home-cta-ink)!important}.home-page[data-home-look=pop]{background:radial-gradient(#70b8d638 1.25px,#0000 1.25px) 0 0/18px 18px,linear-gradient(135deg,#f8fdff,#e7f6fe 55%,#f0f9e8)}.home-page[data-home-look=pastel]{background:radial-gradient(at 3% 4%,#ffcce5,#0000 47%),radial-gradient(at 100% 28%,#b9f3ff,#0000 50%),linear-gradient(#fff0f9,#dce7ff 60%,#fce5f5)}.home-page[data-home-look=elegant]{background:radial-gradient(at 50% 0,#fffefb,#0000 65%),repeating-linear-gradient(135deg,#0000 0 72px,#b9955010 72px 73px,#0000 73px 145px),linear-gradient(120deg,#ebd9b6,#fbf5e9 28%,#f6eedc 72%,#ead6ad)}.home-page[data-home-look=pop] :is(.app-card,.grade-filter-button,.math-view-btn){border:3px solid var(--home-ink);box-shadow:4px 5px 0 var(--home-ink);border-radius:12px}.home-page[data-home-look=pop] .app-card:before{height:6px}.home-page[data-home-look=pop] .home-appearance-switch button{color:var(--home-ink);border:2px solid var(--home-ink);box-shadow:2px 3px 0 var(--home-ink)}.home-page[data-home-look=pastel] .app-card{background:linear-gradient(160deg,var(--home-paper),var(--card-soft));border:3px solid #fff;border-radius:24px;box-shadow:0 5px #bca3d2}.home-page[data-home-look=pastel] .app-card:before{opacity:.45;height:4px}.home-page[data-home-look=pastel] .home-appearance-switch button{border-radius:999px}.home-page[data-home-look=elegant] .app-card{--card-accent:#765924;--card-soft:#f2e4c3;background:linear-gradient(145deg,#fffefb,#fffdf7 60%,#faf1df);border:2px solid #c9ab67;box-shadow:inset 0 0 0 3px #fffdf7,inset 0 0 0 4px #e9d8b1,0 4px #ddcda9}.home-page[data-home-look=elegant] .app-card:before{background:var(--home-cta)}.home-page[data-home-look=elegant] .home-appearance-switch button{background:var(--home-cta);color:#493516}.home-page[data-home-look=simple] :is(.app-card,.profile-card,.post-item,.contact-card,.song-card,.music-room-btn,.grade-filter-button,.math-view-btn){border-radius:10px;box-shadow:0 1px 2px #28323a0c}.home-page[data-home-look=simple] .app-card{--card-accent:#46634f;--card-soft:#e7eee5}.home-page[data-home-look=simple] .app-card:is(.calc,.exam){--card-accent:#765d39;--card-soft:#f3ecdf}.home-page[data-home-look=simple] .app-card:is(.math,.math3){--card-accent:#365769;--card-soft:#e5eef3}.home-page[data-home-look=simple] :is(.catch-cta,.home-appearance-switch button){box-shadow:none}.home-page[data-home-look=simple] .catch-cta{animation:none}.home-page[data-home-look=simple] .app-card:hover{border-color:var(--card-accent);transform:none}.home-page:not([data-home-look=original]) .math-view-btn{color:var(--home-muted)}.home-page:not([data-home-look=original]) .math-view-btn.active{color:var(--home-cta-ink);background:var(--home-cta);border-color:var(--home-ink)}.home-page:not([data-home-look=original]) .app-card.dom-rose{--card-accent:#b4234a;--card-soft:#fde4ea}.home-page:not([data-home-look=original]) .app-card.dom-emerald{--card-accent:#1d7a52;--card-soft:#dcf5e8}.home-page:not([data-home-look=original]) .app-card.dom-lemon{--card-accent:#7c6300;--card-soft:#fcf3c4}.home-page:not([data-home-look=original]) .app-card.dom-magenta{--card-accent:#9a2a92;--card-soft:#f9e1f8}.home-page:not([data-home-look=original]) .app-card.dom-slate{--card-accent:#475569;--card-soft:#e6ebf1}.home-page[data-home-look=simple] .app-card.dom-rose{--card-accent:#7a4250;--card-soft:#f3e6e9}.home-page[data-home-look=simple] .app-card.dom-emerald{--card-accent:#3f6a55;--card-soft:#e3efe8}.home-page[data-home-look=simple] .app-card.dom-lemon{--card-accent:#6b5d22;--card-soft:#f3eed8}.home-page[data-home-look=simple] .app-card.dom-magenta{--card-accent:#6c4669;--card-soft:#f1e6f0}.home-page[data-home-look=simple] .app-card.dom-slate{--card-accent:#4b5563;--card-soft:#e9ecf0}.home-page:not([data-home-look=original]) .app-emoji.hub-mark{color:var(--card-accent)}.home-page:not([data-home-look=original]) :is(.hub-soon,.math-hub-subhead){color:var(--home-muted)}.home-page:not([data-home-look=original]) .hub-soon{background:var(--home-soft)}.home-page:not([data-home-look=original]) .construction-note{background:var(--home-paper);border-color:var(--home-border)}.home-page:not([data-home-look=original]) .construction-title{color:var(--home-accent)}.home-page:not([data-home-look=original]) .construction-text{color:var(--home-ink)}.home-page:not([data-home-look=original]) .app-card.care{--card-accent:#8a3c80;--card-soft:#f8e3f3}.home-page[data-home-look=simple] .app-card.care{--card-accent:#664b66;--card-soft:#efe6ef}.home-page:not([data-home-look=original]) .app-emoji.koukou-mark{color:var(--card-accent)}html:has(.home-page:not([data-home-look=original])){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.home-page:not([data-home-look=original]) .exam-sub{color:var(--home-ink);border-color:var(--home-border);background:0 0}.home-page:not([data-home-look=original]) .exam-sub:hover{border-color:var(--card-accent);background:0 0}.home-page:not([data-home-look=original]) .exam-sub-name,.home-page:not([data-home-look=original]) .exam-sub-go{color:var(--card-accent)}.home-page:not([data-home-look=original]) .exam-sub-desc{color:var(--home-muted)}.home-page:not([data-home-look=original]) .app-card.exam-combo:hover{border-color:var(--home-border)}.home-page[data-home-look=simple] .exam-sub:hover{transform:none}