@charset "UTF-8";
:root{--rana:#77dd77;--accent:#286442;--deep:#224c35;--ink:#263c32;--muted:#60766a;--line:#d4e7d7;--pale:#f0f9ef;--mint:#77dd77;--serif:"Yu Mincho","Noto Serif CJK SC","SimSun",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}p,h1,h2,h3,figure{margin:0}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #d9a34e;outline-offset:5px}[hidden]{display:none!important}::selection{color:#fff;background:var(--accent)}img{display:block;max-width:100%}.skip{position:fixed;left:20px;top:-100px;background:var(--accent);color:#fff;padding:10px;z-index:30}.skip:focus{top:10px}
.header{height:100px;max-width:1600px;margin:auto;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;font-size:17px;letter-spacing:1.6px;font-weight:750;line-height:1.3}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:5px}.brand-symbol{font-size:43px;font-weight:850;font-style:italic;color:var(--accent);letter-spacing:-5px;line-height:1}.brand-symbol>span{color:var(--mint);font-size:36px}
nav{display:flex;gap:42px;text-align:center}nav a{font-size:10px;letter-spacing:1.8px;font-weight:700;position:relative;padding-block:5px}nav a span{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-top:2px}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .2s}nav a:hover:after{width:100%}
.official-link{font-size:11px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);padding:11px 15px}.official-link>span{color:var(--accent);font-size:16px}
.hero{max-width:1600px;margin:auto;min-height:710px;height:calc(100svh - 100px);max-height:870px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 42%,#f0f9ef 42%,#f0f9ef 100%);display:grid;grid-template-columns:40% 46% 14%;padding:0 4.5%}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(#d9ead880 1px,transparent 1px),linear-gradient(90deg,#d9ead880 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to right,transparent 25%,#000 65%)}

.hero-copy{padding-top:80px;position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.overline{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2.4px;font-weight:650;color:var(--accent)}.tiny-cross{font-size:22px;line-height:1}.rule{height:1px;background:var(--accent);width:45px;margin-left:5px}
.kana{font-size:12px;letter-spacing:8px;margin:45px 0 8px 6px}
h1{font-family:var(--serif);font-weight:700;font-size:clamp(60px,7.3vw,110px);line-height:1.1;letter-spacing:-6px;white-space:nowrap}h1>span:first-child{font-weight:400}.blue-stop{color:var(--accent);font-family:Georgia,serif;margin-left:3px}.roman{font-size:14px;font-weight:700;letter-spacing:5.5px;color:var(--accent);margin-top:23px}
.hero-description{margin-top:36px;padding-left:17px;border-left:2px solid var(--accent)}.hero-description>p{font-size:20px;line-height:1.8;letter-spacing:2px;font-weight:500}.hero-description small{display:block;color:var(--muted);font-size:11px;line-height:1.9;margin-top:12px}.button{background:var(--accent);color:#fff;display:inline-flex;align-items:center;gap:45px;font-size:12px;padding:13px 21px;min-height:50px;margin-top:27px;box-shadow:5px 5px 0 #d5efce;transition:transform .2s,background .2s}.button span{font-size:22px;line-height:1}.button:hover{background:var(--deep);transform:translateY(-2px)}
.hero-note{display:flex;gap:11px;align-items:center;margin-top:35px;color:var(--muted)}.note-line{width:22px;height:26px;border-left:1px solid #b3d3b3;transform:skew(-18deg)}.hero-note p{font-size:8px;letter-spacing:2px;line-height:1.8}.hero-note strong{font-weight:650;color:var(--accent)}
.hero-character{position:relative;min-width:0;height:100%;z-index:2}.character-ring{position:absolute;width:460px;height:460px;max-width:130%;border:1px solid #add8ad;border-radius:50%;top:20%;left:-1%;box-shadow:0 0 0 16px #f0f9ef,0 0 0 17px #d5ead1}.character-word{position:absolute;right:-20px;top:23%;writing-mode:vertical-rl;font-size:105px;font-weight:850;line-height:1;letter-spacing:7px;color:#c5e7bc;opacity:.85}
.portrait{position:absolute;object-fit:contain;object-position:center bottom;z-index:1}.portrait-live{height:118%;max-width:none;width:146%;top:-10%;left:-20%}
.character-label{position:absolute;bottom:80px;left:-5px;z-index:3;display:flex;align-items:center;gap:10px;background:#ffffffeb;border-left:3px solid var(--accent);padding:12px 17px;box-shadow:5px 5px 0 #c9e2c277;font-size:9px;font-weight:650;letter-spacing:1px}.label-square{width:5px;height:5px;background:var(--accent)}.character-label small{color:var(--muted);font-size:9px;font-weight:400;margin-left:10px}.hero-character figcaption{position:absolute;bottom:58px;left:13px;z-index:2;font-size:6px;letter-spacing:1px;color:var(--deep)}
.hero-side{z-index:4;display:flex;align-items:flex-end;flex-direction:column;padding-top:40px}.side-letter{writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#61836b;margin-bottom:auto}.birthday{text-align:right;margin-bottom:24px}.birthday>span{font-size:7px;font-weight:650;letter-spacing:2px;color:var(--accent)}.birthday strong{display:block;font-size:25px;font-weight:350;letter-spacing:0;color:var(--deep);line-height:1.5;white-space:nowrap}.birthday strong span{font-size:13px;color:#88b18a}.birthday small{font-size:7px;color:var(--muted);letter-spacing:1px}
.look-switch{margin-bottom:94px;display:grid;gap:7px}.look-switch button{border:1px solid #b7d9b8;color:var(--deep);background:#ffffffd9;padding:12px 15px;display:flex;gap:12px;align-items:center;font-size:10px;white-space:nowrap;min-height:42px;transition:background .2s,color .2s}.look-switch button span{font-size:8px;opacity:.7}.look-switch button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}
.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:17px;padding-top:13px;border-top:1px solid #c9e0c8;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1.7px;color:#61816a;z-index:4}.hero-bottom a{color:var(--accent)}
.marquee{display:flex;justify-content:space-around;gap:38px;padding:18px 25px;overflow:hidden;white-space:nowrap;background:var(--accent);color:#fff;letter-spacing:3px;font-weight:650;font-size:11px}.marquee i{font-style:normal;color:#36734a}
.section{max-width:1240px;padding:86px 5%;margin:auto}.section-title{display:flex;gap:17px;align-items:flex-start;margin-bottom:45px}.section-index{font-size:11px;color:var(--accent);border-top:2px solid var(--accent);padding-top:5px;margin-top:3px;min-width:23px}.section-title>div>p{font-size:8px;letter-spacing:2.2px;color:var(--muted);margin-bottom:5px}h2{font-size:32px;font-weight:800;letter-spacing:1.8px;line-height:1.4}h2>span{display:block;font-size:12px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:7px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-left:40px}.about-message{position:relative;padding:9px 0 0}.big-quote{font-family:Georgia,serif;font-size:130px;color:#e0efda;line-height:1;position:absolute;right:20px;top:-20px;z-index:-1}.about-message h3{font-family:var(--serif);font-size:35px;letter-spacing:3px;font-weight:500;line-height:1.65}.about-message h3 span{color:var(--accent)}.about-message>p{font-size:13px;color:var(--muted);line-height:2.2;margin-top:24px}.line-link{display:inline-flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:0 0 7px;font-size:11px;margin-top:25px}.line-link span{color:var(--accent)}
.profile{border-top:3px solid var(--accent);padding:23px 27px;background:var(--pale);position:relative}.profile:after{content:"";width:28px;height:28px;position:absolute;bottom:0;right:0;background:linear-gradient(135deg,transparent 50%,#fff 50%)}.profile-header{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:var(--accent)}.profile-name{font-size:30px;font-family:var(--serif);margin-top:18px;display:flex;align-items:center;gap:20px}.profile-name small{font-family:"Segoe UI",sans-serif;font-size:9px;color:var(--muted);letter-spacing:2px}dl{margin:18px 0 0}dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #d1e3cf;font-size:12px}dt{font-size:10px;color:var(--muted)}dd{margin:0;text-align:right}dd span{font-size:8px;margin-left:6px;color:var(--muted)}.source{font-size:7px;color:var(--muted);margin-top:13px}.source a{text-decoration:underline;text-underline-offset:3px}
.favorites{padding-top:25px}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.favorite{padding:25px 25px 21px;overflow:hidden;position:relative}.matcha{background:#e4f1e9}.guitar{background:#edf4f7}.spirit{background:#f0edf8}.favorite:after{content:"";position:absolute;top:0;right:0;width:30px;height:30px;background:linear-gradient(45deg,transparent 50%,white 50%)}.favorite-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:var(--deep)}.favorite-word{font-size:64px;line-height:1;font-family:var(--serif);margin:39px 0 30px;color:#428160;letter-spacing:-3px}.favorite-word span{opacity:.45}.guitar .favorite-word{font-size:78px;font-family:"Segoe UI",sans-serif;font-weight:800;font-style:italic;color:var(--accent);line-height:.83;letter-spacing:-5px}.spirit .favorite-word{color:#7d6ea6}.favorite h3{font-size:15px;font-weight:600;margin-bottom:12px;letter-spacing:.3px}.favorite>p:not(.favorite-word){font-size:11px;color:#66717d;line-height:2}.favorite-caption{display:block;font-size:9px;letter-spacing:2px;border-top:1px solid #ffffffaa;margin-top:25px;padding-top:13px;color:var(--deep)}.editorial-note{font-size:9px;text-align:center;color:var(--muted);margin-top:23px}
.music{border-top:1px solid var(--line);padding-top:65px}.music-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;align-items:center;padding-left:40px}.music-mark{font-size:39px;font-weight:850;font-style:italic;letter-spacing:-2px;color:var(--accent)}.music-mark span{color:#8dbacb}.music-copy>p{font-size:15px;line-height:2.1;margin-top:17px}.music-copy>small{font-size:9px;color:var(--muted);display:block;margin-top:19px}.tracks>a{display:flex;align-items:center;gap:22px;padding:19px 0;border-top:1px solid var(--line);transition:padding .2s,background .2s}.tracks>a:last-child{border-bottom:1px solid var(--line)}.tracks>a:hover{padding-left:10px;background:var(--pale)}.track-no{font-size:10px;color:#769782}.tracks>a>div{flex:1}.tracks h3{font-family:var(--serif);font-weight:500;font-size:22px}.tracks p{font-size:9px;color:var(--muted);margin-top:3px}.track-tag{font-size:7px;color:var(--accent);letter-spacing:1.1px}.track-arrow{font-size:22px;color:var(--accent)}
.oshi-message{background:#f0f9ef;padding:65px 20px 58px;text-align:center;border-block:1px solid var(--line)}.oshi-message>p{font-size:9px;letter-spacing:3px;color:var(--accent);font-weight:650}.oshi-message h2{font-family:var(--serif);font-size:32px;font-weight:500;letter-spacing:4px;margin-top:16px}.oshi-message h2>span{display:inline;color:var(--accent);font-size:inherit}.mobile-break{display:none}.oshi-message button{display:inline-flex;align-items:center;gap:20px;border:1px solid #a2c9a2;background:#fff;color:var(--deep);font-size:12px;padding:10px 24px;margin-top:27px;min-height:45px;transition:background .2s}.oshi-message button span{font-size:22px;line-height:1}.oshi-message button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}#like-status{display:block;margin-top:14px;font-size:9px;color:var(--muted);min-height:16px}
.footer{max-width:1600px;margin:auto;display:flex;align-items:center;gap:32px;padding:31px 4.5%}.footer-brand{font-size:14px;font-weight:750;letter-spacing:1.3px;white-space:nowrap}.footer-brand small{display:block;font-size:8px;font-weight:400;color:var(--muted);margin-top:2px;letter-spacing:1.3px}.footer>div{flex:1;font-size:8px;line-height:2;color:var(--muted)}.footer>a:not(.footer-brand){font-size:9px;color:var(--muted);white-space:nowrap}.footer .back-top{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);font-size:17px!important}
@media(min-width:1500px){.hero-copy{padding-top:110px}.hero-description{margin-top:42px}.hero-note{margin-top:47px}.kana{margin-top:55px}}
@media(max-width:1100px){.header{height:90px}nav{gap:26px}.hero{height:730px;min-height:650px;grid-template-columns:40% 44% 16%}.hero-copy{padding-top:63px}.kana{margin-top:43px}h1{font-size:8vw}.roman{font-size:11px;letter-spacing:4px}.hero-description>p{font-size:18px}.character-label{left:-15px;gap:7px;padding:10px 11px}.character-label small{display:none}.portrait-live{width:175%;left:-35%;height:121%;top:-11%}.character-ring{width:370px;height:370px;top:23%}.character-word{font-size:83px;right:-7px}.look-switch button{padding:10px 10px;gap:8px}.birthday strong{font-size:23px}.about-layout,.music-layout{padding-left:0;gap:6%}.favorite{padding:23px 21px}.favorite h3{font-size:13px}.favorite>p:not(.favorite-word){font-size:10px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:auto;min-height:100px;padding:17px 6% 12px;gap:18px;flex-wrap:wrap}.brand{font-size:15px;gap:10px}.brand-symbol{font-size:34px}.brand-symbol>span{font-size:29px}.brand small{font-size:8px}.official-link{margin-left:auto;font-size:9px;padding:7px 10px;gap:12px}nav{order:3;width:100%;justify-content:space-between;gap:15px;padding-top:10px;border-top:1px solid var(--line);text-align:left}nav a{font-size:8px;letter-spacing:1.2px}nav a span{font-size:9px}.hero{height:auto;max-height:none;min-height:0;padding:0 6%;display:block;background:linear-gradient(120deg,#fff 34%,#f0f9ef 34%)}.hero-copy{padding-top:34px}.overline{font-size:8px;letter-spacing:1.5px}.kana{margin-top:26px;font-size:10px;letter-spacing:6px}h1{font-size:clamp(66px,16vw,100px);letter-spacing:-4px}.roman{font-size:11px;letter-spacing:4px;margin-top:15px}.hero-description{margin-top:24px;padding-left:13px}.hero-description>p{font-size:17px;line-height:1.8}.hero-description small{font-size:10px;margin-top:10px}.button{margin-top:22px;font-size:11px;min-height:45px;padding:11px 17px;gap:27px}.hero-note{display:none}.hero-character{height:570px;width:100%;margin-top:2px;margin-left:-4%}.portrait-live{width:150%;height:119%;top:-8%;left:-18%}.character-ring{width:300px;height:300px;max-width:100%;left:9%;top:24%}.character-word{font-size:74px;top:24%;right:5px}.character-label{left:0;bottom:38px;font-size:8px;padding:9px 10px}.character-label small{display:block;font-size:8px}.hero-character figcaption{left:10px;bottom:22px;font-size:5px;letter-spacing:.5px}.hero-side{position:absolute;right:6%;top:290px;bottom:77px;padding:0;pointer-events:none;justify-content:flex-end}.side-letter{font-size:6px;letter-spacing:2px;position:absolute;right:0;top:164px}.birthday{display:none}.look-switch{margin-bottom:0;gap:5px;pointer-events:auto}.look-switch button{font-size:8px;gap:8px;padding:9px 9px;min-height:34px}.look-switch button span{font-size:6px}.hero-bottom{position:static;gap:15px;padding:12px 0 14px;left:auto;right:auto;font-size:6px;letter-spacing:.8px}.hero-bottom>span:last-child{display:none}.marquee{font-size:8px;letter-spacing:2px;padding:14px 20px;gap:24px}.section{padding:52px 7%}.section-title{gap:13px;margin-bottom:30px}.section-title h2{font-size:28px;letter-spacing:1px}.section-title h2>span{font-size:10px;letter-spacing:1.2px}.section-title>div>p{font-size:7px;letter-spacing:1.5px}.section-index{font-size:9px;min-width:20px}.about-layout{grid-template-columns:1fr;gap:33px}.about-message{padding-top:0}.about-message h3{font-size:29px;line-height:1.6}.about-message>p{font-size:12px;margin-top:18px}.big-quote{right:28px;top:0}.profile{padding:22px}.profile-name{font-size:28px}.favorites{padding-top:8px}.favorite-grid{grid-template-columns:1fr;gap:15px}.favorite{padding:21px 22px;display:grid;grid-template-columns:40% 60%;column-gap:0}.favorite-top{grid-column:1/-1;margin-bottom:17px;font-size:7px}.favorite-word{grid-row:2/5;align-self:center;font-size:45px;margin:5px 0;letter-spacing:-3px}.guitar .favorite-word{font-size:63px}.favorite h3{font-size:13px;margin:4px 0 9px}.favorite>p:not(.favorite-word){font-size:10px;line-height:1.95}.favorite-caption{font-size:8px;letter-spacing:1px;margin-top:15px;padding-top:10px}.music{padding-top:43px}.music-layout{display:block}.music-mark{font-size:35px}.music-copy>p{font-size:13px;margin-top:12px}.music-copy>small{margin-top:13px;font-size:8px}.tracks{margin-top:28px}.tracks>a{gap:16px;padding:18px 0}.tracks h3{font-size:21px}.tracks p{font-size:8px}.track-tag{font-size:6px;letter-spacing:.6px}.oshi-message{padding:46px 20px 39px}.oshi-message h2{font-size:28px;letter-spacing:2px;line-height:1.7}.mobile-break{display:block}.oshi-message>p{font-size:8px;letter-spacing:2px}.oshi-message button{font-size:11px;padding:10px 20px;margin-top:23px}.footer{display:grid;grid-template-columns:1fr auto auto;gap:17px;padding:27px 7%}.footer-brand{font-size:12px}.footer-brand small{font-size:7px}.footer>div{grid-column:1/-1;grid-row:2;font-size:7px}.footer>a:not(.footer-brand){font-size:8px}}
@media(max-width:380px){.hero-character{height:510px}.character-label small{display:none}.favorite-word{font-size:40px}.guitar .favorite-word{font-size:56px}.favorite h3{font-size:12px}.favorite>p:not(.favorite-word){font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Comfortable reading sizes for both Chinese copy and controls. */
.brand small,.footer-brand small{font-size:12px;letter-spacing:1px}
nav a{font-size:12px}nav a span{font-size:14px}
.official-link,.overline{font-size:12px}
.hero-description small{font-size:14px}.button{font-size:14px}
.hero-note p,.hero-bottom,.hero-character figcaption{font-size:12px;letter-spacing:.7px}
.character-label,.character-label small,.side-letter,.birthday>span,.birthday small{font-size:12px}
.birthday small{letter-spacing:0}.look-switch button{font-size:14px}.look-switch button span{font-size:12px}
.marquee{font-size:14px}.section-index,.section-title>div>p,.source{font-size:12px}
.section-title h2>span{font-size:14px}.about-message>p{font-size:16px}.line-link{font-size:14px}
.profile-header,.profile-name small{font-size:12px}dl>div{font-size:16px}dt{font-size:14px}dd span{font-size:12px}
.favorite-top{font-size:12px;letter-spacing:.7px}.favorite h3{font-size:17px}.favorite>p:not(.favorite-word){font-size:16px}
.favorite-caption,.editorial-note{font-size:12px}.music-copy>p{font-size:16px}.music-copy>small{font-size:12px}
.track-no,.tracks p,.track-tag{font-size:12px}.track-tag{letter-spacing:0}
.oshi-message>p,#like-status{font-size:12px}.oshi-message button{font-size:14px}
.footer>div,.footer>a:not(.footer-brand){font-size:12px}

@media(max-width:1100px){.hero-bottom{flex-wrap:wrap;gap:8px 20px}.character-label{font-size:11px;letter-spacing:0}.hero-character figcaption{font-size:11px;letter-spacing:0}.look-switch button{padding:10px 8px;gap:6px}}
@media(max-width:760px){.header{gap:14px}.brand small,.official-link{font-size:12px}nav a{font-size:12px;letter-spacing:.5px}nav a span{font-size:14px}.hero-description small{font-size:14px}.character-label small{display:none}.hero-character figcaption{max-width:230px;line-height:1.3;bottom:10px}.character-label{bottom:43px}.hero-bottom{font-size:11px}.look-switch button{font-size:13px;padding:10px 9px}.look-switch button span{font-size:11px}.favorite{grid-template-columns:35% 65%;padding:21px}.favorite h3{font-size:16px}.favorite>p:not(.favorite-word){font-size:14px}.favorite-top{font-size:11px}.favorite-word{font-size:41px}.guitar .favorite-word{font-size:57px}.footer{grid-template-columns:1fr auto;gap:16px}.footer>.back-top{display:none}.footer>div{font-size:12px}.profile-header{letter-spacing:.5px}.track-tag{display:none}}


/* Rana's official character-page color: #7d7 / #77dd77. */
.brand-symbol>span{color:var(--rana)}
.blue-stop{color:var(--rana)}
.hero-band{position:absolute;z-index:-1;width:min(69%,980px);height:auto;right:-5%;top:9%;opacity:.09;transform:rotate(-8deg);pointer-events:none}
.hero-band-logo{width:104px;height:49px;object-fit:contain;flex-shrink:0}
.overline{gap:14px;letter-spacing:1.5px}
.hero-copy{padding-top:55px}
.hero-character{align-self:stretch}
.portrait-anime{width:100%;max-width:100%;height:calc(100% - 125px);top:24px;left:0;object-fit:contain;object-position:center}
.button{background:var(--rana);color:#193e29;box-shadow:5px 5px 0 #d9edd2}
.button:hover{background:#62cd69;color:#15341f}
.look-switch button[aria-pressed=true],.oshi-message button[aria-pressed=true]{background:var(--rana);border-color:var(--rana);color:#193e29}
.marquee{background:var(--rana);color:#21482f}
.profile{border-top-color:var(--rana)}
.profile-identity{display:flex;align-items:center;gap:20px;margin-top:15px}
.profile-identity>img{width:88px;height:132px;object-fit:contain;flex:none}
.profile-name{display:block;margin-top:0;line-height:1.5}
.profile-name small{display:block;margin-top:2px}
.color-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:13px}
.color-note>span{width:14px;height:14px;background:var(--rana);border-radius:50%;border:1px solid #5abd60}
.music-logo{width:210px;height:auto;max-width:80%;margin-bottom:15px}
.guitar .favorite-word{color:#237699}
.oshi-message{background:var(--pale)}
@media(min-width:1500px){.hero-copy{padding-top:75px}.kana{margin-top:36px}.hero-description{margin-top:30px}.hero-note{margin-top:30px}}
@media(max-width:1100px) and (min-width:761px){.hero-band-logo{width:84px;height:40px}.overline{gap:9px;font-size:11px}.overline .rule{display:none}.hero-copy{padding-top:50px}.portrait-anime{height:calc(100% - 145px);top:28px}}
@media(max-width:760px){.hero-copy{padding-top:28px}.hero-band-logo{width:95px;height:45px}.overline{font-size:11px;gap:12px}.hero-band{width:125%;max-width:none;right:-18%;top:530px}.portrait-anime{height:calc(100% - 84px);top:10px;width:100%;left:4%}.profile-identity{gap:18px}.profile-identity>img{width:84px;height:126px}.music-logo{width:180px}.look-switch{filter:drop-shadow(0 2px 7px #edf6ec)}}