.variant{--panel:#fff;--hero:#ffdfba;--hero-ink:#72321f;--soft:#fff1df;--strong:#aa3146;--side:#763147;--side-text:#fff3e7;--edge:#e7cdbc;--badge:#f9ddd3;--radius:14px;background:var(--bg)}
.v6{--bg:#fff9f3;--ink:#593b37;--accent:#aa3146;--line:#e7cdbc;--field:#fff;--hero:#ffdfba;--soft:#fff1df;--strong:#aa3146;--side:#763147;--side-text:#fff3e7;--edge:#e7cdbc;--badge:#f9ddd3;--hero-ink:#72321f}
.v7{--bg:#f0f6fb;--ink:#244964;--accent:#a94036;--line:#c8dce9;--field:#fff;--hero:#d4ecf8;--hero-ink:#214863;--soft:#e8f4fa;--strong:#ad443b;--side:#215b7b;--side-text:#eefaff;--edge:#c8dce9;--badge:#fbe1d9;--radius:8px}
.v8{--bg:#f7f3fc;--ink:#503c65;--accent:#805091;--line:#ddd0e9;--field:#fff;--hero:#e9dcf7;--hero-ink:#593969;--soft:#f2ebfa;--strong:#754583;--side:#634274;--side-text:#faf0ff;--edge:#ddd0e9;--badge:#f3e0ec;--radius:23px}
.v9{--bg:#f3f7f1;--ink:#335342;--accent:#32674f;--line:#cad9c9;--field:#fff;--hero:#dce9cf;--hero-ink:#31573c;--soft:#eaf1e1;--strong:#32674f;--side:#355a45;--side-text:#fff2c9;--edge:#cad9c9;--badge:#f4e7b8;--radius:6px}
.v10{--bg:#171f31;--ink:#e2e5f0;--accent:#f1d48e;--line:#3b475e;--field:#263148;--panel:#202b40;--hero:#29364f;--hero-ink:#f7e5b7;--soft:#27324b;--strong:#eed296;--side:#34435c;--side-text:#fff0cf;--edge:#3b475e;--badge:#39475e;--radius:12px}
.variant .portal-header{min-height:120px}.variant .portal-header>a:first-child{background:#fff;border-radius:8px;padding:8px 12px;flex-shrink:0}.variant .portal-header>a:first-child img{width:148px}.variant .portal-header>p{color:var(--ink);font-size:12px;line-height:1.8}.quick-search{display:flex;border:1px solid var(--edge);background:var(--panel);border-radius:35px;padding:5px;min-width:280px}.quick-search input{min-width:0;width:100%;background:transparent;border:0;color:var(--ink);font-size:12px;padding:8px 14px}.quick-search input::placeholder{color:var(--ink);opacity:.75}.quick-search button{border:0;border-radius:50%;width:36px;height:36px;flex-shrink:0;background:var(--strong);color:#fff;font-size:23px;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portal-ribbon{border-block:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;padding-block:11px;margin-bottom:25px;font-size:11px}.portal-ribbon>a>span{margin-left:18px;color:var(--strong)}.variant .portal-shell{grid-template-columns:190px minmax(0,1fr) 225px;gap:24px}.variant .portal-nav{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);padding-bottom:23px;box-shadow:0 5px 20px #00000003}.variant .portal-nav h2{background:var(--soft);color:var(--ink);font-size:15px;padding:21px 17px}.variant .portal-nav h2 span{color:var(--strong);font-size:21px;margin-right:5px}.nav-caption{font-size:10px;color:var(--ink);opacity:.7;margin:20px 17px 9px}.variant .portal-nav h3{color:var(--strong);font-size:11px;margin-top:23px}.variant .portal-nav a{font-size:12px;padding-block:9px}.variant .portal-nav a:hover{background:var(--soft)}.variant .portal-nav nav a:before{content:'·';display:inline-block;width:17px;color:var(--strong);font-weight:bold}.variant .portal-welcome{background:var(--hero);color:var(--hero-ink);border:1px solid var(--edge);border-radius:var(--radius);padding:36px 28px;position:relative;min-height:330px;overflow:hidden;isolation:isolate}.variant .portal-welcome h1{font-size:clamp(30px,2.9vw,43px);letter-spacing:-.045em;line-height:1.12;margin:21px 0 17px}.variant .portal-welcome p{font-size:13px;line-height:1.8}.variant .portal-welcome>div:first-child{position:relative;z-index:2;flex:1}.variant .portal-welcome>div>span{font-size:11px}.variant .portal-welcome .button{background:var(--strong);border-radius:30px;color:#fff;font-size:12px;padding-inline:20px}.hugo-scene{position:relative;width:130px;flex-shrink:0;align-self:center;margin:0 0 0 8px}.hugo-frame{background:var(--soft);border:1px solid var(--edge);border-radius:80px 80px 20px 20px;min-height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 15px;transform:rotate(5deg);box-shadow:0 10px 0 -5px #00000008}.hugo-frame img{width:55px;height:auto;margin-bottom:13px}.hugo-frame span{font:italic 13px/1.4 Georgia;text-align:center;color:var(--hero-ink)}.scene-spark{position:absolute;color:var(--strong);font:28px Georgia;z-index:2}.s1{left:-14px;top:-18px}.s2{right:-5px;top:10px;transform:rotate(12deg)}.s3{right:10px;bottom:-22px}.feeling-bar{margin:22px 0 26px;padding:18px 0;border-bottom:1px solid var(--edge)}.feeling-bar>p{font:19px Georgia;margin-bottom:15px}.feeling-bar>div{display:flex;gap:8px;flex-wrap:wrap}.feeling-bar a{font-size:11px;padding:8px 11px;background:var(--panel);border:1px solid var(--edge);border-radius:30px}.feeling-bar a:hover{background:var(--soft)}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.collection-heading h2{font:22px Georgia;letter-spacing:-.025em}.collection-heading>span{font-size:10px;opacity:.7;white-space:nowrap}.variant .portal-features{gap:16px}.variant .portal-features .feature{border:1px solid var(--edge);border-radius:var(--radius);background:var(--panel);padding:23px 23px 18px;position:relative}.collection-icon{display:flex;width:37px;height:37px;align-items:center;justify-content:center;background:var(--badge);color:var(--ink);font:24px Georgia;border-radius:10px;margin-bottom:16px}.variant .portal-features .feature-name{font-size:25px}.variant .portal-features .feature p{font-size:12px;opacity:.8;margin-top:11px}.variant .portal-features .read{color:var(--strong);font-size:11px;border-top:1px solid var(--edge);padding-top:12px;margin-top:21px}.variant .radio-box{border-radius:var(--radius);background:var(--side);color:var(--side-text);padding:25px 20px}.radio-label{font-size:10px;display:block;margin-bottom:23px}.variant .radio-box>img{height:80px;max-width:100%;border-radius:8px;padding:6px;background:#fff}.variant .radio-box h2{font-size:27px}.variant .radio-box p{color:var(--side-text);opacity:.85;font-size:12px;line-height:1.8}.variant .radio-box>a{font-size:11px;text-underline-offset:4px}.sound-bars{display:flex;justify-content:center;align-items:center;gap:4px;height:21px;margin:0 auto 17px}.sound-bars i{display:block;width:3px;height:8px;background:currentColor;opacity:.5;border-radius:4px}.sound-bars i:nth-child(2n){height:15px}.sound-bars i:nth-child(3n){height:21px}.variant .discover-box{background:var(--panel);border-color:var(--edge);border-radius:var(--radius);padding:24px 20px}.variant .discover-box h2{font-size:20px}.variant .discover-box a{border-color:var(--edge);font-size:11px;padding-block:13px}.variant .since{margin-top:20px;border:1px dashed var(--edge);border-radius:var(--radius);padding:20px}.variant .since>span{color:var(--strong);font-size:44px}.variant .since p{font-size:11px}.memory-lane{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:35px;border-block:1px solid var(--edge);padding-block:27px;margin-top:40px}.memory-lane>div{display:flex;gap:16px;align-items:center}.memory-heart{font:43px Georgia;color:var(--strong)}.memory-lane>div>p{font:18px/1.4 Georgia}.memory-lane>p{font-size:12px;opacity:.8}.memory-lane>a{font-size:11px;border-bottom:1px solid var(--strong);padding-bottom:4px}.variant .catalog{border:0;margin-top:0;padding-top:55px}.variant .catalog h2{font-size:37px}.variant .catalog .section-head p{font-size:13px}.variant .result{border-color:var(--edge)}.variant .result h3{font-size:23px}.variant .result p{font-size:12px}.variant footer{border-color:var(--edge)}.variant footer .brand{color:var(--strong)}
.v6 .portal-welcome:after{content:'♡';position:absolute;right:25px;bottom:-70px;font:320px Georgia;opacity:.07;z-index:-1}.v6 .portal-features .feature:nth-child(2) .collection-icon{background:#f9e7ba}.v6 .portal-features .feature:nth-child(3) .collection-icon{background:#e1e9d8}.v7 .portal-ribbon{border-bottom:3px solid var(--side)}.v7 .hugo-frame{transform:rotate(-5deg);border-radius:70px 70px 7px 7px}.v7 .portal-features .feature{border-top:3px solid var(--side)}.v7 .portal-features .feature:nth-child(2n){border-top-color:var(--strong)}.v7 .portal-welcome:after{content:'';position:absolute;width:430px;height:430px;border:40px solid #fff3;border-radius:50%;right:-170px;top:-180px;z-index:-1}.v8 .portal-welcome{border-radius:var(--radius) var(--radius) 70px var(--radius)}.v8 .hugo-frame{transform:rotate(3deg);border:1px dashed #ab8dbf;border-radius:90px 90px 20px 20px}.v8 .collection-icon{border-radius:50%}.v8 .portal-nav h2{border-bottom:1px dashed var(--edge)}.v8 .portal-features .feature:nth-child(2n){background:#fcf8ff}.v8 .portal-welcome:after{content:'✧';position:absolute;right:130px;top:-30px;font:300px Georgia;opacity:.06;z-index:-1}.v9 .portal-header{border-top:4px solid var(--side)}.v9 .portal-welcome{border-radius:6px 65px 6px 6px}.v9 .hugo-frame{border-radius:70px 0 70px 0;background:#f1e7bb;transform:rotate(-5deg)}.v9 .collection-icon{border-radius:12px 0 12px 0;background:var(--badge)}.v9 .portal-features .feature{box-shadow:0 3px 0 var(--edge)}.v9 .radio-box{border-bottom:5px solid #e5c970}.v9 .portal-welcome:after{content:'';position:absolute;width:250px;height:250px;right:-50px;bottom:-140px;border:30px solid #a9bf954d;border-radius:100% 0 100% 0;transform:rotate(-25deg);z-index:-1}.v10 .quick-search button,.v10 .portal-welcome .button{color:#27324b}.v10 .hugo-frame{background:#ece8dc;border-color:#d5c6a6;border-radius:80px 80px 12px 12px}.v10 .hugo-frame span{color:#4e473a}.v10 .portal-welcome{background-image:radial-gradient(circle at 90% 12%,#f3d68c 1px,transparent 2px),radial-gradient(circle at 75% 80%,#f3d68c 1px,transparent 2px),radial-gradient(circle at 61% 27%,#f3d68c 1px,transparent 2px)}.v10 .portal-features .feature{border-top:2px solid #7b735d}.v10 .search button,.v10 .filters button[aria-pressed=true]{background:var(--strong);color:#27324b}.v10 .scene-spark{color:#f3d68c}
@media(max-width:1150px){.variant .portal-shell{grid-template-columns:175px minmax(0,1fr);gap:20px}.variant .portal-right{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column:1/-1;gap:20px}.variant .portal-right>div{margin:0}.variant .portal-welcome h1{font-size:40px}.variant .portal-header>p{max-width:260px}.quick-search{min-width:220px}.memory-lane{grid-template-columns:1fr 1fr}.memory-lane>a{grid-column:2;justify-self:start}.variant .portal-right .since{display:flex;flex-direction:column;justify-content:center}.variant .since>span{font-size:64px}}
@media(max-width:760px){.variant .portal-header{min-height:0;gap:18px;padding-block:20px}.variant .portal-header>a:first-child{width:auto;padding:6px 9px}.variant .portal-header>a:first-child img{width:128px}.variant .portal-header>p{font-size:10px;flex:1;line-height:1.6}.quick-search{width:100%;min-width:0}.portal-ribbon{margin-bottom:17px;padding-block:10px}.portal-ribbon>span{font-size:10px}.portal-ribbon>a{font-size:0}.portal-ribbon>a>span{font-size:17px}.variant .portal-shell{grid-template-columns:1fr;gap:17px}.variant .portal-nav{padding:0}.nav-caption{display:none}.variant .portal-nav nav a{font-size:11px;padding:12px 7px}.variant .portal-nav nav a:before{display:none}.variant .portal-welcome{padding:27px 20px;min-height:360px;gap:5px}.variant .portal-welcome h1{font-size:34px;margin-top:20px}.variant .portal-welcome p{font-size:12px}.variant .portal-welcome p br{display:none}.variant .portal-welcome>div>span{font-size:10px}.variant .portal-welcome>div:first-child{min-width:0}.hugo-scene{width:70px;margin-left:5px}.hugo-frame{min-height:150px;padding:16px 7px;border-radius:45px 45px 12px 12px}.hugo-frame img{width:38px}.hugo-frame span{font-size:10px}.scene-spark{font-size:19px}.s1{left:-5px;top:-16px}.s2{right:-7px;top:3px}.variant .portal-welcome .button{font-size:11px;padding:12px 16px;gap:10px}.feeling-bar{margin-block:17px 22px;padding-top:8px}.feeling-bar>div{gap:7px}.feeling-bar a{font-size:10px;padding:8px 9px}.collection-heading{display:block}.collection-heading h2{font-size:23px}.collection-heading>span{display:block;font-size:10px;margin-top:7px}.variant .portal-features{gap:12px}.variant .portal-features .feature{padding:20px 14px 14px}.variant .portal-features .feature-name{font-size:22px}.variant .portal-features .feature p{font-size:11px}.variant .portal-features .read{font-size:10px;gap:5px;margin-top:15px}.collection-icon{width:32px;height:32px;font-size:22px;margin-bottom:13px}.variant .portal-right{grid-template-columns:1fr 1fr;gap:12px}.variant .radio-box{padding:22px 12px}.radio-label{font-size:9px}.variant .radio-box h2{font-size:25px}.variant .radio-box p{font-size:11px}.variant .radio-box>a{font-size:10px}.variant .discover-box{padding:22px 14px}.variant .discover-box h2{font-size:20px}.variant .discover-box a{font-size:11px}.variant .portal-right .since{grid-column:1/-1;flex-direction:row;gap:24px;padding:18px}.variant .since>span{font-size:45px}.memory-lane{grid-template-columns:1fr;gap:18px;padding-block:25px;margin-top:25px}.memory-lane>a{grid-column:1}.memory-lane>p{font-size:12px}.variant .catalog{padding-top:40px}.variant .catalog h2{font-size:33px}.v8 .portal-welcome{border-bottom-right-radius:45px}.v9 .portal-welcome{border-top-right-radius:40px}}
@media(max-width:359px){.variant .portal-welcome h1{font-size:29px}.variant .portal-welcome{padding:24px 16px}.hugo-scene{width:58px}.hugo-frame{padding-inline:5px}.variant .portal-features .feature-name{font-size:20px}.variant .portal-header>p{font-size:9px}.variant .portal-header>a:first-child img{width:116px}}