:root{color:#182033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-950:#111b3e;--brand-800:#263d84;--brand-700:#3451d1;--brand-600:#4564e8;--brand-100:#e9edff;--brand-50:#f4f6ff;--ink:#182033;--ink-soft:#526078;--line:#dfe4ee;--surface:#fffffff0;--surface-muted:#f7f8fb;--success:#13795b;--success-bg:#e7f8f2;--warning:#8a5100;--warning-bg:#fff4d9;--danger:#b42318;--danger-bg:#fff0ee;--shadow-sm:0 1px 2px #121b3e0d, 0 4px 12px #121b3e0d;--shadow-md:0 12px 35px #121b3e1a;--radius-sm:.65rem;--radius-md:1rem;--radius-lg:1.4rem;--layer-utility:1000;--layer-popover:1090;--layer-dialog:1100;--layer-alertdialog:1110;--layer-modal:1200;--layer-fullscreen:10000;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,sans-serif;font-size:clamp(15px,13px + .2vw,17px)}@font-face{font-display:swap;font-family:Xin Brand Rounded;font-style:normal;font-weight:700;src:url(/assets/fonts/xin-brand-rounded.woff2)format("woff2")}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:clip}img,svg,video,canvas{max-width:100%}html,body,button,a,input,select,textarea,summary,label{cursor:url(/assets/maple-v62/ui/cursor/default.png) 1 2,auto}body{min-width:320px;min-height:100vh;color:var(--ink);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:radial-gradient(circle at 12% -8%,#4564e821,#0000 30rem),radial-gradient(circle at 95% 8%,#22b58e17,#0000 24rem),#f5f7fb;margin:0;font-size:1rem;line-height:1.65}::selection{color:var(--brand-950);background:#cfd7ff}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{color:var(--brand-950);letter-spacing:-.025em;line-height:1.22}h1{margin:0 0 .75rem;font-size:clamp(1.85rem,4vw,2.65rem)}h2{margin:0 0 .65rem;font-size:clamp(1.25rem,2.5vw,1.55rem)}h3{font-size:1.05rem}a{color:var(--brand-700);text-underline-offset:.2em;font-weight:700;text-decoration-thickness:.09em}a:hover{color:var(--brand-800)}:where(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #f3a712}button,.button{background:linear-gradient(135deg, var(--brand-700), var(--brand-600));border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1rem;font-weight:750;transition:box-shadow .16s,border-color .16s,color .16s,filter .16s,opacity .16s;display:inline-flex;box-shadow:0 5px 12px #3451d12b;transition-property:box-shadow,border-color,color,filter,opacity!important}button:hover:not(:disabled){box-shadow:0 8px 18px #3451d13b}button:active:not(:disabled){box-shadow:0 2px 7px #3451d12e}button:disabled{cursor:not-allowed;filter:saturate(.65);opacity:.58}.secondary-action,.quiet-action{background:var(--surface);border-color:var(--line);box-shadow:none;color:var(--brand-800)}.secondary-action:hover:not(:disabled),.quiet-action:hover:not(:disabled){background:var(--brand-50);box-shadow:none}.danger-action{background:var(--danger-bg);box-shadow:none;color:var(--danger);border-color:#efb9b3}.danger-action:hover:not(:disabled){box-shadow:none;background:#ffe3df}.compact-action{min-height:2.5rem;padding-block:.45rem}:where(input:not([type=checkbox],[type=radio],[type=file]),select,textarea){appearance:none;border-radius:var(--radius-sm);color:var(--ink);font:inherit;background-color:#fff;border:1px solid #b8c1d2;min-height:3rem;padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s}select{appearance:auto}:where(input,select,textarea):hover:not(:disabled){border-color:#7f8da7}:where(input,select,textarea):focus-visible{border-color:var(--brand-600);outline:none;box-shadow:0 0 0 4px #4564e821}input[type=checkbox],input[type=radio]{accent-color:var(--brand-700);min-width:1.25rem;min-height:1.25rem}input[type=file]{background:var(--surface-muted);border-radius:var(--radius-sm);color:var(--ink-soft);border:1px dashed #9da9bd;max-width:100%;padding:.7rem}input[type=file]::file-selector-button{background:var(--brand-100);color:var(--brand-800);cursor:pointer;font:inherit;border:0;border-radius:.45rem;min-height:2.4rem;margin-inline-end:.7rem;padding-inline:.85rem;font-weight:750}label,legend{color:#2b354a}small,.section-description,.hero-description{color:var(--ink-soft)}.shell{width:100%;min-width:0;max-width:72rem;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.shell--centered{justify-content:center;align-items:center;min-height:100vh;padding-block:2rem;display:flex}.panel{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #dfe4eee6;width:100%;min-width:0;max-width:none;padding:clamp(1.15rem,3vw,1.75rem)}.shell>.panel+.panel,.shell>.panel+section,.shell>section+.panel{margin-top:1rem}.eyebrow{color:var(--brand-700);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.76rem;font-weight:850}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-lockup>span:last-child{line-height:1.2;display:grid}.brand-lockup strong{color:var(--brand-950);letter-spacing:-.01em;font-size:1rem}.brand-lockup small{letter-spacing:.04em;margin-top:.2rem;font-size:.72rem}.brand-mark{background:linear-gradient(145deg, var(--brand-700), #6f7eff);color:#fff;border-radius:.85rem;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;font-family:Xin Brand Rounded,PingFang TC,sans-serif;font-size:1.25rem;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #3451d140}.brand-mark--small{border-radius:.7rem;width:2.5rem;height:2.5rem;font-size:1rem}.maple-login-screen{cursor:url(/assets/maple-v62/ui/cursor/default.png) 0 3,auto;background-color:#091522;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:clip}.maple-login-screen button,.maple-login-screen label{cursor:inherit}.maple-login-stage{aspect-ratio:16/9;isolation:isolate;background:#030303;flex:none;width:max(100%,177.778dvh);max-width:none;height:max(100dvh,56.25vw);max-height:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);container-type:inline-size}.maple-login-slideshow{z-index:1;position:absolute;inset:0}.maple-login-background{object-fit:cover;object-position:center;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0;transform:scale(1.025)}.maple-login-background.is-active{opacity:1;transition:opacity 1.2s,transform 6.5s linear;transform:scale(1)}.maple-login-slideshow__shade{pointer-events:none;background:linear-gradient(#050f1b33,#0000 30%,#0208103d),radial-gradient(circle at 50% 48%,#0000 20%,#030a1447 100%);position:absolute;inset:0}.maple-login-slideshow__progress{z-index:2;gap:.42rem;display:flex;position:absolute;bottom:clamp(1rem,2.2vh,1.5rem);left:50%;transform:translate(-50%)}.maple-login-slideshow__progress span{background:#ffffff80;border:1px solid #1e140aa6;border-radius:999px;width:.45rem;height:.45rem;transition:width .18s,background-color .18s;box-shadow:0 1px 3px #00000073}.maple-login-slideshow__progress span.is-active{background:#ffd66b;width:1.55rem}.maple-login-logo{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;width:44%;height:34%;position:absolute;top:1%;left:28%}.maple-login-panel{--maple-login-action-center:53.9401%;aspect-ratio:368/236;z-index:4;width:min(46%,34.5rem);position:absolute;top:50%;left:51.25%;transform:translate(-50%,-50%);container-type:inline-size}.maple-login-signboard{height:100%;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;position:absolute;inset:0}.maple-super-admin-form{pointer-events:none;z-index:6;position:absolute;inset:0}.maple-super-admin-form input{box-shadow:none;color:#2d1708;pointer-events:auto;z-index:1;background:#ffe08e1f;border:0;border-radius:0;width:40.8%;height:14.8%;min-height:0;padding:.4cqw 1.4cqw;font-family:Xin Brand Rounded,Arial Rounded MT Bold,Noto Sans CJK TC,sans-serif;font-size:max(3.8cqw,15px);position:absolute;left:30.4%}.maple-super-admin-form input:focus-visible{outline-offset:max(.2cqw, 1px);background:#ffefb347;outline:max(.45cqw,2px) solid #ffe7a2}.maple-super-admin-form__account{top:5.1%}.maple-super-admin-form__password{top:21.2%}.maple-super-admin-submit{appearance:none;box-shadow:none;color:#0000;opacity:1;z-index:6;background:0 0;border:0;border-radius:0;width:11.5%;min-width:44px;height:22%;min-height:44px;padding:0;position:absolute;top:5.5%;left:57%;overflow:hidden}.maple-super-admin-submit:hover:not(:disabled),.maple-super-admin-submit:active:not(:disabled),.maple-super-admin-submit:focus-visible{box-shadow:none;color:#0000;filter:none;background:0 0;outline:0;transform:none}.maple-super-admin-submit span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.maple-guild-cobrand{color:#fff;pointer-events:none;z-index:4;width:27%;font-family:Xin Brand Rounded,Arial Rounded MT Bold,Noto Sans CJK TC,sans-serif;position:absolute;top:24.4167%;left:66.75%}.maple-guild-cobrand__lockup{display:inline-block;position:relative}.maple-guild-cobrand__title{filter:drop-shadow(0 .32cqw .15cqw #000000d1);white-space:nowrap;justify-content:flex-start;align-items:center;gap:.5cqw;line-height:1;display:flex}.maple-guild-cobrand__title strong,.maple-guild-cobrand__times{color:#fff2c5;paint-order:stroke fill;-webkit-text-stroke:max(.16cqw, .75px) #40220f;text-shadow:0 -.04cqw #fffdf1,0 .18cqw #c87824,0 .34cqw .15cqw #000000e6;font-weight:400}.maple-guild-cobrand__title strong{letter-spacing:.015em;font-size:max(3cqw,16px);line-height:1}.maple-guild-cobrand__times{color:#fff8e1;font-size:max(2.5cqw,14px)}.maple-guild-cobrand__heart{color:#fff;paint-order:stroke fill;-webkit-text-stroke:max(.11cqw, .65px) #40220f;text-shadow:0 0 .12cqw #fff,0 .2cqw .14cqw #000000d1;font-size:max(2.55cqw,14px);font-weight:400;line-height:1}.maple-guild-cobrand__subtitle{color:#fff5ce;letter-spacing:.035em;text-align:right;text-shadow:.08cqw .08cqw #27130b,-.08cqw .08cqw #27130b;width:max-content;margin:0;padding:0;font-size:max(1.05cqw,10px);font-weight:400;line-height:1.2;display:block;position:absolute;top:calc(100% + .12cqw);right:0}.maple-google-sign-in{box-shadow:none;color:#0000;height:18.65%;left:var(--maple-login-action-center);z-index:5;background:url(/assets/maple-v62/ui/login/auth-google.png) 50%/100% 100% no-repeat;border:0;border-radius:0;width:25.2717%;min-width:93px;min-height:44px;padding:0;position:absolute;top:58.4746%;overflow:hidden;transform:translate(-50%)}.maple-google-sign-in-guidance{color:#fff2c5;letter-spacing:.015em;left:var(--maple-login-action-center);paint-order:stroke fill;pointer-events:none;text-align:center;text-shadow:0 -.04cqw #fffdf1,0 .18cqw #c87824,0 .34cqw .15cqw #000000e6;-webkit-text-stroke:max(.16cqw, .75px) #40220f;white-space:nowrap;z-index:5;width:72%;margin:0;font-family:Xin Brand Rounded,Arial Rounded MT Bold,Noto Sans CJK TC,sans-serif;font-size:max(3.45cqw,12px);font-weight:400;line-height:1.12;position:absolute;top:42.5%;transform:translate(-50%)}.maple-google-sign-in:hover:not(:disabled){box-shadow:none;filter:brightness(1.16);transform:translate(-50%)}.maple-google-sign-in:active:not(:disabled){box-shadow:none;filter:brightness(.85);transform:translate(-50%)translateY(2px)}.maple-google-sign-in:disabled{filter:grayscale(.65)brightness(.75)}.maple-google-sign-in span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.test-profile-picker{background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm);gap:.4rem;margin:0;padding:.8rem;display:grid}.test-profile-picker legend{color:var(--ink-soft);padding-inline:.3rem;font-size:.78rem;font-weight:750}.test-profile-picker label{cursor:pointer;border-radius:.5rem;align-items:center;gap:.55rem;min-height:2.5rem;padding-inline:.55rem;display:flex}.test-profile-picker label:has(input:checked){color:var(--brand-950);background:#fff;font-weight:700;box-shadow:0 1px 4px #121b3e17}.maple-test-profile-picker{color:#fff3c4;z-index:5;background:#2d1909eb;border:2px solid #dca851;gap:.35rem;width:auto;max-width:calc(100% - 8rem);padding:.35rem;display:flex;position:fixed;bottom:max(3.5%,1rem);left:50%;transform:translate(-50%);box-shadow:0 3px #1e0e03}.maple-test-profile-picker legend{color:#ffe7a2;font-size:.7rem}.maple-test-profile-picker label{white-space:nowrap;min-height:2.25rem;padding-inline:.65rem}.maple-test-profile-picker label:has(input:checked){color:#3a210b;background:#f3c25f}.maple-login-error{color:#fff;text-align:center;z-index:5;background:#4e120ef0;border:2px solid #ffb197;width:min(28rem,100% - 4rem);margin:0;padding:.55rem .85rem;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}@media (width<=700px){.maple-login-stage{aspect-ratio:auto;width:100%;max-width:none;height:100dvh;min-height:0;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.maple-login-logo{width:min(82vw,30rem);height:30%;top:3%;left:50%;transform:translate(-50%)}.maple-super-admin-submit{width:22.5%;height:18%;top:7%;left:63.5%}.maple-login-panel{width:min(88vw,22rem);top:52%;left:50%}.maple-guild-cobrand{display:none}.maple-guild-cobrand__subtitle{font-size:max(1.05cqw,5px)}.maple-google-sign-in{width:max(25.2717%,93px);min-width:93px;height:max(18.65%,44px);min-height:44px}.maple-google-sign-in:active{transform:translate(-50%)translateY(2px)}.maple-test-profile-picker{bottom:max(1rem, env(safe-area-inset-bottom));gap:.2rem;width:min(22rem,100% - 2rem);max-width:calc(100% - 2rem);display:grid;position:fixed}.maple-test-profile-picker label{min-height:2.1rem}}@media (prefers-reduced-motion:reduce){.maple-login-background,.maple-login-background.is-active{transition:none!important;transform:none!important}}