@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{color:#f2f5ef;font-synthesis:none;text-rendering:optimizelegibility;--lime:#b7f335;--lime-soft:#91c82c;--ink:#080b0a;--panel:#111613;--panel-2:#171d19;--line:#c9ff5226;--muted:#8e9890;background:#070a09;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:#070a09;min-width:320px}body{background:radial-gradient(circle at 50% 8%,#7ba32329,#0000 28rem),linear-gradient(90deg,#050706,#0b0e0c 45%,#050706);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body:before{pointer-events:none;content:"";opacity:.17;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{max-width:100%;display:block}.app-shell{width:100%;min-height:100vh;position:relative}.page-frame{background:var(--ink);width:100%;max-width:480px;min-height:100vh;margin:0 auto;animation:.42s ease-out both pageEnter;position:relative;overflow:hidden;box-shadow:0 0 70px #000000b8}@keyframes pageEnter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.brand-mark{z-index:2;align-items:center;gap:9px;min-width:0;display:flex;position:relative}.brand-mark__symbol{clip-path:polygon(50% 0,100% 23%,88% 82%,50% 100%,12% 82%,0 23%);background:#080b0abd;border:1px solid #b7f33599;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.brand-mark__symbol:before,.brand-mark__symbol:after,.brand-mark__symbol i{content:"";position:absolute}.brand-mark__symbol:before{border:2px solid var(--lime);width:16px;height:16px;transform:rotate(45deg)}.brand-mark__symbol:after{background:var(--lime);width:3px;height:20px;transform:rotate(45deg);box-shadow:6px -6px #b7f33561}.brand-mark__symbol i{z-index:1;background:#0b0e0c;width:6px;height:6px;transform:rotate(45deg)}.brand-mark__copy{flex-direction:column;min-width:0;line-height:1;display:flex}.brand-mark__copy b{color:#fff;letter-spacing:.09em;font-size:15px;font-weight:800}.brand-mark__copy small{color:var(--lime);letter-spacing:.16em;margin-top:5px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:700}.brand-mark--compact .brand-mark__symbol{width:31px;height:31px}.brand-mark--compact .brand-mark__copy{display:none}.hero{isolation:isolate;background:#0d110f;height:382px;position:relative;overflow:hidden}.hero:before{z-index:4;pointer-events:none;content:"";clip-path:polygon(0 0,86px 0,86px 1px,100% 1px,100% 100%,0 100%);border:1px solid #c4f84621;position:absolute;inset:9px}.hero__image{z-index:-3;object-fit:cover;object-position:54% 30%;filter:saturate(.77)contrast(1.08)brightness(.82);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.hero__shade{z-index:-2;background:linear-gradient(90deg,#050807f5 0%,#05080794 42%,#05080714 73%),linear-gradient(#0507062e 0%,#0000 57%,#080b0a 100%);position:absolute;inset:0}.hero__grid{z-index:-1;opacity:.22;mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#b7f3350e 4px),linear-gradient(90deg,#0000 49.8%,#b7f33526 50%,#0000 50.2%);background-size:100% 4px,88px 100%;position:absolute;inset:0}.hero__topline{padding:calc(20px + env(safe-area-inset-top,0px)) 23px 0;justify-content:space-between;align-items:center;display:flex}.online-badge{height:26px;color:var(--lime);letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060907ad;border:1px solid #b7f33552;align-items:center;gap:6px;padding:0 9px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;display:flex}.online-badge svg{filter:drop-shadow(0 0 4px var(--lime))}.hero__coordinate{color:#e1ebe07a;letter-spacing:.15em;flex-direction:column;align-items:flex-end;gap:2px;font-family:Barlow Condensed,sans-serif;font-size:8px;display:flex;position:absolute;top:85px;right:23px}.hero__coordinate:before{content:"";background:var(--lime);width:46px;height:1px;position:absolute;top:-7px;right:0}.hero__content{z-index:2;position:absolute;bottom:78px;left:23px}.hero__kicker{color:var(--lime);letter-spacing:.18em;align-items:center;gap:7px;margin-bottom:7px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;display:flex}.hero h1{color:#f5f7f2;letter-spacing:-.07em;text-shadow:0 6px 25px #0000008c;margin:0;font-family:Noto Sans SC,sans-serif;font-size:clamp(42px,12vw,56px);font-style:italic;font-weight:900;line-height:.98}.hero h1 em{color:var(--lime);font-style:inherit}.hero__content p{color:#f2f5efdb;letter-spacing:.13em;margin:13px 0 0;font-size:13px;font-weight:600}.hero__footer{z-index:3;color:#cbd0ca;letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101512b8;border:1px solid #c1f14f33;justify-content:center;align-items:center;gap:clamp(6px,2.4vw,11px);height:35px;font-size:clamp(9px,2.6vw,11px);font-weight:600;display:flex;position:absolute;bottom:21px;left:17px;right:17px}.hero__footer i{background:var(--lime);width:3px;height:3px;box-shadow:0 0 6px var(--lime)}.menu-section{min-height:470px;padding:25px 17px calc(23px + env(safe-area-inset-bottom,0px));background-color:#080b0a;background-image:linear-gradient(#b7f33507 1px,#0000 1px),linear-gradient(90deg,#b7f33507 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:23px 23px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative}.menu-section:before{content:"";background:var(--lime);width:76px;height:2px;position:absolute;top:0;left:17px;box-shadow:80px 0 #b7f33526}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.section-heading span{color:var(--lime-soft);letter-spacing:.17em;margin-bottom:3px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;display:block}.section-heading h2{color:#f0f3ee;letter-spacing:.08em;margin:0;font-size:20px;font-weight:800}.section-heading__status{color:#778078;letter-spacing:.12em;align-items:center;gap:6px;padding-bottom:3px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:600;display:flex}.section-heading__status i{background:var(--lime);width:5px;height:5px;box-shadow:0 0 7px var(--lime);border-radius:50%}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.menu-card{min-width:0;color:inherit;background:linear-gradient(145deg,#181f1af2,#0d110ffa);border:1px solid #c3e57321;border-radius:15px 4px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 9px 25px #00000047}.menu-card:hover,.menu-card:focus-visible{border-color:#b7f3356b;outline:none;transform:translateY(-2px);box-shadow:0 12px 29px #0000006b,0 0 22px #b7f3350f}.menu-card:active{transform:scale(.975)}.menu-card__image-wrap{aspect-ratio:1.35;background:#0d110f;position:relative;overflow:hidden}.menu-card__image-wrap:after{content:"";background:linear-gradient(#0000 48%,#080b0a99);position:absolute;inset:0}.menu-card__image{object-fit:cover;filter:saturate(.83)contrast(1.06);width:100%;height:100%;transition:transform .4s,filter .4s}.menu-card:hover .menu-card__image{filter:saturate()contrast(1.08);transform:scale(1.035)}.menu-card__scan{z-index:1;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,#0000 0 4px,#c5ff412e 5px);position:absolute;inset:0}.menu-card__code{z-index:2;border-left:2px solid var(--lime);color:#d8dfd4;letter-spacing:.12em;background:#0305048c;padding:3px 5px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:600;position:absolute;top:8px;left:8px}.menu-card__corner{z-index:3;width:13px;height:13px;position:absolute}.menu-card__corner--tl{border-top:1px solid var(--lime);border-right:1px solid var(--lime);top:7px;right:7px}.menu-card__corner--br{border-right:1px solid var(--lime);border-bottom:1px solid var(--lime);bottom:7px;right:7px}.menu-card__content{justify-content:space-between;align-items:center;min-height:61px;padding:10px 11px 11px 13px;display:flex}.menu-card__content h2{letter-spacing:.04em;margin:0;font-size:15px;font-weight:700}.menu-card__content p{color:#7f8981;letter-spacing:.13em;margin:3px 0 0;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:600}.menu-card__arrow{width:27px;height:27px;color:var(--lime);background:#b7f3350e;border:1px solid #b7f3353b;border-radius:8px 2px;flex:none;place-items:center;display:grid}.scroll-hint{color:#59605b;letter-spacing:.16em;justify-content:center;align-items:center;gap:8px;height:44px;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:600;display:flex}.scroll-hint svg{color:var(--lime-soft)}.detail-page{background:radial-gradient(circle at 80% 20%,#aadd3114,#0000 20rem),linear-gradient(#b7f33506 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#b7f33506 1px,#0000 1px) 0 0/24px 24px,#090c0a;min-height:100vh}.detail-header{z-index:10;min-height:72px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b09db;border-bottom:1px solid #b7f3351f;grid-template-columns:38px 1fr 38px;align-items:center;gap:12px;display:grid;position:relative}.detail-header:after{content:"";background:var(--lime);width:58px;height:2px;position:absolute;bottom:-1px;left:16px}.back-button{color:#eef2eb;cursor:pointer;background:#ffffff09;border:1px solid #cbf07629;border-radius:11px 3px;place-items:center;width:38px;height:38px;padding:0;transition:transform .16s,border-color .16s;display:grid}.back-button:hover,.back-button:focus-visible{color:var(--lime);border-color:#b7f3358c;outline:none}.back-button:active{transform:scale(.93)}.detail-header__title{text-align:center;min-width:0}.detail-header__title span{color:#7b857d;letter-spacing:.18em;margin-bottom:2px;font-size:8px;font-weight:600;display:block}.detail-header__title strong{color:#f3f5f0;letter-spacing:.08em;font-size:16px;font-weight:700}.detail-hero{isolation:isolate;border:1px solid #bee75c2b;border-radius:20px 4px;height:300px;margin:13px 13px 0;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000059}.detail-hero:before,.detail-hero:after{z-index:4;pointer-events:none;content:"";width:36px;height:36px;position:absolute}.detail-hero:before{border-top:1px solid var(--lime);border-left:1px solid var(--lime);top:10px;left:10px}.detail-hero:after{border-right:1px solid var(--lime);border-bottom:1px solid var(--lime);bottom:10px;right:10px}.detail-hero>img{z-index:-2;object-fit:cover;filter:saturate(.82)contrast(1.08)brightness(.85);width:100%;height:100%;position:absolute;inset:0}.detail-hero__overlay{z-index:-1;background:linear-gradient(#0508060d 34%,#050806f5),repeating-linear-gradient(0deg,#0000 0 4px,#b7f3350f 5px);position:absolute;inset:0}.detail-hero__hud{color:#e5eee3b8;letter-spacing:.13em;justify-content:space-between;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:600;display:flex;position:absolute;top:16px;left:16px;right:16px}.detail-hero__hud span:last-child{color:var(--lime)}.detail-hero__copy{position:absolute;bottom:21px;left:20px;right:20px}.detail-hero__copy p{color:var(--lime);letter-spacing:.18em;margin:0 0 3px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700}.detail-hero__copy h1{color:#fff;letter-spacing:.05em;margin:0;font-size:30px;font-weight:900}.detail-hero__copy>span{color:#adb5ad;letter-spacing:.05em;margin-top:6px;font-size:11px;display:block}.placeholder-panel{background:linear-gradient(135deg,#19201beb,#0c100df2);border:1px solid #c4e67324;border-radius:4px 18px;margin:13px;padding:28px 22px 21px;position:relative;overflow:hidden;box-shadow:0 15px 32px #00000038}.placeholder-panel:after{content:"";background:var(--lime);width:40px;height:2px;position:absolute;top:0;right:38px}.placeholder-panel__radar{border:1px solid #b7f33514;border-radius:50%;width:104px;height:104px;position:absolute;top:-18px;right:-17px}.placeholder-panel__radar:before,.placeholder-panel__radar:after,.placeholder-panel__radar i,.placeholder-panel__radar span{content:"";position:absolute}.placeholder-panel__radar:before{border:1px solid #b7f33514;border-radius:50%;inset:18px}.placeholder-panel__radar:after{background:#b7f33512;height:1px;top:50%;left:0;right:0}.placeholder-panel__radar i{background:#b7f33512;width:1px;top:0;bottom:0;left:50%}.placeholder-panel__radar span{background:linear-gradient(90deg, var(--lime), transparent);transform-origin:0;width:40px;height:1px;top:50%;left:50%;transform:rotate(-35deg)}.placeholder-panel__eyebrow{color:var(--lime-soft);letter-spacing:.16em;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700}.placeholder-panel h2{color:#f1f3ef;letter-spacing:.06em;margin:6px 0 8px;font-size:20px;font-weight:700}.placeholder-panel p{color:#7f8981;max-width:300px;margin:0;font-size:11px;line-height:1.8}.placeholder-panel__divider{background:linear-gradient(90deg,#b7f33538,#b7f33505);height:1px;margin:20px 0 15px}.service-chips{flex-wrap:wrap;gap:7px;display:flex}.service-chips span{color:#9aa49c;background:#b7f33509;border:1px solid #b4e6421f;border-radius:7px 2px;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:9px;display:flex}.detail-footer{padding:2px 18px calc(22px + env(safe-area-inset-bottom,0px));color:#475049;letter-spacing:.12em;justify-content:space-between;font-family:Barlow Condensed,sans-serif;font-size:8px;font-weight:600;display:flex}@media (width<=359px){.hero{height:365px}.hero__topline{padding-left:17px;padding-right:17px}.hero__content{left:17px}.hero__content p{font-size:11px}.menu-card__content{padding-left:10px;padding-right:8px}.menu-card__content h2{font-size:13px}.menu-card__arrow{width:24px;height:24px}}@media (width>=700px){.page-frame{border:1px solid #b7f3351f;border-radius:22px;min-height:calc(100vh - 48px);margin-top:24px;margin-bottom:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-frame{animation:none}.menu-card,.menu-card__image,.back-button{transition:none}}:root{--lime:#ff6f9c;--lime-soft:#6f91e8;--ink:#fdfafd;--panel:#fff;--panel-2:#f8f4fb;--line:#738fdb2e;--muted:#898392}html,body{background:#f7f5fb}body{background:radial-gradient(circle at 15% 5%,#ffa6c252,#0000 22rem),radial-gradient(circle at 85% 22%,#91beff47,#0000 25rem),#f7f5fb}body:before{opacity:.65;background-image:linear-gradient(#6a8bd20e 1px,#0000 1px),linear-gradient(90deg,#6a8bd20e 1px,#0000 1px);background-size:24px 24px}.page-frame{background:#fffafd;box-shadow:0 18px 70px #5c4c6f2e}.brand-mark__symbol{clip-path:none;background:linear-gradient(145deg,#ff8eb1,#86b6ff);border:2px solid #fff;border-radius:12px;transform:rotate(-4deg);box-shadow:0 5px 15px #6173b233}.brand-mark__symbol:before{border-color:#fff}.brand-mark__symbol:after{background:#fff;box-shadow:6px -6px #ffffff6b}.brand-mark__symbol i{background:#ff78a3}.brand-mark__copy b{color:#35313d;text-shadow:0 1px #fff}.brand-mark__copy small{color:#e75d8b}.hero{background:#f8f1f8;height:400px}.hero:before{clip-path:none;border-color:#fffc;border-radius:18px;inset:10px;box-shadow:inset 0 0 0 1px #6789d01a}.hero__image{object-position:center 43%;filter:saturate(.92)contrast(.98)brightness(1.02)}.hero__shade{background:linear-gradient(90deg,#fffafdf5 0%,#fffafdbd 38%,#fffafd0d 72%),linear-gradient(#0000 25%,#fffafd33 58%,#fffafd 100%)}.hero__grid{opacity:.34;background-image:repeating-linear-gradient(0deg,#0000 0 5px,#ff77a214 6px),linear-gradient(90deg,#0000 49.8%,#6b8edb1f 50%,#0000 50.2%)}.online-badge{color:#e65485;background:#ffffffe0;border-color:#ff6f9c47;border-radius:12px;box-shadow:0 5px 16px #6779aa1a}.hero__coordinate{color:#4a47528c}.hero__coordinate:before{background:#6f91e8}.hero__kicker{color:#617fcf}.hero h1{color:#39343f;text-shadow:2px 3px #fffffff2,0 8px 24px #6d587b24}.hero h1 em{color:#ff6f9c}.hero__content p{color:#5f5966}.hero__footer{color:#655f6b;background:#ffffffe0;border-color:#7090dc2b;border-radius:14px;box-shadow:0 8px 25px #695f7b1f}.hero__footer i{background:#ff7fa7;border-radius:50%;box-shadow:0 0 0 3px #ff7fa721}.menu-section{background-color:#fffafd;background-image:linear-gradient(#7091db0e 1px,#0000 1px),linear-gradient(90deg,#7091db0e 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.menu-section:before{background:linear-gradient(90deg,#ff83aa,#89b7ff);border-radius:10px;height:5px;box-shadow:82px 0 #ff83aa29}.section-heading span{color:#6684d2}.section-heading h2,.menu-card__content h2{color:#3d3843}.section-heading__status{color:#98919d}.section-heading__status i{background:#ff7da5;box-shadow:0 0 0 3px #ff7da51f}.menu-card{background:#fff;border:1px solid #738fd129;border-radius:20px;box-shadow:0 9px 24px #53587b1a,0 2px #ff79a414}.menu-card:hover,.menu-card:focus-visible{border-color:#ff6f9c6b;box-shadow:0 14px 30px #53587b29}.menu-card__image-wrap{background:#f8f3f8}.menu-card__image-wrap:after{background:linear-gradient(#0000 55%,#ffffff47)}.menu-card__image{filter:saturate(.92)contrast(.98)}.menu-card__scan{display:none}.menu-card__code{color:#fff;background:linear-gradient(90deg,#ff7da6,#7da8f4);border:0;border-radius:8px}.menu-card__corner--tl{border-color:#ff7da6}.menu-card__corner--br{border-color:#7da8f4}.menu-card__content p,.scroll-hint{color:#9b94a0}.menu-card__arrow{color:#e85f8d;background:#fff1f6;border-color:#ff6f9c2e;border-radius:9px}.detail-page{background:radial-gradient(circle at 90% 12%,#ff99be33,#0000 18rem),linear-gradient(#6b8fdb0d 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#6b8fdb0d 1px,#0000 1px) 0 0/24px 24px,#fffafd}.detail-header{background:#ffffffe6;border-color:#6c8dd524;box-shadow:0 5px 20px #59506c12}.detail-header:after{background:linear-gradient(90deg,#ff7fa7,#83aff7);border-radius:6px}.back-button{color:#4f4956;background:#fff;border-color:#708ed12e;border-radius:12px;box-shadow:0 4px 12px #59506c14}.detail-header__title span{color:#a099a5}.detail-header__title strong{color:#3c3741}.detail-hero{border-color:#6d8fd929;border-radius:22px;box-shadow:0 14px 32px #504e6f21}.detail-hero:before{border-color:#ff7da6}.detail-hero:after{border-color:#779fe8}.detail-hero>img{filter:saturate(.92)contrast(.98)}.detail-hero__overlay{background:linear-gradient(#fffafd0d 36%,#fffafdf7)}.detail-hero__hud{color:#5d5863}.detail-hero__hud span:last-child,.detail-hero__copy p{color:#e85f8d}.detail-hero__copy h1{color:#37323c;text-shadow:0 2px #fff}.detail-hero__copy>span{color:#77717c}.placeholder-panel{background:#fffffff0;border-color:#6f8fd524;border-radius:20px;box-shadow:0 14px 32px #524e6c1a}.placeholder-panel:after{background:linear-gradient(90deg,#ff7da5,#7ca9f2);border-radius:6px;height:4px}.placeholder-panel__radar{border-color:#7899de1c}.placeholder-panel__eyebrow{color:#6684d2}.placeholder-panel h2{color:#3f3945}.placeholder-panel p{color:#8a838e}.placeholder-panel__divider{background:linear-gradient(90deg,#ff74a03d,#7296e214)}.service-chips span{color:#77717e;background:linear-gradient(90deg,#fff3f7,#f3f7ff);border-color:#6f8fd524;border-radius:9px}.service-chips svg{color:#eb678f}.detail-footer{color:#aaa3ae}.guide-gallery{overflow-anchor:none;gap:14px;margin:13px;display:grid}.guide-gallery__intro{background:linear-gradient(135deg,#fff1f7f5,#eff6fff5);border:1px solid #6f8fd524;border-radius:18px;padding:20px 19px;box-shadow:0 10px 26px #524e6c14}.guide-gallery__intro>span{color:#6684d2;letter-spacing:.18em;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700}.guide-gallery__intro h2{color:#3f3945;letter-spacing:.05em;margin:5px 0 6px;font-size:19px}.guide-gallery__intro p{color:#89828e;margin:0;font-size:11px;line-height:1.7}.content-directory{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #6f8fd52b;border-radius:16px;position:sticky;top:8px;overflow:hidden;box-shadow:0 9px 25px #504b6921}.content-directory__label{color:#9d96a2;letter-spacing:.12em;padding:8px 12px 5px;font-size:10px;font-weight:700}.content-directory__scroll{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;gap:7px;padding:0 9px 9px;display:flex;overflow-x:auto}.content-directory__scroll::-webkit-scrollbar{display:none}.content-directory button{color:#69636e;cursor:pointer;scroll-snap-align:start;background:#faf8fc;border:1px solid #6f8fd524;border-radius:11px;flex:none;align-items:center;gap:6px;height:39px;padding:0 14px;font-size:12px;font-weight:600;transition:color .16s,background .16s,border-color .16s,transform .16s;display:flex}.content-directory button i{background:#fff;border:1.5px solid #9b95a1;border-radius:50%;width:8px;height:8px}.content-directory button.is-active{color:#d84f7d;background:#fff0f5;border-color:#f05c8b59;box-shadow:inset 0 -2px #f06b96}.content-directory button.is-active i{background:#ef6b96;border-color:#ef6b96;box-shadow:0 0 0 3px #ef6b9621}.content-directory button:active{transform:scale(.97)}.guide-sheet{background:#fff;border:1px solid #6f8fd526;border-radius:19px;scroll-margin-top:94px;animation:.22s ease-out both sheetSwitch;overflow:hidden;box-shadow:0 12px 30px #4e4a651c}@keyframes sheetSwitch{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.guide-sheet header{background:linear-gradient(90deg,#fff5f8,#f4f8ff);border-bottom:1px solid #6f8fd51c;grid-template-columns:32px 1fr 24px;align-items:center;gap:9px;min-height:64px;padding:10px 13px;display:grid}.guide-sheet header>span{color:#fff;background:linear-gradient(145deg,#ff7da5,#83aef5);border-radius:10px;place-items:center;width:30px;height:30px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:700;display:grid}.guide-sheet h3{color:#413b47;margin:0;font-size:14px}.guide-sheet header p{color:#99919d;margin:3px 0 0;font-size:9px}.guide-sheet header svg{color:#e96991}.guide-sheet__preview{cursor:zoom-in;background:#f5f1f4;border:0;width:100%;padding:0;display:block;position:relative}.guide-sheet img{width:100%;height:auto;display:block}.guide-sheet__zoom{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#302b38b3;border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 5px 16px #372e4333}.image-viewer{z-index:9999;color:#403944;background:#f8f5f8;min-height:100dvh;animation:.16s ease-out both viewerFadeIn;position:fixed;inset:0}@keyframes viewerFadeIn{0%{opacity:0}to{opacity:1}}.image-viewer__header{z-index:2;min-height:58px;padding:max(8px, env(safe-area-inset-top)) 14px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #6f8fd524;grid-template-columns:42px 1fr 42px;align-items:center;display:grid;position:relative;box-shadow:0 5px 18px #48425614}.image-viewer__header>button{color:#d8517e;background:#fff3f7;border:1px solid #6f8fd529;border-radius:13px;place-items:center;width:40px;height:40px;padding:0;display:grid}.image-viewer__header>div{text-align:center;min-width:0}.image-viewer__header strong,.image-viewer__header span{display:block}.image-viewer__header strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.image-viewer__header span{color:#9b929e;margin-top:2px;font-size:9px}.image-viewer__scroll{height:calc(100dvh - 58px);padding:10px 0 max(18px, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow:auto}.image-viewer__canvas{background:#fff;width:min(100%,900px);min-height:100%;margin:0 auto}.image-viewer__canvas img{touch-action:pan-y pinch-zoom;width:100%;height:auto;display:block}@media (width>=700px){.page-frame{border-color:#6f8fd526}}