:root{--grey50: #f9fafb;--grey100: #f2f4f6;--grey200: #e5e8eb;--grey300: #d1d6db;--grey400: #b0b8c1;--grey500: #8b95a1;--grey600: #636e7b;--grey700: #4e5968;--grey800: #333d4b;--grey900: #191f28;--blue50: #e8f3ff;--blue100: #c9e2ff;--blue200: #90c2ff;--blue300: #64a8ff;--blue500: #3182f6;--blue550: #2170e8;--blue700: #1b64da;--blue800: #1957c2;--green50: #e9f9f1;--green500: #03b26c;--green700: #027a4a;--red50: #ffeeee;--red100: #ffdede;--red500: #f04452;--red700: #d22030;--yellow50: #fff4d6;--yellow500: #ffc342;--yellow800: #7a5200;--violet50: #f1eeff;--violet500: #7c5cfa;--violet700: #5b3fd6;--coral50: #fff0ee;--coral500: #ff7262;--coral700: #c9412f;--f: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--nav-h: 64px;--gutter: clamp(20px, 5vw, 72px);--maxw: 1180px;--r-xl: 32px;--r-l: 24px;--r-m: 18px;--r-s: 14px;--shadow-s: 0 2px 10px rgba(2, 32, 71, .07);--shadow-m: 0 14px 34px rgba(2, 32, 71, .11);--shadow-l: 0 34px 80px rgba(2, 32, 71, .17);--ease-out: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--bounce: cubic-bezier(.34, 1.8, .64, 1);--expo-in: cubic-bezier(.7, 0, .84, 0);--expo-out: cubic-bezier(.16, 1, .3, 1);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--h: var(--blue500);--h-soft: var(--blue50);--h-mid: var(--blue100);--h-deep: var(--blue700);--h-ink: var(--blue800)}@supports (transition-timing-function: linear(0,1)){:root{--spring: linear(0, .05, .173, .335, .51 10%, .676, .821, .938, 1.025 20%, 1.083, 1.115, 1.126, 1.122 30%, 1.108, 1.088, 1.066, 1.045 40%, 1.026, 1.01, .999, .991 50%, .986, .984, .984, .986 60%, .988, .991, .994, .996 70%, .998, 1, 1.001, 1.002 80%, 1.002, 1.001, 1);--bounce: linear(0, .041, .15, .305, .485 8.3%, .671, .848, 1.002, 1.126 16.7%, 1.217, 1.273, 1.296, 1.292 25%, 1.265, 1.223, 1.171, 1.115 33.3%, 1.062, 1.013, .973, .943 41.7%, .923, .913, .912, .918 50%, .929, .944, .96, .977 58.3%, .992, 1.004, 1.014, 1.021 66.7%, 1.025, 1.026, 1.025, 1.022 75%, 1.018, 1.013, 1.008, 1.004 83.3%, 1, .997, .994, .993 91.7%, .992, .993, 1)}}[data-hue=A]{--h: #3182f6;--h-soft: #e8f3ff;--h-mid: #c9e2ff;--h-deep: #1b64da;--h-ink: #1957c2}[data-hue=E]{--h: #ff7262;--h-soft: #fff0ee;--h-mid: #ffd6d0;--h-deep: #c9412f;--h-ink: #b23a2a}[data-hue=I]{--h: #7c5cfa;--h-soft: #f1eeff;--h-mid: #dcd3ff;--h-deep: #5b3fd6;--h-ink: #4f35c2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:#fff;color:var(--grey900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;scroll-padding-top:calc(var(--nav-h) + var(--sat) + 16px)}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:var(--f);font-size:17px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;overflow-x:clip;-webkit-tap-highlight-color:transparent}main{flex:1 0 auto}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}button:disabled{cursor:default}ul,ol{list-style:none}b,strong{font-weight:700}fieldset{border:0;min-width:0}::selection{background:var(--blue100);color:var(--grey900)}:focus-visible{outline:3px solid var(--blue300);outline-offset:3px;border-radius:10px}[tabindex="-1"]:focus{outline:none}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-80px;z-index:400;padding:12px 18px;border-radius:12px;background:var(--grey900);color:#fff;font-weight:700;transition:top .3s var(--ease-out)}.skip:focus{top:calc(16px + var(--sat))}.container{width:100%;max-width:calc(var(--maxw) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.container--narrow{max-width:calc(640px + var(--gutter) * 2)}.container--read{max-width:calc(780px + var(--gutter) * 2)}main:focus{outline:none}.emo{display:inline-block;flex-shrink:0;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.muted{color:var(--grey600)}.link{color:var(--blue700);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}#view{padding-top:calc(var(--nav-h) + var(--sat))}#view.is-entering>*{animation:viewUp .55s var(--ease-out)}@keyframes viewUp{0%{opacity:0;transform:translateY(14px)}}.js [data-reveal]{opacity:0;transform:translateY(32px) scale(.98);transition:opacity .6s var(--ease-out),transform 1s var(--spring);transition-delay:var(--d, 0s)}.js [data-reveal].is-in{opacity:1;transform:none}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 8px 0 22px;border-radius:999px;background:var(--grey100);color:var(--grey900);font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;transition:transform .6s var(--bounce),background-color .2s,box-shadow .3s}.pill:hover{background:var(--grey200)}.pill:active{transform:scale(.93);transition:transform .12s var(--ease-out)}.pill__icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--grey900);color:#fff;transition:transform .6s var(--bounce)}.pill__icon svg{width:18px;height:18px}.pill:hover .pill__icon{transform:translate(3px) rotate(-8deg) scale(1.06)}.pill--white{background:#fff}.pill--white:hover{background:var(--grey50);box-shadow:0 10px 26px #001b372e}.pill--lg{height:62px;padding:0 10px 0 28px;font-size:20px}.pill--lg .pill__icon{width:44px;height:44px}.pill--line{height:62px;padding:0 26px;background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #ffffffd9;font-size:19px}.pill--line:hover{background:#ffffff24}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 22px;border-radius:16px;background:var(--grey100);color:var(--grey800);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;text-align:center;-webkit-user-select:none;user-select:none;transition:transform .5s var(--bounce),background-color .2s,color .2s,opacity .2s}.btn:active:not(:disabled){transform:scale(.96);transition:transform .1s var(--ease-out),background-color .2s}.btn svg{flex-shrink:0;width:20px;height:20px}.btn:disabled{opacity:.45}.btn--primary{background:var(--blue550);color:#fff}.btn--primary:hover:not(:disabled){background:var(--blue700)}.btn--grey:hover{background:var(--grey200)}.btn--ghost{background:transparent;color:var(--grey700)}.btn--ghost:hover{background:var(--grey100)}.btn--danger{background:var(--red50);color:var(--red700)}.btn--danger:hover{background:var(--red100)}.btn--sm{min-height:40px;padding:0 14px;border-radius:12px;font-size:15px}.btn--xl{width:100%;min-height:58px;border-radius:18px;font-size:18px}.btn.is-busy{color:transparent!important;pointer-events:none}.btn.is-busy>*{visibility:hidden}.btn.is-busy:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid rgba(255,255,255,.45);border-top-color:#fff;animation:spin .8s linear infinite}.btn--grey.is-busy:after,.btn--ghost.is-busy:after,.btn--danger.is-busy:after{border-color:var(--grey300);border-top-color:var(--grey700)}@keyframes spin{to{transform:rotate(360deg)}}.spin{display:inline-block;flex-shrink:0;width:26px;height:26px;border-radius:50%;border:3px solid var(--blue100);border-top-color:var(--blue550);animation:spin .8s linear infinite}.stack{display:grid;gap:10px}.stack--row{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.link-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:700;color:var(--grey700);transition:background-color .2s,transform .5s var(--bounce)}.link-btn:hover{background:var(--grey200)}.link-btn svg{width:16px;height:16px}.icon-btn{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--grey800);transition:background-color .2s,transform .5s var(--bounce),opacity .2s}.icon-btn:hover:not(:disabled){background:var(--grey100)}.icon-btn:active:not(:disabled){transform:scale(.88);transition-duration:.1s}.icon-btn:disabled{opacity:.25}.icon-btn svg{width:24px;height:24px}.icon-btn--grey{background:var(--grey100)}.acts{display:flex;flex-wrap:wrap;gap:8px}.acts .btn{flex:1 1 auto}.acts--center{justify-content:center}.acts--center .btn{flex:0 1 auto}.input{display:block;width:100%;height:56px;padding:0 18px;border:0;border-radius:16px;background:var(--grey100);color:var(--grey900);font-size:18px;font-weight:600;letter-spacing:-.01em;outline:none;box-shadow:inset 0 0 0 2px transparent;-webkit-appearance:none;appearance:none;transition:box-shadow .2s,background-color .2s}.input::placeholder{color:var(--grey500);font-weight:500;opacity:1}.input:focus{background-color:#fff;box-shadow:inset 0 0 0 2px var(--blue500)}.input[aria-invalid=true]{background-color:var(--red50);box-shadow:inset 0 0 0 2px var(--red500)}.input--code4{font-family:var(--mono);font-size:22px;font-weight:800;letter-spacing:.3em;text-transform:uppercase}.input--code4::placeholder{font-family:var(--f);font-size:18px;letter-spacing:0;text-transform:none}.field__label{display:block;margin:4px 0 8px;font-size:15px;font-weight:700;color:var(--grey700)}.field__label small{font-weight:500;color:var(--grey500)}.field__help{margin-top:8px;font-size:14px;color:var(--grey600)}.field__err{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--red50);color:var(--red700);font-size:15px;font-weight:600}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:var(--sat);background:#fffffff0;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);transition:transform .7s var(--spring),box-shadow .3s}.nav.is-hidden{transform:translateY(-104%);transition:transform .45s var(--ease-out),box-shadow .3s}.nav.is-scrolled{box-shadow:0 1px 0 var(--grey200)}.nav__in{height:var(--nav-h);max-width:1440px;margin:0 auto;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;gap:16px}.brand{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;font-size:19px;line-height:1;letter-spacing:-.025em;white-space:nowrap;transition:transform .6s var(--bounce)}.brand img{width:32px;height:32px;border-radius:9px}.brand b{font-weight:800}.brand:hover{transform:rotate(-3deg) scale(1.04)}.nav__links{display:flex;gap:4px;margin:0 auto}.nav__links a{padding:8px 14px;border-radius:10px;font-size:15px;font-weight:600;color:var(--grey700);transition:background-color .2s,color .2s}.nav__links a:hover{background:var(--grey100);color:var(--grey900)}.nav__links a.is-active{color:var(--blue700)}.nav__act{flex-shrink:0;display:flex;align-items:center;gap:6px;margin-left:auto}.nav__cta{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;background:var(--grey900);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .5s var(--bounce),background-color .2s}.nav__cta:hover{background:var(--grey800)}.nav__cta:active{transform:scale(.92);transition-duration:.1s}.nav__me{display:inline-grid;place-items:center;height:24px;padding:0 7px;margin-left:-6px;border-radius:7px;background:var(--h-deep);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}.nav__menu,html[data-view=test] .nav,html[data-view=test] .footer{display:none}html[data-view=test] #view{padding-top:0}.footer{padding:40px 0 calc(44px + var(--sab));font-size:14px;color:var(--grey600)}.footer__in{display:grid;gap:6px;padding-top:26px;border-top:1px solid var(--grey200)}.footer__brand{margin-bottom:4px;font-size:22px;font-weight:250;color:var(--grey900);letter-spacing:-.03em}.footer__brand b{font-weight:800}.footer a{text-decoration:underline;text-underline-offset:3px}.footer__links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:6px;font-weight:600;color:var(--grey700)}.footer__links a{text-decoration:none}.footer__links a:hover{color:var(--grey900)}.char{position:relative;display:inline-block;flex-shrink:0;width:var(--px);height:var(--px)}.char__body{position:absolute;inset:0;display:grid;place-items:center;transform-origin:50% 90%}.char__body .emo{width:100%;height:100%}.char__badge{position:absolute;right:-8%;bottom:-6%;width:46%;height:46%;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 6px 16px #02204729}.char__badge .emo{width:72%;height:72%}.char--xs .char__badge,.char--s .char__badge{box-shadow:0 2px 6px #0220472e}.char[data-rhythm=O] .char__body{animation:bobO 2.6s linear infinite}.char[data-rhythm=Y] .char__body{animation:bobY 3.4s ease-in-out infinite}.char[data-rhythm=U] .char__body{animation:bobU 3.2s infinite}.char--xs .char__body,.char--s .char__body{animation:none!important}@keyframes bobO{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes bobY{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6%) rotate(3deg)}}@keyframes bobU{0%,70%{transform:none;animation-timing-function:var(--expo-in)}80%{transform:translateY(-13%) scale(1.07) rotate(-5deg);animation-timing-function:var(--expo-out)}to{transform:none}}.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 8px;border-radius:999px;background:var(--h-soft);color:var(--grey900);font-size:15px;font-weight:600;transition:transform .5s var(--bounce),background-color .2s}.chip b{color:var(--h-ink);font-weight:800;letter-spacing:.02em}.chip span{color:var(--grey700)}.chip:hover{background:var(--h-mid)}.chip:active{transform:scale(.94)}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:-.01em}.badge--border{background:var(--yellow50);color:var(--yellow800)}.badge--final{background:var(--grey900);color:#fff}.hero{padding:0 16px}.stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:max(640px,calc(100svh - var(--nav-h) - var(--sat) - 16px));padding:clamp(48px,6vw,96px) clamp(24px,6vw,96px);border-radius:var(--r-xl);background:var(--blue500);color:#fff;overflow:hidden}.hero__copy{position:relative;z-index:2;min-width:0}.hero__eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 12px;border-radius:999px;background:#fff;color:var(--grey900);font-size:15px;font-weight:700}.hero__dot{width:8px;height:8px;border-radius:50%;background:var(--blue500);animation:dot 1.6s var(--ease-out) infinite}@keyframes dot{0%{box-shadow:0 0 #3182f680}80%,to{box-shadow:0 0 0 8px #3182f600}}.hero__title{margin:22px 0 20px -.04em;font-size:clamp(48px,6.4vw,96px);font-weight:800;line-height:1.1;letter-spacing:-.045em}.hero__title .w{display:inline-block}.js .hero__title .w{animation:wordIn 1s var(--bounce) both;animation-delay:var(--d, 0s)}@keyframes wordIn{0%{opacity:0;transform:translateY(40%) scale(.6) rotate(-6deg)}}.hero__title .w--pop{position:relative;z-index:0;padding:0 .12em;color:var(--grey900)}.hero__title .w--pop:before{content:"";position:absolute;z-index:-1;inset:.1em -.02em .02em;border-radius:.22em;background:var(--yellow500);transform:rotate(-3deg)}.hero__sub{max-width:26em;font-size:clamp(18px,1.6vw,22px);font-weight:700;line-height:1.55;text-wrap:pretty}.hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(26px,3.6vh,38px)}.hero__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.hero__chips li{padding:6px 12px;border-radius:999px;background:#fff;color:var(--grey800);font-size:14px;font-weight:700}.stickers{position:absolute;inset:0;z-index:1;pointer-events:none}.st{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}.st i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;transform:rotate(var(--r, 0deg));animation:bob 6s ease-in-out infinite;animation-delay:var(--dl, 0s)}.st--code i{height:44px;padding:0 16px;border-radius:14px;background:#fff;color:var(--h-deep);font-size:17px;font-weight:800;letter-spacing:.06em;box-shadow:inset 0 -5px #00000014,0 10px 24px #001b3729}.st--emo i{width:64px;height:64px;border-radius:20px;background:#ffffff29;box-shadow:inset 0 0 0 1.5px #ffffff47}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -10px}}.hero__demo{position:relative;z-index:2;display:grid;place-items:center}.demo-card{width:min(100%,340px);padding:22px 22px 24px;border-radius:34px;background:#fff;color:var(--grey900);box-shadow:var(--shadow-l);transform:rotate(3deg);transition:transform .8s var(--bounce)}.js .demo-card{animation:cardIn 1.2s .35s var(--spring) both}@keyframes cardIn{0%{opacity:0;transform:translateY(60px) rotate(10deg) scale(.9)}}.demo-card:hover{transform:rotate(0) scale(1.02)}.demo-card__top{display:flex;justify-content:space-between;align-items:center}.demo-card__no{font-size:14px;font-weight:800;color:var(--grey600)}.demo-card__tag{padding:4px 10px;border-radius:999px;background:var(--h-soft);color:var(--h-ink);font-size:12px;font-weight:800}.demo-card__char{display:grid;place-items:center;height:188px;margin:6px 0 4px;border-radius:24px;background:var(--h-soft);transition:background-color .4s}.demo-card__code{display:flex;justify-content:center;gap:2px;font-size:54px;font-weight:800;line-height:1.1;letter-spacing:.02em;color:var(--h-deep)}.demo-card__code span{display:inline-block;animation:flipIn .6s var(--bounce) both;animation-delay:calc(var(--k, 0) * 70ms)}@keyframes flipIn{0%{opacity:0;transform:translateY(-40%) rotateX(80deg)}}.demo-card__name{margin-top:2px;text-align:center;font-size:19px;font-weight:800}.demo-card__sub{min-height:3em;margin-top:4px;text-align:center;font-size:14px;font-weight:600;color:var(--grey600);line-height:1.5}.demo-card__bars{display:grid;gap:7px;margin-top:14px}.demo-card__bars span{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;font-size:13px}.demo-card__bars b{font-weight:800;color:var(--grey700)}.demo-card__bars i{height:10px;border-radius:5px;background:var(--grey100);position:relative;overflow:hidden}.demo-card__bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:var(--h);transition:width .8s var(--spring)}.demo-card.is-out .demo-card__char,.demo-card.is-out .demo-card__code,.demo-card.is-out .demo-card__name,.demo-card.is-out .demo-card__sub{opacity:0;transform:scale(.96);transition:opacity .22s,transform .22s}.sec{padding:clamp(88px,11vw,150px) 0 0}.sec__head{margin-bottom:clamp(32px,4.5vw,56px)}.eyebrow{margin-bottom:12px;font-size:16px;font-weight:700;color:var(--blue700);letter-spacing:-.01em}.h2{font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}.h3{font-size:clamp(23px,2.4vw,28px);font-weight:800;line-height:1.35;letter-spacing:-.025em}.lead{margin-top:14px;max-width:36em;font-size:clamp(17px,1.45vw,19px);line-height:1.65;color:var(--grey600);text-wrap:pretty}.axes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.axis{padding:24px 22px 22px;border-radius:var(--r-l);background:var(--grey100)}.axis__num{font-size:14px;font-weight:800;color:var(--blue700)}.axis__name{margin-top:4px;font-size:26px;font-weight:800;letter-spacing:-.03em}.axis__q{font-size:15px;font-weight:600;color:var(--grey600)}.axis__list{display:grid;gap:8px;margin-top:18px}.axis__list li{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#fff}.axis__txt{display:grid;min-width:0}.axis__txt b{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800}.axis__l{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--grey900);color:#fff;font-size:12px;font-weight:800}.axis__txt small{font-size:13px;font-weight:600;line-height:1.45;color:var(--grey600)}.equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(10px,2vw,24px);padding:clamp(24px,3vw,36px);margin-bottom:20px;border-radius:var(--r-xl);background:var(--grey100)}.equation__part{display:grid;justify-items:center;gap:4px;min-width:110px;padding:18px 16px;border-radius:22px;background:#fff}.equation__part b{font-size:24px;font-weight:800;letter-spacing:.04em}.equation__part small{font-size:14px;font-weight:700;color:var(--grey600)}.equation__part--res{background:var(--h-soft)}.equation__part--res b{color:var(--h-deep)}.equation__op{font-size:34px;font-weight:800;color:var(--grey400)}.world{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.world__col{padding:24px;border-radius:var(--r-l);background:var(--grey100)}.world__h{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;font-size:21px;font-weight:800}.world__h small{font-size:14px;font-weight:700;color:var(--grey600)}.world__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.world__list li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#fff}.world__list span{display:grid;min-width:0}.world__list b{font-size:15px;font-weight:800;overflow-wrap:anywhere}.world__list small{font-size:12.5px;font-weight:600;color:var(--grey600);line-height:1.35}.world__more{margin-top:22px;text-align:center}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fc{position:relative;display:flex;flex-direction:column;min-height:260px;padding:clamp(22px,2.4vw,30px);border-radius:var(--r-xl);background:var(--grey100);overflow:hidden}.fc--tall{grid-row:span 2;align-items:center;text-align:center;background:var(--h-soft);transition:transform .8s var(--bounce)}.fc--tall:hover{transform:translateY(-4px) rotate(-.6deg)}.fc--wide{grid-column:span 2}.fc--dark{background:var(--grey900);color:#fff}.fc--yellow{background:var(--yellow50)}.fc__label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--grey700)}.fc--dark .fc__label{color:#fffc}.fc--yellow .fc__label{color:var(--yellow800)}.fc__char{display:grid;place-items:center;margin:22px 0 12px}.fc__code{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:.03em;color:var(--h-deep)}.fc__code small{margin-left:8px;font-size:20px;font-weight:700;letter-spacing:0;color:var(--grey600)}.fc__title{margin-top:6px;font-size:22px;font-weight:800}.fc__desc{margin-top:6px;font-size:16px;font-weight:600;color:var(--grey700)}.fc__more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:15px;font-weight:800;color:var(--h-ink)}.fc__more svg{width:18px;height:18px}.fc__quote{margin-top:12px;font-size:19px;font-weight:700;line-height:1.55;letter-spacing:-.015em}.fc__foot{margin-top:auto;padding-top:16px}.devlog{display:grid;gap:14px;margin-top:16px}.devlog dt{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:700;color:#ffffffb3}.devlog dt small{font-weight:600;color:#ffffff80}.devlog dd{margin-top:5px;font-size:17px;font-weight:600;line-height:1.55}.devlog__tag{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:7px;font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.02em}.devlog__tag--bug{background:#ff6b6b;color:#2b0707}.devlog__tag--err{background:var(--yellow500);color:#2b1d00}.devlog__tag--patch{background:#3fd3a8;color:#002b1d}.feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feat{display:flex;flex-direction:column;min-height:320px;padding:26px;border-radius:var(--r-xl);transition:transform .8s var(--bounce)}.feat:hover{transform:translateY(-5px)}.feat:active{transform:scale(.98);transition-duration:.15s}.feat--blue{background:var(--blue50)}.feat--green{background:var(--green50)}.feat--yellow{background:var(--yellow50)}.feat__vis{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:130px}.feat__vis--pair b{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--grey900);color:#fff;font-size:22px;font-weight:800}.feat__vis--grid{display:grid;grid-template-columns:repeat(9,14px);gap:4px;justify-content:center;align-content:center}.feat__vis--grid i{width:14px;height:14px;border-radius:4px;background:var(--grey200)}.feat__vis--grid i:nth-child(7n+3),.feat__vis--grid i:nth-child(11n+5){background:var(--h);animation:litUp 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 37ms)}@keyframes litUp{0%,to{opacity:1}50%{opacity:.35}}.feat__title{margin-top:12px;font-size:22px;font-weight:800;letter-spacing:-.02em}.feat__desc{margin-top:6px;font-size:15.5px;font-weight:500;line-height:1.6;color:var(--grey700)}.faq{display:grid;gap:10px}.qa{border-radius:var(--r-m);background:var(--grey100)}.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:var(--r-m);font-size:18px;font-weight:700;letter-spacing:-.015em;cursor:pointer;list-style:none}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";flex-shrink:0;width:11px;height:11px;border-right:2.5px solid var(--grey600);border-bottom:2.5px solid var(--grey600);transform:translateY(-3px) rotate(45deg);transition:transform .5s var(--bounce)}.qa[open] summary:after{transform:translateY(2px) rotate(225deg)}.qa__a{padding:0 22px 22px;font-size:16px;line-height:1.7;color:var(--grey700)}.sec--cta{padding-bottom:clamp(24px,4vw,48px)}.cta{display:grid;justify-items:center;padding:clamp(44px,6vw,84px) 24px;border-radius:var(--r-xl);background:var(--grey900);color:#fff;text-align:center}.cta__emo{display:flex;gap:10px;margin-bottom:18px}.cta__emo .emo:nth-child(2){transform:translateY(-10px)}.cta__title{font-size:clamp(34px,4.6vw,60px);font-weight:800;line-height:1.2;letter-spacing:-.035em}.cta__sub{margin:12px 0 28px;font-size:19px;font-weight:600;color:#fffc}.test{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#fff}.tbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(10px + var(--sat)) clamp(12px,3vw,24px) 10px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tbar__prog{position:relative;flex:1;height:8px;border-radius:4px;background:var(--grey100);overflow:hidden}.tbar__prog i{position:absolute;inset:0 auto 0 0;width:var(--p);border-radius:4px;background:var(--blue500);transition:width .6s var(--spring)}.tbar__count{min-width:52px;text-align:right;font-size:15px;font-weight:700;color:var(--grey600);font-variant-numeric:tabular-nums}.tbar__count b{color:var(--grey900)}.q{flex:1;width:100%;max-width:600px;margin:0 auto;padding:clamp(20px,5vh,56px) 20px calc(40px + var(--sab));display:flex;flex-direction:column}.q--in{animation:qIn .5s var(--ease-out)}.q--back{animation-name:qBack}.q--out{opacity:0;transform:translate(-24px);transition:opacity .17s,transform .17s var(--ease-out)}@keyframes qIn{0%{opacity:0;transform:translate(32px)}}@keyframes qBack{0%{opacity:0;transform:translate(-32px)}}.q__emo{display:grid;place-items:center;width:108px;height:108px;margin:0 auto 14px;border-radius:34px;background:var(--grey100)}.q__emo .emo{width:72px;height:72px;animation:bob 4s ease-in-out infinite}.q__no{text-align:center;font-size:15px;font-weight:700;color:var(--blue700)}.q__text{margin:8px 0 26px;text-align:center;font-size:clamp(23px,3.2vw,30px);font-weight:800;line-height:1.4;letter-spacing:-.03em}.q__hint{margin-top:18px;text-align:center;font-size:14px;font-weight:600;color:var(--grey600)}.opts{display:grid;gap:10px}.opt{display:flex;align-items:center;gap:14px;width:100%;min-height:70px;padding:14px 18px;border-radius:20px;background:var(--grey100);text-align:left;font-size:18px;font-weight:700;line-height:1.45;letter-spacing:-.015em;transition:transform .5s var(--bounce),background-color .2s,box-shadow .2s,color .2s}.opt:hover{background:var(--grey200)}.opt:active{transform:scale(.97);transition-duration:.1s}.opt__key{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--grey600);font-size:15px;font-weight:800;transition:background-color .2s,color .2s}.opt.is-picked{background:var(--blue50);color:var(--blue800);box-shadow:inset 0 0 0 2px var(--blue500);animation:picked .5s var(--bounce)}.opt.is-picked .opt__key{background:var(--blue500);color:#fff}@keyframes picked{30%{transform:scale(1.03)}}.vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px}.vs__opt{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:180px;padding:22px 18px;border-radius:24px;background:var(--grey100);text-align:center;font-size:18px;font-weight:800;line-height:1.45;letter-spacing:-.02em;transition:transform .5s var(--bounce),background-color .2s,box-shadow .2s}.vs__opt:hover{background:var(--grey200)}.vs__opt:active{transform:scale(.96);transition-duration:.1s}.vs__key{align-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--grey600);font-size:14px;font-weight:800}.vs__opt.is-picked{background:var(--blue50);color:var(--blue800);box-shadow:inset 0 0 0 2px var(--blue500);animation:picked .5s var(--bounce)}.vs__opt.is-picked .vs__key{background:var(--blue500);color:#fff}.vs__mid{align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--grey900);color:#fff;font-size:13px;font-weight:800;letter-spacing:.04em}.tq{--k0: var(--blue500);--k1: var(--coral500);--k2: var(--violet500);display:grid;justify-items:center}.tq[data-axis="0"]{--k0: #ffb800;--k1: #ff8a4c;--k2: #6477ff}.tq[data-axis="1"]{--k0: #3182f6;--k1: #ff7262;--k2: #7c5cfa}.tq[data-axis="2"]{--k0: #ffb800;--k1: #ff6b4a;--k2: #1fb59f}.tq[data-axis="3"]{--k0: #3182f6;--k1: #1cc0d6;--k2: #ffa000}.tq__stage{position:relative;width:min(100%,340px);aspect-ratio:200 / 180;margin:92px 0 100px;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.tq__svg{width:100%;height:100%;overflow:visible}.tq__tri{fill:var(--grey100);stroke:var(--grey200);stroke-width:1.5;stroke-linejoin:round}.tq__fill{opacity:.15;transition:opacity .2s}.tq__fill--0{opacity:calc(.12 + var(--w0) * .88)}.tq__fill--1{opacity:calc(.12 + var(--w1) * .88)}.tq__fill--2{opacity:calc(.12 + var(--w2) * .88)}.tq__ring{fill:none;stroke:#fffc;stroke-width:1;stroke-dasharray:3 4}.tq__center{fill:var(--grey400)}.tq__handle{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;cursor:grab;touch-action:none}.tq__handle span{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px var(--grey900),0 8px 18px #0220474d;transition:transform .4s var(--bounce)}.tq.is-drag .tq__handle span{transform:scale(1.18)}.tq.is-drag .tq__handle{cursor:grabbing}.tq__v{position:absolute;display:grid;justify-items:center;gap:2px;width:132px;text-align:center;pointer-events:none}.tq__v .emo{width:40px;height:40px;margin-bottom:6px;transition:transform .25s var(--spring)}.tq__v--0 .emo{transform:scale(calc(.8 + var(--w0) * .45))}.tq__v--1 .emo{transform:scale(calc(.8 + var(--w1) * .45))}.tq__v--2 .emo{transform:scale(calc(.8 + var(--w2) * .45))}.tq__v b{font-size:14px;font-weight:800;line-height:1.3}.tq__pct{font-style:normal;font-size:13px;font-weight:800;color:var(--grey900);background:#fff;padding:1px 9px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--kc, var(--grey300));font-variant-numeric:tabular-nums}.tq__v--0{left:50%;bottom:calc(100% + 8px);transform:translate(-50%)}.tq__v--1{left:-12px;top:calc(100% + 10px);transform:translate(-24%)}.tq__v--2{right:-12px;top:calc(100% + 10px);transform:translate(24%)}.tq__v--1,.tq__v--2{grid-template-rows:auto}.tq__hint{margin:16px 0;text-align:center;font-size:14.5px;font-weight:600;color:var(--grey600)}.tq__next{max-width:420px}.intro{padding-top:clamp(40px,8vh,96px);padding-bottom:48px;text-align:center}.intro__emo{display:flex;justify-content:center;gap:10px;margin-bottom:22px}.intro__emo span{display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:var(--grey100);animation:bob 4.6s ease-in-out infinite;animation-delay:calc(var(--k) * -.6s)}.intro__title{font-size:clamp(32px,5vw,44px);font-weight:800;letter-spacing:-.035em}.intro__lead{margin-top:10px;font-size:18px;font-weight:600;color:var(--grey600)}.intro__prog{height:10px;margin:22px auto 0;max-width:360px;border-radius:5px;background:var(--grey100);overflow:hidden}.intro__prog i{display:block;width:var(--p);height:100%;border-radius:5px;background:var(--blue500)}.tips{display:grid;gap:10px;margin-top:28px;text-align:left}.tips li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;border-radius:20px;background:var(--grey100)}.tips span{display:grid;gap:2px;font-size:15.5px;font-weight:500;color:var(--grey700);line-height:1.55}.tips b{font-size:17.5px;font-weight:800;color:var(--grey900)}.intro__act{display:grid;gap:8px;max-width:420px;margin:30px auto 0}.intro__note{margin-top:18px;font-size:14px;font-weight:600;color:var(--grey600)}.test--final{background:var(--grey900);color:#fff}.final{flex:1;width:100%;max-width:620px;margin:0 auto;padding:calc(48px + var(--sat)) 20px calc(40px + var(--sab));display:flex;flex-direction:column;align-items:center;text-align:center}.final__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 12px;border-radius:999px;background:#fff;color:var(--grey900);box-shadow:0 0 0 4px #ffc34259;font-size:16px;font-weight:800;animation:pop .8s var(--bounce) both}@keyframes pop{0%{opacity:0;transform:scale(.4) rotate(-10deg)}}.final__title{margin-top:20px;font-size:clamp(28px,4.4vw,40px);font-weight:800;line-height:1.3;letter-spacing:-.035em}.final__lead{margin-top:10px;font-size:16px;font-weight:600;color:#ffffffb3}.final__vs{display:flex;align-items:center;gap:16px;margin:26px 0 8px}.final__vs b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--grey900);font-size:15px;font-weight:800}.final__vs .emo{animation:bob 3s ease-in-out infinite}.final__vs .emo:last-child{animation-delay:-1.5s}.final__q{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 22px;font-size:clamp(19px,2.6vw,23px);font-weight:800;line-height:1.45}.vs--final{width:100%}.vs--final .vs__opt{background:#ffffff14;color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff29}.vs--final .vs__opt:hover{background:#ffffff24}.vs--final .vs__key{background:#ffffff24;color:#fff}.vs--final .vs__opt.is-picked{background:var(--yellow500);color:var(--grey900);box-shadow:none}.vs--final .vs__mid{background:#fff;color:var(--grey900)}.ana{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 20px;text-align:center;background:var(--h-soft)}.ana__grid{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;width:min(78vw,300px)}.ana__grid i{aspect-ratio:1;border-radius:6px;background:#ffffffe6;transition:background-color .3s,transform .45s var(--bounce)}.ana__grid i.is-scan{background:var(--h-mid)}.ana__grid i.is-on{background:var(--h);transform:scale(1.06)}.ana__slots{display:flex;gap:8px}.slot{display:grid;justify-items:center;gap:4px;width:74px;padding:12px 0 10px;border-radius:18px;background:#fff;box-shadow:var(--shadow-s)}.slot b{font-size:40px;font-weight:800;line-height:1;color:var(--grey500)}.slot small{display:flex;align-items:center;gap:3px;font-size:12.5px;font-weight:700;color:var(--grey600)}.slot.is-rolling b{color:var(--grey500);filter:blur(1px)}.slot.is-lock{background:var(--h-deep);animation:pop .6s var(--bounce)}.slot.is-lock b,.slot.is-lock small{color:#fff}.ana__status{min-height:1.6em;font-size:17px;font-weight:700;color:var(--grey700)}.ana__name{font-size:clamp(22px,3vw,28px);font-weight:800;animation:pop .7s var(--bounce)}.ana__name b{color:var(--h-deep);letter-spacing:.03em}.ana__skip{position:fixed;right:16px;bottom:calc(16px + var(--sab))}.rhero{padding:0 16px}.rhero__stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:clamp(40px,6vw,72px) 24px clamp(40px,5vw,60px);border-radius:var(--r-xl);background:var(--h-soft);text-align:center;overflow:hidden}.rhero__light{position:absolute;inset:0;z-index:-1;pointer-events:none}.rhero__sym{position:absolute;z-index:-1;right:-40px;bottom:-34px;opacity:.13;transform:rotate(-14deg);pointer-events:none}.rhero__sym .emo{width:clamp(160px,26vw,260px);height:auto}[data-light=S] .rhero__light{background:conic-gradient(from 180deg at 50% -8%,transparent 158deg,rgba(255,255,255,.55) 170deg,rgba(255,255,255,.9) 180deg,rgba(255,255,255,.55) 190deg,transparent 202deg),radial-gradient(40% 12% at 50% 64%,rgba(255,255,255,.95),transparent 70%);animation:sweep 7s ease-in-out infinite;transform-origin:50% 0}@keyframes sweep{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}[data-light=T] .rhero__light{background:radial-gradient(38% 32% at 50% 30%,#ffd982bf,#ffd98200 70%)}[data-light=T] .rhero__light:before{content:"";position:absolute;left:50%;top:0;width:2px;height:36px;background:#191f2859}[data-light=T] .rhero__light:after{content:"";position:absolute;left:50%;top:34px;width:64px;height:30px;margin-left:-31px;border-radius:64px 64px 10px 10px;background:var(--grey900);box-shadow:0 16px 0 -10px #ffd982,0 18px 40px 6px #ffc4468c}[data-light=B] .rhero__stage{background:#111a33;background:radial-gradient(36% 26% at 50% 30%,rgba(190,205,255,.26),transparent 72%),radial-gradient(130% 90% at 50% 0%,color-mix(in srgb,var(--h-deep) 45%,#0c1330),#0b1022 72%);color:#fff}[data-light=B] .rhero__light{background:radial-gradient(1.6px 1.6px at 12% 18%,#fff,transparent),radial-gradient(1.4px 1.4px at 22% 44%,rgba(255,255,255,.8),transparent),radial-gradient(1.8px 1.8px at 78% 22%,#fff,transparent),radial-gradient(1.2px 1.2px at 88% 52%,rgba(255,255,255,.7),transparent),radial-gradient(1.4px 1.4px at 64% 12%,rgba(255,255,255,.8),transparent),radial-gradient(1.2px 1.2px at 36% 10%,rgba(255,255,255,.7),transparent),radial-gradient(1.6px 1.6px at 8% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1.4px 1.4px at 92% 80%,rgba(255,255,255,.6),transparent);animation:twinkle 5s ease-in-out infinite}[data-light=B] .rhero__light:after{content:"";position:absolute;right:12%;top:9%;width:54px;height:54px;border-radius:50%;box-shadow:-13px 9px #fff3c4;filter:drop-shadow(0 0 18px rgba(255,243,196,.55));transform:rotate(-12deg)}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.55}}[data-light=B] .rhero__sym{opacity:.16}.rhero__kicker{padding:6px 12px;border-radius:999px;background:#fffc;font-size:14px;font-weight:800;color:var(--h-ink)}[data-light=B] .rhero__kicker{background:#ffffff24;color:#fff}.rhero__char{margin:26px 0 10px}.js .rhero__char{animation:charIn 1s .1s var(--spring) both}@keyframes charIn{0%{opacity:0;transform:translateY(40px) scale(.7)}}.rhero__code{display:flex;justify-content:center;gap:.04em;margin-top:8px;font-size:clamp(64px,11vw,120px);font-weight:800;line-height:1;letter-spacing:.02em;color:var(--h-deep)}[data-light=B] .rhero__code{color:#fff}.rhero__l{display:inline-block}.js .rhero__l{animation:flipIn .8s var(--bounce) both;animation-delay:calc(.25s + var(--k) * 90ms)}.rhero__name{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.03em}.rhero__read{padding:3px 10px;border-radius:10px;background:var(--h-deep);color:#fff;font-size:.7em;letter-spacing:0}.rhero__sub{max-width:22em;margin-top:12px;font-size:clamp(18px,2vw,21px);font-weight:700;line-height:1.5;color:var(--grey700)}[data-light=B] .rhero__sub{color:#ffffffd1}.rhero__quote{position:relative;max-width:26em;margin-top:18px;padding:12px 20px;border-radius:20px 20px 20px 6px;background:#fff;box-shadow:var(--shadow-s);font-size:17px;font-weight:800;color:var(--grey900)}.rhero__quote span{color:var(--h)}.rhero__letters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:24px}.rhero__letters li{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 10px;border-radius:999px;background:#ffffffd9;font-size:14px;font-weight:600;color:var(--grey700)}.rhero__letters b{color:var(--grey900);font-weight:800}[data-light=B] .rhero__letters li{background:#ffffff1f;color:#ffffffbf}[data-light=B] .rhero__letters b{color:#fff}.rhero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:16px;font-size:15px;font-weight:700;color:var(--h-ink)}[data-light=B] .rhero__tags{color:var(--h-mid)}.res__body{padding-top:24px}.res__body>.acts{margin-bottom:8px}.banners{display:grid;gap:10px;margin-bottom:16px}.banner{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;background:var(--grey100);font-size:16px;line-height:1.5;color:var(--grey700)}.banner b{display:block;font-size:17px;color:var(--grey900)}.banner--hue{background:var(--h-soft)}.banner--link{background:var(--grey900);color:#fffc;transition:transform .5s var(--bounce)}.banner--link b{color:#fff}.banner--link p{flex:1}.banner--link svg{width:22px;height:22px;flex-shrink:0}.banner--link:active{transform:scale(.98)}.summary{margin:28px 0 0;padding:24px 26px;border-radius:var(--r-l);background:var(--grey100);font-size:clamp(19px,2vw,22px);font-weight:700;line-height:1.6;letter-spacing:-.02em}.rsec{padding-top:clamp(56px,8vw,88px)}.rsec__head{margin-bottom:22px}.rsec__head .eyebrow{color:var(--h-ink);margin-bottom:6px}.rsec__lead{margin-top:8px;font-size:16px;line-height:1.6;color:var(--grey600)}.anat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.anat__axis{display:flex;flex-direction:column;padding:20px;border-radius:var(--r-l);background:var(--grey100)}.anat__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}.anat__name{font-size:15px;font-weight:800;color:var(--grey600)}.anat__win{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:22px;font-weight:800}.anat__win span{margin-left:auto;color:var(--h-deep);font-variant-numeric:tabular-nums}.tri{width:100%;max-width:240px;margin:10px auto 4px;overflow:visible}.tri__bg{fill:#fff;stroke:var(--grey200);stroke-width:1.5;stroke-linejoin:round}.tri__ring{fill:none;stroke:var(--grey200);stroke-dasharray:3 4}.tri__axis{stroke:var(--grey200)}.tri__area{fill:var(--h);fill-opacity:.2;stroke:var(--h);stroke-width:2;stroke-linejoin:round}.tri__dot{fill:var(--h-deep);stroke:#fff;stroke-width:3}.tri__label{font-family:var(--f);font-size:13px;font-weight:700;fill:var(--grey600)}.tri__label.is-win{fill:var(--h-deep);font-weight:800}.anat__bars{display:grid;gap:6px;margin-top:8px}.anat__bars li{display:grid;grid-template-columns:72px 1fr 42px;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--grey600)}.anat__bars i{position:relative;height:10px;border-radius:5px;background:#fff;overflow:hidden}.anat__bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:var(--grey300)}.anat__bars b{text-align:right;font-variant-numeric:tabular-nums}.anat__bars li.is-win{color:var(--grey900)}.anat__bars li.is-win i:after{background:var(--h)}.anat__bars li.is-win b{color:var(--h-deep)}.anat__desc{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--grey700)}.clarity{display:flex;align-items:center;gap:20px;margin-top:12px;padding:20px 22px;border-radius:var(--r-l);background:var(--h-soft)}.clarity__meter{flex-shrink:0;display:grid;place-items:center;align-content:center;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--h) var(--c),#fff 0);position:relative}.clarity__meter:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--h-soft)}.clarity__num,.clarity__meter small{position:relative;line-height:1}.clarity__num{font-size:30px;font-weight:800;color:var(--h-deep);font-variant-numeric:tabular-nums}.clarity__meter small{font-size:12px;font-weight:700;color:var(--grey600)}.clarity__label{font-size:14px;font-weight:800;color:var(--h-ink)}.clarity__title{margin-top:2px;font-size:20px;font-weight:800;letter-spacing:-.02em}.clarity__text{margin-top:4px;font-size:15px;line-height:1.55;color:var(--grey700)}.letters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.letter{padding:20px;border-radius:var(--r-l);background:var(--grey100)}.letter__axis{margin-top:10px;font-size:13.5px;font-weight:700;color:var(--grey600)}.letter__name{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:22px;font-weight:800}.letter__name span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--h-deep);color:#fff;font-size:15px}.letter__desc{margin-top:8px;font-size:15px;line-height:1.6;color:var(--grey700)}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.duo__card{display:flex;flex-direction:column;padding:24px;border-radius:var(--r-l);background:var(--grey100)}.duo__kicker{display:flex;align-items:baseline;gap:8px;margin-top:12px;font-size:14px;font-weight:800;color:var(--h-ink)}.duo__kicker small{font-weight:700;color:var(--grey600)}.duo__name{margin-top:4px;font-size:24px;font-weight:800;letter-spacing:-.02em}.duo__name span{font-size:16px;font-weight:700;color:var(--grey600)}.duo__desc{margin-top:10px;font-size:16px;line-height:1.7;color:var(--grey800)}.duo__more{display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding-top:14px;font-size:14.5px;font-weight:800;color:var(--grey700)}.duo__more svg{width:16px;height:16px}.duo__more:hover{color:var(--grey900)}.uniq{margin-top:12px;padding:24px 26px;border-radius:var(--r-l);background:var(--h-soft)}.uniq__label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--h-ink)}.uniq__text{margin-top:10px;font-size:17.5px;line-height:1.8;color:var(--grey900)}.habits{display:grid;gap:8px}.habits li{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:18px;background:var(--grey100);font-size:17px;font-weight:700;line-height:1.5;letter-spacing:-.015em}.habits__n{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--h-deep);color:#fff;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.cross{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cross__card{padding:22px;border-radius:var(--r-l);background:var(--grey100)}.cross__card--clash{background:var(--red50)}.cross__card--synergy{background:var(--green50)}.cross__kind{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;font-weight:800}.cross__card--clash .cross__kind{color:var(--red700)}.cross__card--synergy .cross__kind{color:var(--green700)}.cross__kind span{margin-left:4px;padding:2px 8px;border-radius:8px;background:#ffffffb3;color:var(--grey700);font-weight:700}.cross__title{margin-top:10px;font-size:20px;font-weight:800;letter-spacing:-.02em}.cross__text{margin-top:6px;font-size:15.5px;line-height:1.65;color:var(--grey800)}.dev{padding:0 0 24px;border-radius:var(--r-l);background:var(--grey900);color:#fff;overflow:hidden}.dev__bar{display:flex;align-items:center;gap:6px;padding:14px 18px;background:#ffffff0f}.dev__bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.dev__bar i:nth-child(2){background:#febc2e}.dev__bar i:nth-child(3){background:#28c840}.dev__bar span{margin-left:10px;font-family:var(--mono);font-size:13px;color:#ffffff8c}.devlog--lg{gap:20px;margin-top:0;padding:22px 24px 0}.devlog--lg dd{font-size:17.5px}.tips2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.tip2{padding:22px;border-radius:var(--r-l);background:var(--grey100)}.tip2[data-hue]{background:var(--h-soft)}.tip2--yellow{background:var(--yellow50)}.tip2__label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px;font-weight:800}.tip2--yellow .tip2__label{color:var(--yellow800)}.tip2__label small{font-weight:600;color:var(--grey600)}.tip2__text{margin-top:10px;font-size:17px;font-weight:700;line-height:1.6;letter-spacing:-.015em}.tcard{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;background:var(--h-soft);transition:transform .5s var(--bounce),box-shadow .3s}a.tcard:hover{box-shadow:0 10px 24px #0220471a;transform:translateY(-2px)}a.tcard:active{transform:scale(.98)}.tcard__char{flex-shrink:0;display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#fff}.tcard__txt{display:grid;min-width:0;flex:1}.tcard__kicker{font-size:13px;font-weight:800;color:var(--h-ink)}.tcard__code{font-size:22px;font-weight:800;letter-spacing:.03em;color:var(--h-deep)}.tcard__code small{margin-left:6px;font-size:14px;font-weight:700;letter-spacing:0;color:var(--grey600)}.tcard__name{font-size:16px;font-weight:800}.tcard__line{margin-top:4px;font-size:15px;line-height:1.55;color:var(--grey700)}.tcard__meta{flex-shrink:0;display:grid;justify-items:center}.tcard__meta b{font-size:22px;font-weight:800;color:var(--h-deep)}.tcard__meta small{font-size:12px;font-weight:700;color:var(--grey600)}.compat{display:grid;gap:12px}.compat__label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:800}.compat__label--good{color:var(--green700)}.compat__label--bad{color:var(--red700)}.compat__more{margin-top:12px;font-size:14px;font-weight:600;color:var(--grey600)}.compat__more a{margin-left:4px;color:var(--grey800);font-weight:800;text-decoration:underline;text-underline-offset:3px}.para{display:grid;gap:10px}.para__gap{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border-radius:16px;background:var(--grey100);font-size:15px;font-weight:700;color:var(--grey700)}.para__gap span{display:inline-flex;align-items:center;gap:6px}.para__gap b{color:var(--grey900);font-variant-numeric:tabular-nums}.para__gap i{font-style:normal;font-weight:800;color:var(--grey600)}.nbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nbs .tcard{padding:12px 14px}.nbs .tcard__char{width:60px;height:60px}.sit{border-radius:var(--r-l);background:var(--grey100);padding:8px}.sit__tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px}.sit__tabs::-webkit-scrollbar{display:none}.sit__tab{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px 0 10px;border-radius:14px;font-size:15px;font-weight:700;color:var(--grey600);transition:background-color .2s,color .2s}.sit__tab:hover{color:var(--grey900)}.sit__tab[aria-selected=true]{background:#fff;color:var(--grey900);box-shadow:var(--shadow-s)}.sit__panel{display:grid;gap:10px;padding:16px 12px 12px}.sit__panel p{font-size:16.5px;line-height:1.7}.sit__who{display:inline-flex;align-items:center;gap:5px;margin-right:8px;padding:2px 10px 2px 6px;border-radius:999px;background:#fff;font-size:13.5px;font-weight:800;vertical-align:2px}.rare{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:var(--r-l);background:var(--grey100)}.rare__h{font-size:15px;font-weight:800;color:var(--grey600)}.rare__text{margin-top:2px;font-size:17px;font-weight:600;line-height:1.55}.rare__text b{color:var(--h-deep);font-weight:800}.rare__text .emo{display:inline-block;vertical-align:-3px}.rsec--rare{padding-top:48px}.more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.more__card{display:grid;justify-items:start;gap:2px;padding:18px;border-radius:20px;background:var(--grey100);transition:transform .5s var(--bounce),background-color .2s}.more__card:hover{background:var(--grey200)}.more__card:active{transform:scale(.97)}.more__card b{margin-top:8px;font-size:16.5px;font-weight:800}.more__card span{font-size:14px;font-weight:600;color:var(--grey600)}.dexnav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.dexnav a{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:var(--grey100);font-size:15px;font-weight:800;transition:background-color .2s}.dexnav a:hover{background:var(--grey200)}.dexnav a[rel=next]{justify-content:flex-end;text-align:right}.dexnav span{display:grid;min-width:0}.dexnav small{font-size:12.5px;font-weight:700;color:var(--grey600)}.dexnav svg{flex-shrink:0;width:20px;height:20px}.res__retest{margin:26px 0 0;text-align:center;font-size:14px;font-weight:600;color:var(--grey600)}.dexpage__head{padding-top:clamp(32px,5vw,64px)}.dexpage__stat{display:grid;gap:8px;max-width:420px;margin-top:22px;font-size:16px;font-weight:700;color:var(--grey700)}.dexpage__stat b{font-size:22px;color:var(--grey900)}.dexpage__stat a{color:var(--blue700);text-decoration:underline;text-underline-offset:3px}.dexpage__bar{height:10px;border-radius:5px;background:var(--grey100);overflow:hidden}.dexpage__bar i{display:block;width:var(--p);height:100%;border-radius:5px;background:var(--blue500)}.filters{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px}.filters__g{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.filters__name{margin-right:2px;font-size:14px;font-weight:800;color:var(--grey600)}.fchip{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px 0 8px;border-radius:12px;background:var(--grey100);font-size:14.5px;font-weight:700;color:var(--grey700);transition:background-color .2s,color .2s,transform .4s var(--bounce)}.fchip:hover{background:var(--grey200)}.fchip:active{transform:scale(.94)}.fchip[aria-checked=true]{background:var(--grey900);color:#fff}.filters__act{display:flex;align-items:center;gap:12px}.switch{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:var(--grey700);cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch__ui{position:relative;width:44px;height:26px;border-radius:13px;background:var(--grey300);transition:background-color .2s}.switch__ui:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .4s var(--bounce)}.switch input:checked+.switch__ui{background:var(--blue500)}.switch input:checked+.switch__ui:after{transform:translate(18px)}.switch input:focus-visible+.switch__ui{outline:3px solid var(--blue300);outline-offset:2px}.dexpage__count{min-height:1.6em;margin-top:12px;font-size:15px;font-weight:700;color:var(--blue700)}.dexwrap{max-width:calc(1180px + var(--gutter) * 2);margin:8px auto 0;padding:0 var(--gutter) 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dex{width:100%;min-width:820px;border-collapse:separate;border-spacing:5px;table-layout:fixed}.dex__corner{width:96px;vertical-align:bottom}.dex__corner span{font-size:11px;font-weight:700;color:var(--grey600)}.dex__ch,.dex__rh{font-weight:700}.dex__ch{padding:6px 2px 8px;vertical-align:bottom}.dex__ch .emo,.dex__rh .emo{margin:0 auto 4px}.dex__ch b,.dex__rh b{display:block;font-size:14px;font-weight:800;letter-spacing:.04em}.dex__ch span,.dex__rh span{display:block;font-size:12px;font-weight:700;color:var(--grey600);white-space:nowrap}.dex__rh{position:sticky;left:0;z-index:2;width:96px;padding:6px;border-radius:16px;background:#fff;text-align:center}.dex__td{padding:0}.cell{position:relative;display:grid;justify-items:center;align-content:center;gap:1px;height:96px;border-radius:16px;background:var(--grey50);box-shadow:inset 0 0 0 1px var(--grey100);transition:transform .5s var(--bounce),opacity .3s,background-color .3s,box-shadow .3s}.cell:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 22px #0220471f;z-index:1}.cell__emo .emo{width:34px;height:34px;filter:grayscale(1) opacity(.32)}.cell__code{font-size:14px;font-weight:800;letter-spacing:.04em;color:var(--grey700)}.cell__read{font-size:11.5px;font-weight:700;color:var(--grey600)}.cell__rare{font-size:11px;font-weight:800;color:var(--grey700)}.cell.is-seen{background:#fff;box-shadow:inset 0 0 0 1.5px var(--grey200)}.cell.is-seen .cell__emo .emo{filter:grayscale(.4) opacity(.7)}.cell.is-seen .cell__code{color:var(--grey700)}.cell.is-me,.cell.is-friend{background:var(--h-soft);box-shadow:inset 0 0 0 1.5px var(--h-mid)}.cell.is-me .cell__emo .emo,.cell.is-friend .cell__emo .emo{filter:none}.cell.is-me .cell__code,.cell.is-friend .cell__code{color:var(--h-deep)}.cell.is-me .cell__read,.cell.is-friend .cell__read{color:var(--grey600)}.cell.is-me{box-shadow:inset 0 0 0 2.5px var(--h)}.cell__me{position:absolute;top:5px;right:5px;padding:1px 6px;border-radius:7px;background:var(--h-deep);color:#fff;font-size:10.5px;font-weight:800;font-style:normal}.cell.is-dim{opacity:.14;transform:scale(.94);pointer-events:none}.dex.is-rare .cell{background:color-mix(in srgb,var(--h) calc(var(--heat, 0) * 70%),#fff)}.cell__emo{display:block;animation-duration:2.6s;animation-iteration-count:infinite;animation-delay:calc((var(--r) + var(--c)) * -.21s)}.cell[data-rhythm=O] .cell__emo{animation-name:bobO;animation-timing-function:linear}.cell[data-rhythm=Y] .cell__emo{animation-name:bobY;animation-timing-function:ease-in-out;animation-duration:3.4s}.cell[data-rhythm=U] .cell__emo{animation-name:bobU;animation-duration:3.2s}.dexpage__legend{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14.5px;font-weight:600;color:var(--grey600)}.mhero{padding-top:clamp(28px,5vw,60px);text-align:center}.mhero__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,24px);max-width:760px;margin:10px auto 0}.mcard{position:relative;display:grid;justify-items:center;gap:2px;padding:22px 12px 20px;border-radius:28px;background:var(--h-soft);transition:transform .6s var(--bounce)}.mcard:hover{transform:translateY(-4px) rotate(-1deg)}.mcard__char{margin-bottom:10px}.mcard__code{font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:.03em;color:var(--h-deep);line-height:1.15}.mcard__name{font-size:clamp(14px,1.8vw,17px);font-weight:800}.mcard__me{position:absolute;top:12px;right:12px;padding:2px 8px;border-radius:8px;background:var(--h-deep);color:#fff;font-size:12px;font-weight:800;font-style:normal}.builder__out .mcard__me{position:static}.mhero__sync{display:grid;place-items:center;align-content:center;width:clamp(104px,16vw,150px);height:clamp(104px,16vw,150px);border-radius:50%;background:conic-gradient(var(--yellow500) var(--s),rgba(255,255,255,.16) 0) border-box,var(--grey900);position:relative;color:#fff;z-index:1}.mhero__sync:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--grey900)}.mhero__sync>*{position:relative}.mhero__sync__label{font-size:13px;font-weight:700;color:#ffffffb3}.mhero__sync b{font-size:clamp(30px,4.4vw,44px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.mhero__title{margin-top:28px;font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.035em}.mhero__text{max-width:30em;margin:10px auto 22px;font-size:17.5px;font-weight:600;line-height:1.6;color:var(--grey700)}.mlines{display:grid;gap:10px}.mline{padding:18px 20px;border-radius:20px;background:var(--grey100)}.mline__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mline__axis{padding:3px 10px;border-radius:8px;background:var(--grey900);color:#fff;font-size:13px;font-weight:800}.mline__pair{display:inline-flex;align-items:center;gap:5px;font-size:15.5px;font-weight:800}.mline__pair i{margin:0 3px;font-style:normal;color:var(--grey400)}.mline__pts{margin-left:auto;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.mline__pts small{font-size:13px;color:var(--grey600)}.mline--good .mline__pts{color:var(--green700)}.mline--mid .mline__pts{color:var(--grey700)}.mline--bad .mline__pts{color:var(--red700)}.mline--good{background:var(--green50)}.mline--bad{background:var(--red50)}.mline__text{margin-top:8px;font-size:16px;line-height:1.65;color:var(--grey800)}.invite{padding-top:clamp(32px,6vw,72px);padding-bottom:32px;text-align:center}.invite__char{display:grid;place-items:center;width:280px;height:280px;margin:0 auto 24px;border-radius:50%;background:var(--h-soft)}.invite__title{font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.3;letter-spacing:-.035em}.invite__sub{margin-top:12px;font-size:18px;font-weight:700;color:var(--grey600)}.invite__act{max-width:420px;margin:28px auto 0}.invite__note{margin-top:16px;font-size:14px;font-weight:600;color:var(--grey600)}.mpick{padding-top:clamp(28px,5vw,60px)}.builders{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;margin-bottom:20px}.builders__x{align-self:center;font-size:30px;font-weight:800;color:var(--grey400)}.builder{display:grid;gap:8px;padding:16px;border-radius:24px;background:var(--h-soft);transition:background-color .3s}.builder__legend{float:left;margin-bottom:4px;font-size:14px;font-weight:800;color:var(--h-ink)}.builder__out{clear:both;display:flex;align-items:center;gap:12px;min-height:64px;padding:6px 4px 10px}.builder__out span{display:grid;font-size:15px;font-weight:800}.builder__out b{font-size:26px;letter-spacing:.03em;color:var(--h-deep);line-height:1.15}.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border-radius:14px;background:#fff9}.seg__btn{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:0 4px;border-radius:11px;font-size:13.5px;font-weight:700;color:var(--grey700);white-space:nowrap;transition:background-color .2s,color .2s}.seg__btn b{font-weight:800}.seg__btn[aria-checked=true]{background:#fff;color:var(--grey900);box-shadow:var(--shadow-s)}.rooms,.room{padding-top:clamp(28px,5vw,60px);padding-bottom:24px}.formcard{display:grid;gap:4px;padding:22px;border-radius:var(--r-l);background:var(--grey100)}.formcard .input{background:#fff}.formcard .btn--xl{margin-top:12px}.formcard .h3{margin-bottom:8px}.preview{margin-top:16px;padding:20px 22px;border-radius:var(--r-l);background:var(--green50)}.preview__label{font-size:14px;font-weight:800;color:var(--green700)}.preview__lines{display:grid;gap:10px;margin-top:12px}.preview__lines li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--grey800)}.preview__lines b{display:block;color:var(--grey900)}.myrooms{margin-top:36px}.myrooms ul{display:grid;gap:8px;margin-top:12px}.myrooms__item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--grey100);transition:background-color .2s}.myrooms__item:hover{background:var(--grey200)}.myrooms__item span{display:grid;flex:1;min-width:0}.myrooms__item b{font-size:16.5px;font-weight:800}.myrooms__item small{font-size:13.5px;font-weight:600;color:var(--grey600)}.myrooms__item svg{width:20px;height:20px;color:var(--grey500)}.room__head{margin-bottom:20px}.room__name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;overflow-wrap:anywhere}.room__name>span{min-width:0}.room__rename svg{width:20px;height:20px}.room__meta{margin:8px 0 16px;font-size:15px;font-weight:600;color:var(--grey600)}.mebar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;border-radius:20px;background:var(--h-soft)}.mebar p{flex:1;min-width:160px;font-size:15.5px;font-weight:700}.mebar small{display:block;font-size:13px;color:var(--h-ink);font-weight:800}.joincard__code{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;border-radius:16px;background:var(--h-soft);font-size:15.5px;font-weight:700}.joincard__code b{font-size:20px;letter-spacing:.03em;color:var(--h-deep)}.members{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.member{position:relative;display:flex;align-items:center;border-radius:18px;background:var(--h-soft)}.member__link{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px 14px}.member__link span{display:grid;min-width:0}.member__link b{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member__link small{font-size:13px;font-weight:700;color:var(--grey600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member__me{margin-right:10px;padding:2px 8px;border-radius:8px;background:var(--h-deep);color:#fff;font-size:12px;font-weight:800;font-style:normal}.member__x{width:40px;height:40px;margin-right:4px;color:var(--grey600)}.member__x svg{width:18px;height:18px}.gchem{display:flex;align-items:center;gap:22px;padding:22px 24px;border-radius:var(--r-l);background:var(--grey900);color:#fff}.gchem__num{flex-shrink:0;display:grid}.gchem__num small{font-size:13px;font-weight:700;color:#ffffffa6}.gchem__num b{font-size:46px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.gchem__num b span{font-size:24px}.gchem__title{font-size:20px;font-weight:800}.gchem__text{margin-top:4px;font-size:15.5px;line-height:1.6;color:#fffc}.gpairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.gpair{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;transition:transform .5s var(--bounce)}.gpair:active{transform:scale(.98)}.gpair--best{background:var(--green50)}.gpair--worst{background:var(--red50)}.gpair span{display:grid;flex:1;min-width:0}.gpair small{font-size:13px;font-weight:800;color:var(--grey600)}.gpair b{font-size:17px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpair em{font-style:normal;font-size:13.5px;font-weight:700;color:var(--grey700)}.gpair svg{width:20px;height:20px;color:var(--grey500);flex-shrink:0}.gdist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.gdist__axis{padding:16px 18px;border-radius:20px;background:var(--grey100)}.gdist__name{font-size:14px;font-weight:800;color:var(--grey600)}.gdist ul{display:grid;gap:7px;margin-top:10px}.gdist li{display:grid;grid-template-columns:76px 1fr 24px;align-items:center;gap:8px;font-size:14px;font-weight:700}.gdist li span{display:inline-flex;align-items:center;gap:5px}.gdist i{position:relative;height:10px;border-radius:5px;background:#fff;overflow:hidden}.gdist i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:5px;background:var(--blue500)}.gdist li b{text-align:right;font-variant-numeric:tabular-nums}.glines{display:grid;gap:8px;margin-top:10px}.glines li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:var(--yellow50)}.glines p{font-size:15.5px;line-height:1.6;color:var(--grey800)}.glines b{display:block;font-size:16px;color:var(--grey900)}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:560px;max-height:min(88vh,88dvh);margin:auto auto 0;padding:0;border:0;border-radius:28px 28px 0 0;background:#fff;color:var(--grey900);overflow:auto;animation:sheetUp .45s var(--spring)}.sheet::backdrop{background:#000c1e73;animation:fade .3s}.sheet.is-closing{animation:sheetDown .2s var(--ease-out) forwards}.sheet.is-closing::backdrop{opacity:0;transition:opacity .2s}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes sheetDown{to{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.sheet__in{padding:10px 20px calc(24px + var(--sab))}.sheet__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0 12px;background:#fff}.sheet__head h2{font-size:21px;font-weight:800;letter-spacing:-.02em}.sheet__text{margin-bottom:18px;font-size:16px;color:var(--grey700)}@media(min-width:720px){.sheet{inset:0;margin:auto;border-radius:28px}@keyframes sheetUp{0%{transform:translateY(40px) scale(.97);opacity:0}}@keyframes sheetDown{to{transform:translateY(24px) scale(.98);opacity:0}}}.sheet--card .sheet__in{padding-bottom:calc(20px + var(--sab))}.cardprev{display:grid;gap:16px}.cardprev__img{display:grid;place-items:center;aspect-ratio:9 / 16;max-height:58vh;margin:0 auto;width:auto;height:58vh;border-radius:20px;background:var(--grey100);overflow:hidden}.cardprev__img img{width:100%;height:100%;object-fit:contain}.cardprev__note{text-align:center;font-size:13.5px;font-weight:600;color:var(--grey600)}.menu ul{display:grid;gap:6px}.menu a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--grey100)}.menu a:hover{background:var(--grey200)}.menu span{display:grid}.menu b{font-size:17px;font-weight:800}.menu small{font-size:13.5px;font-weight:600;color:var(--grey600)}.toast{position:fixed;left:50%;bottom:calc(24px + var(--sab));z-index:500;display:flex;align-items:center;gap:10px;max-width:min(92vw,460px);padding:14px 20px 14px 16px;border-radius:18px;background:#191f28f5;color:#fff;font-size:15.5px;font-weight:700;line-height:1.45;box-shadow:var(--shadow-m);opacity:0;transform:translate(-50%,24px) scale(.96);pointer-events:none;transition:opacity .25s,transform .5s var(--spring)}.toast.is-on{opacity:1;transform:translate(-50%) scale(1)}.empty{padding-top:clamp(60px,12vh,140px);padding-bottom:60px;text-align:center}.empty__emo{display:grid;place-items:center;margin-bottom:16px}.empty__title{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-.03em}.empty__text{max-width:30em;margin:10px auto 26px;font-size:17px;color:var(--grey600)}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 0}.loading__text{font-size:17px;font-weight:700;color:var(--grey600)}.boot{display:grid;place-items:center;min-height:60vh}.seo{padding:40px 0}.js .seo{display:none}.seo h1{font-size:36px;font-weight:800}.seo p,.seo li{margin-top:8px;font-size:17px;color:var(--grey700)}.seo ul{margin-top:12px;padding-left:1.2em;list-style:disc}.noscript{max-width:520px;margin:40px auto;padding:20px;border-radius:18px;background:var(--yellow50);color:var(--yellow800);font-weight:700;text-align:center}@media(max-width:1080px){.axes,.world__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){:root{--nav-h: 56px}.nav__links{display:none}.nav__menu{display:grid}.stage{grid-template-columns:1fr;min-height:0;padding-top:44px;padding-bottom:48px}.hero__demo{margin-top:8px}.demo-card{transform:rotate(2deg)}.bento,.feats{grid-template-columns:1fr}.fc--wide{grid-column:auto}.fc--tall{grid-row:auto}.world{grid-template-columns:1fr}.world__list{grid-template-columns:repeat(3,minmax(0,1fr))}.st--emo:nth-child(n+5),.st--code:nth-child(5){display:none}}@media(max-width:640px){body{font-size:16px}.hero,.rhero{padding:0 8px}.stage{padding:36px 22px 40px;border-radius:26px}.rhero__stage{border-radius:26px}.hero__title{font-size:clamp(44px,12.5vw,60px)}.hero__sub{font-size:17px}.hero__sub br{display:none}.pill--lg{height:58px;font-size:18px}.pill--line{height:58px;font-size:17px}.hero__cta .pill{flex:1 1 100%}.stickers .st{display:none}.stickers .st:nth-child(1),.stickers .st:nth-child(3),.stickers .st:nth-child(2){display:block}.stickers .st:nth-child(1){--x: 86% !important;--y: 5% !important}.stickers .st:nth-child(2){--x: 92% !important;--y: 30% !important}.stickers .st:nth-child(3){--x: 70% !important;--y: 4% !important}.axes{grid-template-columns:1fr}.axis{padding:20px 16px 16px}.axis__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}.axis__list li{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.axis__emo .emo{width:34px;height:34px}.axis__txt b{font-size:16px;gap:5px}.axis__l{width:20px;height:20px;font-size:11px}.axis__txt small{font-size:12.5px}.fc,.feat{min-height:0}.feat__vis{min-height:110px}.world__list{grid-template-columns:repeat(2,minmax(0,1fr))}.equation{gap:8px;padding:18px 10px}.equation__part{min-width:0;padding:12px 10px}.equation__part .emo{width:48px;height:48px}.equation__op{font-size:24px}.equation__part--res .char{--px: 64px !important}.vs{grid-template-columns:1fr}.vs__opt{min-height:116px}.vs__mid{justify-self:center;margin:-22px 0;position:relative;z-index:1;box-shadow:0 0 0 5px #fff}.test--final .vs__mid{box-shadow:0 0 0 5px var(--grey900)}.q__emo{width:92px;height:92px;border-radius:28px}.q__emo .emo{width:60px;height:60px}.opt{min-height:64px;font-size:17px}.tq__stage{width:min(100%,300px)}.tq__v{width:112px}.tq__v b{font-size:13px}.anat,.letters,.duo,.cross,.tips2,.nbs,.gpairs,.gdist,.members,.more{grid-template-columns:1fr}.more__card{grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.more__card .emo{grid-row:span 2}.more__card b{margin-top:0}.dexnav{grid-template-columns:1fr}.dexnav a[rel=next]{justify-content:space-between}.clarity{align-items:flex-start}.clarity__meter{width:80px;height:80px}.mhero__pair{grid-template-columns:1fr 1fr}.mhero__sync{grid-column:1 / -1;grid-row:1;justify-self:center;margin-bottom:-26px}.builders{grid-template-columns:1fr}.builders__x{justify-self:center}.invite__char{width:220px;height:220px}.invite__char .char{--px: 170px !important}.rhero__char .char{--px: 190px !important}.gchem{flex-direction:column;align-items:flex-start;gap:10px}.tcard__char{width:60px;height:60px}.dex{min-width:760px}.cell{height:88px}.filters{gap:8px}.filters__g{width:100%}.filters__name{width:34px}}@media(max-width:380px){.tq__stage{width:calc(100% - 64px);margin-bottom:110px}.tq__v{width:min(112px,36vw)}.tq__v--1{left:-28px;transform:none;justify-items:start;text-align:left}.tq__v--2{right:-28px;transform:none;justify-items:end;text-align:right}.tq__v b{font-size:12.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js [data-reveal]{opacity:1;transform:none}}html:not(.js) .boot{display:none}