@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css";@import"https://fonts.googleapis.com/css2?family=Jua&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Jua,sans-serif;background:#ebfaec;-webkit-font-smoothing:antialiased;font-size:24px}button,input,select{font-family:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-family:Material Symbols Outlined;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}#bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ebfaec73;z-index:-1;pointer-events:none}#root{position:relative;z-index:0}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-float{animation:mascot-float 3.2s ease-in-out infinite}@keyframes star-float{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 10px rgba(255,215,9,.7))}50%{transform:translateY(-12px) scale(1.08);filter:drop-shadow(0 0 28px rgba(255,215,9,1)) drop-shadow(0 0 50px rgba(255,200,0,.6))}}.star-float{animation:star-float 2.6s ease-in-out infinite;display:inline-block}@keyframes tab-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.tab-shake{animation:tab-shake .5s ease-in-out}html{font-size:20px;scroll-behavior:smooth}body{background:#ebebeb;min-height:100vh;font-family:Jua,sans-serif}#root{max-width:1000px;margin:0 auto;min-height:100vh;background:#fff;position:relative;z-index:0}button{min-height:44px;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}button:active{transform:scale(.97)!important}button[style*="border-radius: 50%"]{min-height:0}select,input{min-height:44px}.quest-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)!important}.quest-card:hover:not(.locked){transform:translateY(-4px) scale(1.015);box-shadow:0 12px 36px #0000001c!important}@keyframes cardReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card-reveal{animation:cardReveal .5s cubic-bezier(.16,1,.3,1) both}@keyframes sectionFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.section-reveal{animation:sectionFadeUp .55s cubic-bezier(.16,1,.3,1) both}.nav-label-pretendard{font-family:Jua,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.01em}.quest-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.portfolio-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.bottom-nav-fixed{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1024px;padding:10px 20px 18px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #e8e8e8;border-radius:0;display:flex;justify-content:space-around;z-index:200;box-shadow:0 -2px 20px #0000000f}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:4px;border-radius:16px;min-height:56px;transition:transform .15s ease}.bottom-nav-item:active{transform:scale(.94)}.nav-pill{width:52px;height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,box-shadow .2s ease}.nav-pill.active{background:#1a1a1a;box-shadow:0 2px 8px #0003}.nav-icon{font-size:24px;transition:color .2s ease}.nav-label{font-size:.7rem;transition:color .2s ease;letter-spacing:-.1px;font-weight:400}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:820px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0003}:root{--fs-title: 26px;--fs-body: 16px;--fs-small: 14px;--fs-btn: 16px}@keyframes tp-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tp-sentence-enter{animation:tp-slide-in .25s ease-out both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mascot-float{animation:float 3s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.star-float{animation:star-pulse 2.2s ease-in-out infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.gallery-marquee-track{display:flex;gap:10px;width:max-content;animation:marquee-scroll 28s linear infinite}.gallery-marquee-track:hover{animation-play-state:paused}@media (min-width: 1024px){.quest-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:14px}.portfolio-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){#root{box-shadow:none}.quest-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid,.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:8px}:root{--fs-title: 22px;--fs-body: 15px;--fs-small: 13px;--fs-btn: 15px}.nav-pill{width:44px;height:30px}.nav-icon{font-size:22px}}.yo-mute-float{position:fixed;z-index:9999;width:44px;height:44px;border-radius:50%;border:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:background .25s,transform .15s;top:20px;right:14px}.yo-mute-float:hover{transform:scale(1.1)}@media (max-width: 1116px){.yo-mute-float{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px))}}html,body{background:linear-gradient(135deg,#fdeef6,#f3ecfb,#fdf0f8) fixed!important;min-height:100vh}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) html,:root:not([data-theme=light]) body{background:linear-gradient(160deg,#14101a,#100f16,#17111a) fixed!important}}:root{--bg: #ffffff;--bg-sunken: #fafafa;--surface: #ffffff;--line: #ededed;--line-strong: #dbdbdb;--ink: #1a1a1a;--ink-soft: #6b7280;--ink-faint: #9ca3af;--green: #8f72c8;--green-deep: #6a4f9e;--green-soft: #f3eefb;--gold: #ffc107;--gold-deep: #b8860b;--danger: #e53935;--btn-bg: #efefef;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 4px 16px rgba(0, 0, 0, .08);--shadow-3: 0 12px 32px rgba(0, 0, 0, .12);--header-h: 56px;--nav-h: 50px;--page-max: 1000px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .yo-root{background:linear-gradient(160deg,#14101a,#100f16,#17111a)}:root:not([data-theme=light]){--bg: #0d0d0f;--bg-sunken: #141417;--surface: #17171b;--line: #26262b;--line-strong: #35353c;--ink: #f2f2f3;--ink-soft: #a0a0a8;--ink-faint: #6e6e77;--green-soft: #241d33;--btn-bg: #2a2a30}}.yo-root{min-height:100vh;max-width:var(--page-max);margin:0 auto;background:transparent;color:var(--ink);font-size:14px;line-height:1.5;font-family:Nanum Gothic,Apple SD Gothic Neo,-apple-system,sans-serif;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;word-break:keep-all}.yo-root *{box-sizing:border-box}.yo-root input::placeholder,.yo-root textarea::placeholder{color:#ced4da;opacity:1}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .yo-root input::placeholder,:root:not([data-theme=light]) .yo-root textarea::placeholder{color:#4a4a52}}.yo-page{max-width:var(--page-max);margin:0 auto;padding:0 20px calc(var(--nav-h) + 32px)}.yo-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.yo-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#eaa6ad,#e9d79a,#a9d6a4,#a6cbe4,#ad93d8)}.yo-brand{font-family:Pacifico,Jua,cursive;font-size:22px;letter-spacing:0;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;font-family:inherit}.yo-brand b{color:var(--green)}.yo-brand:hover{opacity:.75}.yo-brand{display:inline-flex;align-items:baseline;gap:8px}.yo-brand-mascot{width:30px;height:30px;border-radius:50%;object-fit:cover;align-self:center;background:#fff;box-shadow:0 1px 5px #8f72c847;flex:0 0 auto}.yo-brand-ko{font-family:Nanum Pen Script,cursive;font-size:26px;color:var(--ink)}.yo-brand-en{font-family:Pacifico,cursive;font-size:19px;color:var(--green)}.yo-header-actions{display:flex;align-items:center;gap:4px}.yo-icon-btn{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--r-full);background:transparent;color:var(--ink);cursor:pointer;transition:background .15s ease}.yo-icon-btn:hover{background:var(--bg-sunken)}.yo-btn{font-family:inherit;font-size:14px;font-weight:600;padding:7px 16px;border-radius:8px;border:0;background:var(--btn-bg);color:var(--ink);cursor:pointer;transition:transform .12s ease,filter .15s ease}.yo-btn:hover{filter:brightness(.96)}.yo-btn:active{transform:scale(.97)}.yo-btn:disabled{opacity:.45;cursor:default;transform:none}.yo-btn--primary{background:var(--green);border-color:var(--green);color:#fff}.yo-btn--block{width:100%}.yo-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 2px 12px}.yo-section-title{font-size:16px;font-weight:700;color:var(--ink);margin:0}.yo-section-sub{font-size:12.5px;color:var(--ink-faint);margin:0}.yo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,15vw,210px),1fr));gap:4px}@media (min-width: 700px){.yo-grid{gap:8px}}.yo-tile{position:relative;aspect-ratio:1 / 1;overflow:hidden;border:0;padding:0;background:var(--bg-sunken);cursor:pointer;border-radius:2px}@media (min-width: 700px){.yo-tile{border-radius:var(--r-sm)}}.yo-tile--wide{grid-column:span 2;grid-row:span 2}.yo-tile img,.yo-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.yo-tile:hover img{transform:scale(1.04)}.yo-tile-badge{position:absolute;top:6px;right:6px;font-size:15px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));pointer-events:none}.yo-tile-meta{position:absolute;inset:auto 0 0 0;padding:26px 10px 8px;display:flex;gap:14px;align-items:center;font-size:13px;color:#fff;background:linear-gradient(transparent,#00000073);pointer-events:none;z-index:2}.yo-tile-meta .m{display:inline-flex;align-items:center;gap:5px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.yo-tile--fit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--thumb);background-size:cover;background-position:center;filter:blur(16px) brightness(.92) saturate(1.05);transform:scale(1.15)}.yo-tile--fit img,.yo-tile--fit video{position:relative;object-fit:contain}.yo-tile--typing{display:grid;place-content:center;justify-items:center;gap:4px;background:linear-gradient(165deg,#faf7fe,#efe7fa);color:var(--green-deep)}.yo-tile--typing:after{content:"타자 기록";font-size:11px;letter-spacing:1px;color:#b7a4dd;margin-top:6px}.yo-tile--typing .n{font-size:clamp(24px,7vw,44px);line-height:1;color:var(--ink)}.yo-tile--typing .u{font-size:12px;color:#9c86c9}.yo-profile-top{display:flex;align-items:center;gap:clamp(16px,5vw,40px);padding:24px 2px 8px;flex-wrap:wrap}.yo-profile-info{min-width:0;flex:1}.yo-profile-name{font-size:16px;font-weight:600;margin:0 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yo-level-chip{display:inline-flex;align-items:center;justify-content:center;min-width:54px;gap:4px;height:30px;line-height:1;font-size:12.5px;font-weight:600;padding:0 12px;border-radius:8px;color:#fff}.yo-status-msg{font-size:13.5px;color:var(--ink-soft);margin:6px 0 0;line-height:1.5;white-space:pre-wrap}.yo-stat-row{display:flex;gap:26px;margin:14px 0 0}.yo-stat b{font-size:15px}.yo-stat span{font-size:12.5px;color:var(--ink-soft);margin-left:5px}.yo-stars{display:flex;gap:10px;margin:16px 0 4px}.yo-star{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--ink-faint)}.yo-star.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--surface));color:var(--gold-deep)}.yo-star .s{font-size:15px;filter:grayscale(1) opacity(.5)}.yo-star.on .s{filter:drop-shadow(0 0 5px rgba(255,193,7,.8))}.yo-people{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.yo-people::-webkit-scrollbar{display:none}.yo-person{flex:0 0 auto;width:108px;padding:16px 10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);display:grid;justify-items:center;gap:8px;cursor:pointer;font-family:inherit;color:var(--ink);transition:box-shadow .18s ease,transform .18s ease}.yo-person:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.yo-person .nm{font-size:13px;text-align:center;line-height:1.35}.yo-person .lv{font-size:11px;color:var(--ink-faint)}.yo-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:var(--page-max);margin:0 auto;height:var(--nav-h);display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.yo-nav-item{flex:1;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}.yo-nav-item .material-symbols-outlined{font-size:26px;font-variation-settings:"FILL" 0,"wght" 400;transition:font-variation-settings .15s ease}.yo-nav-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 600}.yo-empty{padding:56px 20px;text-align:center;color:var(--ink-faint);font-size:15px;line-height:1.7}.yo-skeleton{background:linear-gradient(90deg,var(--bg-sunken) 25%,color-mix(in srgb,var(--bg-sunken) 60%,var(--line)) 37%,var(--bg-sunken) 63%);background-size:400% 100%;animation:yo-shimmer 1.4s ease infinite}@keyframes yo-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.yo-fade-in{animation:yo-fade .5s ease both}@keyframes yo-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.yo-fade-in,.yo-skeleton{animation:none}.yo-tile img{transition:none}}.yo-statusbar{height:26px;display:flex;align-items:center;justify-content:space-between;padding:2px 18px 0;font-size:12.5px;color:var(--ink);background:var(--bg);-webkit-user-select:none;user-select:none}.yo-statusbar-right{display:inline-flex;align-items:center;gap:7px}.yo-statusbar-batt{display:inline-flex;align-items:center;gap:4px}.yo-statusbar-pct{font-size:11.5px;color:var(--ink-soft)}.yo-feed{max-width:560px;margin:0 auto;padding:16px 0 calc(var(--nav-h) + 32px);display:grid;gap:20px}.yo-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.yo-card-head{display:flex;align-items:center;gap:10px;padding:9px 12px}.yo-card-who{border:0;background:none;font-family:inherit;text-align:left;cursor:pointer;color:var(--ink);display:grid;gap:1px}.yo-card-who b{font-size:13px;font-weight:700}.yo-card-who span{font-size:11.5px;color:var(--ink-faint)}.yo-card-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border:0;padding:0;background:var(--bg-sunken);cursor:pointer;overflow:hidden}.yo-card-blur{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(18px) brightness(.92);transform:scale(1.15)}.yo-card-media img,.yo-card-media video{position:relative;width:100%;height:100%;object-fit:contain;display:block}.yo-card-typing{height:100%;display:grid;place-content:center;gap:6px;background:linear-gradient(165deg,#faf7fe,#efe7fa);color:var(--green-deep);text-align:center}.yo-card-typing .n{font-size:56px;line-height:1;color:var(--ink)}.yo-card-typing .u{font-size:13px;color:#9c86c9}.yo-card-actions{display:flex;align-items:center;gap:2px;padding:2px 6px 0}.yo-card-body{padding:0 14px 13px}.yo-card-likes{margin:2px 0 0;font-size:13px;font-weight:700}.yo-card-caption{margin:4px 0 0;font-size:13.5px;line-height:1.5;word-break:break-word}.yo-card-caption b{margin-right:5px}.yo-card-comments{margin-top:5px;border:0;background:none;padding:0;font-family:inherit;font-size:12.5px;color:var(--ink-faint);cursor:pointer}.yo-friends{max-width:640px;margin:0 auto;padding:0 16px calc(var(--nav-h) + 32px)}.yo-friend-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.yo-friend-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.yo-friend-info{flex:1;min-width:0;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer;color:var(--ink);display:grid;gap:3px}.yo-friend-info b{font-size:13.5px;display:flex;align-items:center;gap:7px}.yo-friend-info>span{font-size:12px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yo-bell{position:relative}.yo-bell .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.yo-activity{max-width:640px;margin:0 auto;padding:0 16px calc(var(--nav-h) + 32px)}.yo-act-row{width:100%;display:flex;align-items:center;gap:12px;padding:11px 4px;border:0;border-bottom:1px solid var(--line);background:none;font-family:inherit;text-align:left;cursor:pointer;color:var(--ink)}.yo-act-text{flex:1;min-width:0;font-size:13.5px;line-height:1.5}.yo-act-text b{font-weight:700}.yo-act-text .when{color:var(--ink-faint);font-size:12px;margin-left:6px}.yo-act-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--bg-sunken)}.yo-home{display:block}.yo-home .yo-feed{padding-left:0;padding-right:0;width:min(560px,100%)}.yo-home-rail{display:none;width:320px;flex-shrink:0;padding-top:28px}@media (min-width: 1024px){.yo-home-rail{display:block}}.yo-rail-me{width:100%;display:flex;align-items:center;gap:12px;border:0;background:none;padding:4px 0 18px;font-family:inherit;cursor:pointer;color:var(--ink);text-align:left}.yo-rail-me-text{display:grid;gap:2px;min-width:0}.yo-rail-me-text b{font-size:14px}.yo-rail-me-text span{font-size:12px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yo-rail-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px;font-size:13px;color:var(--ink-soft)}.yo-rail-head button{border:0;background:none;font-family:inherit;font-size:12px;color:var(--green-deep);cursor:pointer}.yo-rail-row{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:6px 0;font-family:inherit;cursor:pointer;color:var(--ink);text-align:left}.yo-rail-row-text{display:grid;gap:1px;min-width:0}.yo-rail-row-text b{font-size:13px}.yo-rail-row-text span{font-size:11.5px;color:var(--ink-faint)}.yo-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;line-height:1;border:0;font-family:inherit;box-sizing:border-box}.yo-bigstars{margin-left:auto;display:flex;align-items:flex-start;gap:18px;padding:0 6px}.yo-bigstar{display:grid;justify-items:center;gap:5px}.yo-bigstar .goal{font-size:10.5px;color:var(--ink-faint);background:var(--bg-sunken);padding:2px 8px;border-radius:var(--r-full);white-space:nowrap;height:18px;display:flex;align-items:center}.yo-bigstar.on .goal{color:var(--gold-deep);background:color-mix(in srgb,var(--gold) 15%,var(--surface))}.yo-bigstar .star{font-size:46px;line-height:1;filter:grayscale(.85) opacity(.55) drop-shadow(0 0 10px rgba(255,215,0,.55));transition:filter .4s ease}.yo-bigstar.on .star{filter:drop-shadow(0 0 14px rgba(255,215,9,1)) drop-shadow(0 0 4px rgba(255,180,0,.8)) saturate(1.2);animation:yo-star-pulse 2.2s ease-in-out infinite}@keyframes yo-star-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@media (prefers-reduced-motion: reduce){.yo-bigstar.on .star{animation:none;transform:scale(1.06)}}.yo-bigstar .lbl{font-size:12.5px;color:var(--ink-faint);font-weight:600}.yo-bigstar.on .lbl{color:var(--gold-deep)}.yo-bigstar .sub{font-size:11px;color:var(--ink-faint);white-space:nowrap;letter-spacing:-.1px}.yo-bigstar.on .sub{color:var(--gold-deep)}.yo-bigstar.env.on .goal{color:var(--green-deep);background:var(--green-soft)}.yo-bigstar.env.on .star{filter:drop-shadow(0 0 12px rgba(80,200,120,.85));animation:none}.yo-bigstar.env.on .lbl,.yo-bigstar.env.on .sub{color:var(--green-deep)}@media (max-width: 560px){.yo-bigstars{margin:8px auto 0}.yo-bigstar .star{font-size:40px}}.yo-explore-cell{display:flex;flex-direction:column;gap:4px}.yo-explore-author{display:flex;align-items:center;flex-wrap:wrap;gap:9px;border:0;background:none;padding:2px 2px 4px;cursor:pointer;color:var(--ink);font-family:inherit;text-align:left;min-width:0}.yo-explore-author b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yo-kind-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.yo-kind-tabs::-webkit-scrollbar{display:none}.yo-kind-tab{flex:0 0 auto;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);font-family:inherit;font-size:13.5px;font-weight:600;padding:7px 15px;border-radius:var(--r-full);cursor:pointer;transition:all .15s ease}.yo-kind-tab.active{background:var(--green);border-color:var(--green);color:#fff}.yo-kind-tabs--sub{margin-top:-6px}.yo-kind-tabs--sub .yo-kind-tab{font-size:12.5px;padding:5px 12px}@media (max-width: 640px){.yo-page{padding-left:12px;padding-right:12px}.yo-grid{gap:2px}}.yo-root{overflow-x:hidden}.yo-page{box-sizing:border-box}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #8f72c8;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:yo-dot-pulse calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #8f72c84d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes yo-dot-pulse{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.hide-switch .check{--size: 24px;position:relative;background:linear-gradient(90deg,#f19af3,#f099b5);line-height:0;perspective:400px;font-size:var(--size);border-radius:var(--size)}.hide-switch .check input[type=checkbox],.hide-switch .check label,.hide-switch .check label:before,.hide-switch .check label:after,.hide-switch .check{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border-radius:var(--size);border:0;transition:.35s ease-in-out;box-sizing:border-box;cursor:pointer}.hide-switch .check label{width:calc(2.2 * var(--size));height:var(--size);background:#d7d7d7;overflow:hidden}.hide-switch .check input[type=checkbox]{position:absolute;z-index:1;width:calc(.8 * var(--size))!important;height:calc(.8 * var(--size))!important;min-height:0!important;padding:0!important;top:calc(.1 * var(--size));left:calc(.1 * var(--size));background:linear-gradient(45deg,#dedede,#fff);box-shadow:0 6px 7px #0000004d;outline:none;margin:0}.hide-switch .check input[type=checkbox]:checked{left:calc(1.3 * var(--size))}.hide-switch .check input[type=checkbox]:checked+label{background:transparent}.hide-switch .check label:before,.hide-switch .check label:after{content:"· ·";position:absolute;overflow:hidden;left:calc(.15 * var(--size));top:calc(.5 * var(--size));height:var(--size);letter-spacing:calc(-.04 * var(--size));color:#9b9b9b;font-family:Times New Roman,serif;z-index:2;font-size:calc(.6 * var(--size));border-radius:0;transform-origin:0 0 calc(-.5 * var(--size));backface-visibility:hidden}.hide-switch .check label:after{content:"●";top:calc(.65 * var(--size));left:calc(.2 * var(--size));height:calc(.1 * var(--size));width:calc(.35 * var(--size));font-size:calc(.2 * var(--size));transform-origin:0 0 calc(-.4 * var(--size))}.hide-switch .check input[type=checkbox]:checked+label:before,.hide-switch .check input[type=checkbox]:checked+label:after{left:calc(1.55 * var(--size));top:calc(.4 * var(--size));line-height:calc(.1 * var(--size));transform:rotateY(360deg)}.hide-switch .check input[type=checkbox]:checked+label:after{height:calc(.16 * var(--size));top:calc(.55 * var(--size));left:calc(1.6 * var(--size));font-size:calc(.6 * var(--size));line-height:0}.yo-card.collapsed{opacity:.85}.yo-card.collapsed .yo-card-head{padding:10px 12px}@keyframes yo-frame-spin{to{transform:rotate(360deg)}}@keyframes yo-frame-shimmer{0%,to{opacity:.82}50%{opacity:1}}.yo-frame-spin{animation:yo-frame-spin 11s linear infinite}.yo-frame-spin-slow{animation:yo-frame-spin 16s linear infinite}.yo-frame-shimmer{animation:yo-frame-shimmer 3.4s ease-in-out infinite}@keyframes yo-frame-glow{0%,to{opacity:.42}50%{opacity:.82}}.yo-frame-glow{animation:yo-frame-glow 4s ease-in-out infinite}.yo-frame-aura{animation-name:yo-frame-spin;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes yo-notice-roll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.yo-notice-belt{animation-name:yo-notice-roll;animation-timing-function:linear;animation-iteration-count:infinite}.yo-notice-track:hover .yo-notice-belt,.yo-notice-track:active .yo-notice-belt{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.yo-frame-spin,.yo-frame-spin-slow,.yo-frame-shimmer,.yo-frame-glow,.yo-frame-aura,.yo-notice-belt{animation:none!important}}.yo-credit{position:fixed;z-index:55;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 6px);right:max(12px,calc(50vw - var(--page-max) / 2 + 12px));margin:0;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:10.5px;line-height:1.4;color:var(--ink-faint);letter-spacing:.2px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.yo-post-sheet{position:relative;aspect-ratio:3 / 2;height:88vh;width:auto;max-width:min(96vw,1600px);max-height:88vh;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-3)}.yo-post-split{display:flex;height:100%}.yo-post-left{position:relative;flex:1 1 auto;min-width:0;height:100%;background:#000;display:grid;place-items:center;overflow:hidden}.yo-post-left.is-typing{background:none}.yo-post-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.yo-post-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.yo-post-right{flex:0 0 clamp(300px,33%,430px);min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.yo-post-typing{width:100%;height:100%;box-sizing:border-box;padding:40px 24px;text-align:center;background:linear-gradient(165deg,#faf7fe,#efe7fa);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.yo-post-typing-cap{margin:0;color:#9c86c9;font-size:clamp(15px,1.8vw,19px)}.yo-post-typing-row{display:flex;justify-content:center;gap:clamp(24px,5vw,56px)}@media (max-width: 860px){.yo-post-sheet{aspect-ratio:auto;width:100%;max-width:100%;height:94vh;max-height:94vh}.yo-post-split{flex-direction:column}.yo-post-left{flex:0 0 52vh;height:auto}.yo-post-right{flex:1 1 auto;height:auto;flex-basis:auto}}@media (max-width: 860px) and (max-height: 520px){.yo-post-left{flex-basis:42vh}}.yo-play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#1414186b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;pointer-events:none;box-shadow:0 2px 10px #00000040}.yo-play-badge .material-symbols-outlined{font-size:26px;margin-left:2px;font-variation-settings:"FILL" 1}.yo-play-badge--lg{width:62px;height:62px}.yo-play-badge--lg .material-symbols-outlined{font-size:40px;margin-left:3px}.yo-manage-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.yo-manage-info{min-width:0;flex:1}.yo-manage-actions{display:flex;gap:6px;flex-shrink:0}@media (max-width: 820px){.yo-manage-row{flex-wrap:wrap;gap:10px;padding:12px}.yo-manage-info{flex:1 1 150px}.yo-manage-stars{flex-shrink:0}.yo-manage-actions{order:9;flex:1 1 100%;flex-wrap:wrap;gap:6px}.yo-manage-actions .yo-btn{flex:1 1 auto;min-width:84px;padding:8px 6px;font-size:12.5px;white-space:nowrap}}