@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;800&family=DM+Sans:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";@import "https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background-color:var(--bg);color:var(--text);min-height:100vh;transition:background-color .4s,color .4s}::selection{background:var(--pink-hot);color:var(--white)}::selection{background:var(--pink-hot);color:var(--white)}@media (width<=1000px){html,body{width:100%;overflow-x:hidden}#header.container{padding:0 16px;width:100%!important}header nav{float:none}.container,.main_container,.module{box-sizing:border-box;width:100%;padding-left:16px;padding-right:16px}img{max-width:100%;height:auto}table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.buttons,.subpage_buttons,#flex-container{display:block}input[type=text],input[type=email],input[type=number],select,textarea{box-sizing:border-box;width:100%}.menu{max-width:100%!important;margin:16px auto!important}.module,.module2{max-width:100%!important;margin:16px auto!important;padding:16px!important}.category_title_h3{margin-left:0!important;padding-left:16px!important;font-size:20px!important}.article_menu_p,.menu_p{margin-bottom:16px!important;margin-left:16px!important;margin-right:16px!important;padding:16px!important}#logo_image{max-width:70%!important}.logo_main{margin-top:120px!important;margin-bottom:60px!important}.current_track{flex-direction:column!important;margin-left:16px!important;margin-right:16px!important}.current_track_a{width:160px!important;height:160px!important;margin:0 auto!important}.music_updated_time{margin-left:16px!important}.playlist_items{width:calc(100% - 32px)!important;margin:30px 16px 0!important}.playlist_item,.current_playlist_item{width:60px!important;height:60px!important}.info{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.skills_div,.skills_div2,.education,.project{margin-left:0!important}.article_title{font-size:1.6em!important}.markdown{font-size:.95rem}.frame{padding:0 12px}.user_name_level{flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin-top:100px!important}#user_name{flex-wrap:wrap;margin-top:0!important}#user_level{width:100%;margin-top:16px!important}.xxlarge_text{word-break:break-word;margin-left:16px!important;font-size:x-large!important}.sub_info_container,.sub_info_container_text{margin-left:8px!important;margin-right:8px!important;padding:16px!important}.credits{justify-content:center}#main_panel{max-width:100%!important}#log_out{text-align:center;margin-top:20px}.arts_menu{padding:0 12px;margin-top:100px!important}.arts_item{flex-direction:column!important;padding:16px!important}.arts_item .arts_pic{max-width:100%!important;height:auto!important;max-height:200px!important}.arts_item .pic{text-align:center;margin-bottom:12px;margin-right:0!important}#calc_container{margin-top:100px!important}#question_canvas{max-width:100%!important;height:auto!important}#answer_input{box-sizing:border-box;width:100%!important}#answer_form{gap:10px;flex-direction:column!important}#reactionB{width:90vw!important;max-width:100%!important}#function{padding:0 16px!important}#flex-container{gap:10px;flex-direction:column!important}.form-group-flex{width:100%!important}.spotifyTransfer .container{padding:16px!important}.about-sidebar-toggle{display:none!important}.aboutMe .container,.aboutMe .container.sidebar-open{width:90%!important;margin-left:auto!important;margin-right:auto!important;padding:0 20px!important}#skills_div{align-items:center;flex-direction:column!important}.skills_div2{margin-bottom:20px}.container3{flex-wrap:nowrap;overflow-x:auto}.competition_img{margin-left:0!important}.buttons{align-items:center;gap:10px;flex-direction:column!important;display:flex!important}.hover_button{text-align:center;display:block;margin-right:0!important}.article-sidebar-toggle,.article-sidebar{display:none!important}#article.container,#article.container.sidebar-open{width:100%!important;margin:120px auto 0!important;padding:0 20px!important}.search-dropdown{width:calc(100vw - 32px)!important;max-width:none!important;margin-right:0!important;right:-16px!important}.web_intro_container{flex-direction:column!important;gap:10px!important}.homepage_domino_meme{margin:0 auto;width:80px!important}.menu2{max-width:100%!important}.menu2:before{display:none}.menu_text2{margin-left:16px!important;padding-left:16px!important}#article_menu{padding:0 8px;margin-top:80px!important}.search-container{margin:20px 8px!important}.notice{margin-bottom:40px!important;padding:10px 16px!important}#homepage.intro{padding:0 16px}#footer_text{padding:0 16px;margin-top:50px!important}nav ul.open li{text-align:center;border-bottom:1px solid var(--surface-border);padding:12px 0}nav ul.open li:last-child{border-bottom:none}}:root{--bg:#f0f0f0;--text:#333;--card-bg:#e5e5e5;--scene-card-bg:#c8d6d8;--module-bg:#fff;--muted-text:#6e6e6e;--article-card-bg:#e1e1e1;--link:#1e9595;--header-bg:#fff;--header-text:#525252;--surface-border:#0000000f;--white:#fff;--black:#000;--blue-accent:#4facfe;--primary:#29b2d0;--primary-hover:#2399b5;--blue-bright:#007bff;--blue-bright-dark:#0056b3;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-info:#008cba;--blue-link:#09c;--blue-muted:#326a9c;--react-blue:#61dafb;--cyan-bright:#00f2fe;--teal-400:#36c3c9;--teal-deep:#176b6b;--teal-mint:#00d4aa;--teal-mint-light:#3dd5b3;--spotify-green:#1db954;--spotify-green-light:#1ed760;--emerald-500:#10b981;--emerald-600:#059669;--green-bright:#45d948;--green-neon:#57f15c;--green-pure:#0f0;--green-dark:#3c723e;--green-pastel:#99dbb4;--accent-pink:#de77a5;--accent-pink-dark:#c96594;--pink-hot:#e74975;--pink-bright:#f24d7c;--pink-bold:#e0457b;--rose-accent:#ff6b9d;--rose-400:#f472b6;--pink-light:#ff9fc0;--danger:#f94646;--red-600:#dc2626;--red-light:#ff6b6b;--red-tint:#ffe6e6;--pink-tint:#ffecf6;--coral:#ef8d9c;--peach-pastel:#ffc39e;--violet-400:#a78bfa;--indigo-500:#6366f1;--purple-vivid:#9d4edd;--purple-500:#a855f7;--purple-600:#9333ea;--orange-400:#e78b49;--orange-bright:#ff9800;--amber:orange;--amber-500:#f59e0b;--amber-600:#d97706;--peach:#ff9f7e;--yellow-pure:#ff0;--brown:#9a5c32;--gray-900:#111827;--gray-800:#282c34;--gray-700:#374151;--gray-steel:#394147;--google-text:#3c4043;--gray-550:#555;--gray-500:#666;--gray-cool:#6b7280;--gray-400:#777;--gray-350:#888;--gray-300:#999;--gray-250:#a2a2a2;--gray-blue:#bac;--gray-200:#ccc;--gray-cool-light:#cbcdd3;--google-border:#dadce0;--gray-175:#ddd;--gray-150:#e0e0e0;--teal-tint:#e4eded;--gray-125:#e5e7eb;--gray-100:#e8eaed;--gray-75:#eee;--gray-60:#f1f1f1;--google-active:#f1f3f4;--gray-50:#f3f4f6;--gray-25:#f5f5f5;--google-hover:#f8f9fa;--gray-15:#f9f9f9;--gray-10:#f9fafb;--off-white:#fcfcfc;--near-black-alpha:#010101f6;--dark-teal-alpha:#184552ca;--warm-gray-alpha:#c8c2c219;--dark-navy:#0c1a28;--dark-indigo:#121526;--black-a10:#0000001a;--black-a12:#0000001f;--black-a15:#00000026;--black-a2:#00000005;--black-a20:#0003;--black-a25:#00000040;--black-a30:#0000004d;--black-a35:#00000059;--black-a40:#0006;--black-a5:#0000000d;--black-a50:#00000080;--black-a55:#0000008c;--black-a60:#0009;--black-a8:#00000014;--white-a1:#ffffff03;--white-a10:#ffffff1a;--white-a12:#ffffff1f;--white-a15:#ffffff26;--white-a2:#ffffff05;--white-a20:#fff3;--white-a40:#fff6;--white-a5:#ffffff0d;--white-a50:#ffffff80;--white-a60:#fff9;--white-a8:#ffffff14;--white-a80:#fffc;--blue-accent-a10:#4facfe1a;--blue-accent-a12:#4facfe1f;--blue-accent-a15:#4facfe26;--blue-accent-a20:#4facfe33;--blue-accent-a25:#4facfe40;--blue-accent-a3:#4facfe08;--blue-accent-a30:#4facfe4d;--blue-accent-a4:#4facfe0a;--blue-accent-a40:#4facfe66;--blue-accent-a5:#4facfe0d;--blue-accent-a50:#4facfe80;--blue-accent-a70:#4facfeb3;--blue-accent-a8:#4facfe14;--rose-accent-a10:#ff6b9d1a;--rose-accent-a12:#ff6b9d1f;--rose-accent-a20:#ff6b9d33;--rose-accent-a3:#ff6b9d08;--rose-accent-a30:#ff6b9d4d;--rose-accent-a4:#ff6b9d0a;--rose-accent-a40:#ff6b9d66;--rose-accent-a5:#ff6b9d0d;--rose-accent-a50:#ff6b9d80;--rose-accent-a8:#ff6b9d14;--rose-accent-a80:#ff6b9dcc;--teal-mint-a10:#00d4aa1a;--teal-mint-a14:#00d4aa24;--teal-mint-a15:#00d4aa26;--teal-mint-a18:#00d4aa2e;--teal-mint-a35:#00d4aa59;--teal-mint-a7:#00d4aa12;--violet-a10:#a78bfa1a;--violet-a12:#a78bfa1f;--violet-a35:#a78bfa59;--violet-a6:#a78bfa0f;--violet-a7:#a78bfa12;--cyan-bright-a8:#00f2fe14;--dark-text-a60:#11182799;--dark-text-a80:#111827cc;--dark-text-a85:#111827d9;--dark-panel-a75:#14161cbf;--dark-surface-a70:#191e32b3;--dark-surface-a80:#191e32cc;--danger-a14:#f9464624;--danger-a22:#f9464638;--danger-a55:#f946468c;--danger-a65:#f94646a6;--danger-a7:#f9464612;--amber-a10:#f59e0b1a;--pink-dark-a80:#c94378cc;--red-brand-a80:#cf2342cc;--orange-brand-a85:#ff822dd9;--spotify-green-a30:#1db9544d;--spotify-green-a40:#1db95466;--link-a10:#1e95951a;--link-a12:#1e95951f;--link-a30:#1e95954d;--github-green-a90:#2ea043e6;--header-shadow-a30:#393f484d;--steel-a70:#3a3e42b3;--google-shadow-a30:#3c40434d;--green-bright-a40:#45d94866;--dark-warm-a21:#45434336}html,body{background:var(--bg);color:var(--text)}a{color:var(--link)}header{background:var(--header-bg)!important}header a{color:var(--header-text)!important}.dark{--bg:#0f1117;--header-bg:#111419;--article-card-bg:#161a23;--scene-card-bg:#162028;--card-bg:#191d25;--module-bg:#1c2029;--text:#cdd1db;--header-text:#b8bdca;--muted-text:#8890a0;--link:#3ec9c9;--surface-border:#ffffff14}.dark .menu,.dark .menu_p,.dark .current_track,.dark #main_panel,.dark .sub_info_container_text,.dark .info_container_text{background-color:var(--card-bg)!important}.dark .article_menu_p{background-color:var(--article-card-bg)!important}.dark table,footer.container{color:var(--text)}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{background-color:var(--gray-800);color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:var(--react-blue)}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{background-color:var(--black-a60);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--background-color,#fff);box-shadow:0 20px 60px var(--black-a30);max-height:90vh;color:var(--text-color,#000);border-radius:12px;flex-direction:column;animation:.3s ease-out slideIn;display:flex;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:900px}.modal-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-title{color:var(--text-color,#111827);margin:0;font-size:1.5rem;font-weight:600}.modal-close-button{cursor:pointer;color:var(--text-muted,#6b7280);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .2s;display:flex}.modal-close-button:hover{background-color:var(--hover-bg,#f3f4f6);color:var(--text-color,#111827)}.modal-close-button:focus{outline:2px solid var(--focus-color,#29b2d0);outline-offset:2px}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color,#e5e7eb);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-footer button{cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal-footer .button-primary{background-color:var(--primary);color:#fff;border:2px solid var(--primary)}.modal-footer .button-primary:hover{background-color:var(--primary-hover)}.modal-footer .button-secondary{color:var(--gray-cool);border:2px solid var(--gray-125);background-color:#fff}.modal-footer .button-secondary:hover{background-color:var(--gray-50)}.modal-footer .button-danger{color:var(--danger);border:2px solid var(--danger);background-color:#fff}.modal-footer .button-danger:hover{background-color:var(--danger);color:#fff}.dark .modal-content{background-color:var(--module-bg);color:var(--text);border:1px solid var(--surface-border)}.dark .modal-header{border-bottom-color:var(--surface-border)}.dark .modal-title{color:var(--text)}.dark .modal-close-button{color:var(--muted-text)}.dark .modal-close-button:hover{background-color:var(--white-a8);color:var(--text)}.dark .modal-footer{border-top-color:var(--surface-border)}.dark .modal-footer .button-secondary{background-color:var(--card-bg);color:var(--text);border-color:var(--surface-border)}.dark .modal-footer .button-secondary:hover{background-color:var(--white-a10)}.dark .modal-footer .button-danger{background-color:#0000}@media (width<=640px){.modal-content{width:95%;max-height:95vh}.modal-header{padding:20px 16px 12px}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer button{width:100%}}.homepage{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .8s,color .4s;position:relative;overflow-x:hidden}.homepage-search-container{z-index:10;max-width:600px;margin:30px auto 20px;padding:0 20px;position:relative}.homepage-search-bar{border:2px solid var(--white-a12);background:var(--dark-surface-a70);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--white);box-sizing:border-box;box-shadow:0 8px 32px var(--black-a30);border-radius:16px;outline:none;padding:18px 24px;font-family:DM Sans,sans-serif;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.homepage-search-bar:focus{border-color:var(--blue-accent);box-shadow:0 8px 32px var(--blue-accent-a20), 0 0 0 4px var(--blue-accent-a10);transform:translateY(-2px)}.homepage-search-bar::placeholder{color:var(--white-a40)}.homepage-search-results{background:var(--dark-surface-a80);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white-a12);max-width:600px;box-shadow:0 16px 48px var(--black-a40);z-index:10;border-radius:20px;margin:20px auto;padding:20px;position:relative}.homepage-search-results h3{color:var(--blue-accent);margin-bottom:15px;font-size:1.1em;font-weight:700}.homepage-search-result-item{border-radius:12px;margin:8px 0;padding:12px;transition:all .2s}.homepage-search-result-item:hover{background:var(--white-a5);transform:translate(4px)}.result-link{color:var(--gray-100);align-items:center;gap:12px;text-decoration:none;display:flex}.result-bullet{font-size:1.2em}.result-category{color:var(--white-a50);margin-left:auto;font-size:.9em;font-style:italic}.no-results{text-align:center;color:var(--white-a50);padding:20px 0;font-size:1em}.timer_s{color:var(--rose-accent);letter-spacing:2px;text-shadow:0 0 3px var(--rose-accent-a50), 0 0 40px var(--rose-accent-a30);font-family:Unbounded,sans-serif;font-size:2rem;font-weight:800;animation:3s ease-in-out infinite pulse-glow}.timer_s p{color:var(--pink-bright)}.homepage .timer_s{color:var(--rose-accent)!important}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px var(--rose-accent-a50), 0 0 40px var(--rose-accent-a30)}50%{text-shadow:0 0 30px var(--rose-accent-a80), 0 0 60px var(--rose-accent-a50)}}.web_intro_container{z-index:10;justify-content:center;align-items:center;gap:24px;max-width:900px;margin:0 auto -45px;animation:.8s ease-out .3s both slide-up;display:flex;position:relative}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.web_intro_text{color:var(--dark-teal-alpha);padding:8px 32px;font-weight:500;line-height:1.6}.web_intro_text strong{color:var(--blue-accent);font-family:Unbounded,sans-serif;font-weight:700}.menu2{background:linear-gradient(135deg, var(--blue-accent-a15), var(--cyan-bright-a8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border:2px solid var(--blue-accent-a30);max-width:600px;box-shadow:0 16px 48px var(--blue-accent-a20), inset 0 1px 0 var(--white-a10);border-radius:24px;margin:0;transition:transform .3s,box-shadow .3s;position:relative;transform:translateY(0)}.menu2:hover{box-shadow:0 20px 60px var(--blue-accent-a30), inset 0 1px 0 var(--white-a15);transform:translateY(-4px)}.menu2:before{content:"";border-top:18px solid #0000;border-bottom:18px solid #0000;border-right:18px solid var(--blue-accent-a25);width:0;height:0;filter:drop-shadow(-2px 0 4px var(--blue-accent-a20));position:absolute;top:50%;left:-18px;transform:translateY(-50%)}.menu{background-color:var(--warm-gray-alpha);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;clear:both;border:2px solid var(--white-a12);max-width:900px;box-shadow:0 20px 60px var(--black-a40), inset 0 1px 0 var(--white-a8);z-index:10;border-radius:24px;margin:40px auto;animation:.8s ease-out both slide-up;position:relative;overflow:hidden;transform:translateY(0)}.menu:nth-of-type(2){animation-delay:.2s}.menu:nth-of-type(3){animation-delay:.4s}.menu:nth-of-type(4){animation-delay:.6s}.menu-small{background-color:var(--warm-gray-alpha);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;clear:both;border:2px solid var(--white-a12);max-width:700px;box-shadow:0 20px 60px var(--black-a40), inset 0 1px 0 var(--white-a8);z-index:10;border-radius:48px;margin:40px auto;animation:.8s ease-out both slide-up;position:relative;overflow:hidden;transform:translateY(0)}.menu-small:nth-of-type(2){animation-delay:.2s}.menu-small:nth-of-type(3){animation-delay:.4s}.menu-small:nth-of-type(4){animation-delay:.6s}.notice{text-align:center;z-index:10;margin:60px auto 120px;padding:20px;position:relative}.notice_text{text-align:center;color:var(--blue-accent-a70);font-size:.9rem;font-style:italic}#homepage.intro{text-align:center;clear:both;z-index:10;max-width:800px;margin:60px auto;padding:60px 20px;position:relative;overflow:hidden}.text{color:var(--gray-900);font-size:1.1rem;font-weight:400;line-height:1.8;text-decoration:none}.title{color:var(--white);background:linear-gradient(135deg, var(--rose-accent), var(--blue-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-family:Unbounded,sans-serif;font-size:2.5rem;font-weight:800;text-decoration:none;display:inline-block}.menu_links{color:var(--gray-steel);font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.article_menu_tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.article_menu_tag{color:var(--steel-a70);background:var(--blue-accent-a15);border:1px solid var(--blue-accent-a30);border-radius:12px;padding:4px 12px;font-size:.85rem;text-decoration:none;transition:all .2s}.article_menu_tag:hover{background:var(--blue-accent-a25);color:var(--blue-accent);border-color:var(--blue-accent)}.category_title_h3{text-align:left;color:var(--white);letter-spacing:-.5px;background:linear-gradient(135deg, var(--rose-accent), var(--blue-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:40px 0 20px 50px;font-family:Unbounded,sans-serif;font-size:1.6rem;font-weight:800}.logo_p{text-align:center}.menu_text{color:var(--peach);font-size:.9rem;font-style:italic;text-decoration:none}.menu_text2{text-align:left;color:var(--rose-accent);margin:20px 0 0 50px;padding:0;font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:600;transition:all .2s;display:inline-block}.menu_text2:hover{color:var(--pink-light);transform:translate(4px)}.menu_text2 a{color:inherit;text-decoration:none;position:relative}.menu_text2 a:after{content:" →";opacity:0;transition:opacity .2s}.menu_text2 a:hover:after{opacity:1}.article_menu_p{text-align:left;background:linear-gradient(135deg, var(--blue-accent-a8), var(--rose-accent-a8));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--white-a10);border-radius:16px;margin:20px 50px;padding:24px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.article_menu_p:before{content:"";background:linear-gradient(90deg, transparent, var(--white-a10), transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.article_menu_p:hover:before{left:100%}.article_menu_p:hover{box-shadow:0 20px 60px var(--blue-accent-a30), 0 0 0 2px var(--blue-accent-a50);border-color:var(--blue-accent-a40);transform:translateY(-6px)scale(1.01)}.app-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:0 40px 40px;display:grid}.app-card{background:linear-gradient(135deg, var(--blue-accent-a5), var(--rose-accent-a5));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white-a10);box-sizing:border-box;border-radius:24px;flex-direction:column;justify-content:space-between;height:100%;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dark .app-card{background:linear-gradient(135deg, var(--blue-accent-a3), var(--rose-accent-a3));border-color:var(--white-a8)}.app-card:hover{box-shadow:0 20px 40px var(--black-a20);border-color:var(--blue-accent-a40);background:linear-gradient(135deg, var(--blue-accent-a8), var(--rose-accent-a8));transform:translateY(-8px)}.app-card-header{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.app-card-icon{background:var(--blue-accent-a15);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;font-size:20px;transition:transform .3s;display:flex;overflow:hidden}.app-icon-img{object-fit:contain;width:100%;height:100%;display:block}.app-card:hover .app-card-icon{transform:scale(1.1)rotate(5deg)}.app-card-type{text-transform:uppercase;letter-spacing:1.2px;color:var(--blue-accent);opacity:.9;margin:0 0 2px;font-size:.7rem;font-weight:800}.app-card-title{color:var(--text);word-wrap:break-word;margin:0;font-family:Unbounded,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.app-card-description{color:var(--muted-text);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 20px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.app-card-footer{justify-content:flex-end;align-items:center;display:flex}.app-card-btn{background:var(--blue-accent-a10);color:var(--blue-accent);border:1px solid var(--blue-accent-a20);border-radius:12px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.app-card-btn:hover{background:var(--blue-accent);color:#fff;transform:scale(1.05)}.multiplay-lobby-card{background:linear-gradient(135deg, var(--blue-accent-a8), var(--rose-accent-a8));border:1px solid var(--blue-accent-a30);flex-direction:row;align-items:center;gap:24px}.multiplay-lobby-card .app-card-header{flex-direction:row;flex-shrink:0;align-items:center;margin-bottom:0}.multiplay-lobby-card .app-card-description{flex-grow:1;margin-bottom:0}.multiplay-lobby-card .app-card-footer{flex-shrink:0}.creating-card{opacity:.5;border:2px dashed var(--blue-accent-a30);background:var(--white-a2);cursor:default}.dark .creating-card{background:var(--white-a1);border-color:var(--white-a10)}.creating-card:hover{box-shadow:none;transform:none}.rainbow_border{z-index:1;border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.rainbow_border:before{content:"";background:linear-gradient(90deg, var(--rose-accent), var(--amber), var(--yellow-pure), var(--green-pure), var(--blue-accent), var(--purple-vivid), var(--rose-accent));z-index:-1;background-size:200%;border-radius:26px;animation:3s linear infinite rainbow-rotate;position:absolute;inset:-2px}.rainbow_border:hover{box-shadow:0 0 30px var(--rose-accent-a40), 0 0 60px var(--blue-accent-a30);transform:translateY(-8px)scale(1.02)}.rainbow_border .app-card:hover{box-shadow:none;transform:none}.menu_p1{text-align:left;margin-bottom:1px;margin-left:100px}.menu_p2{text-align:center;margin-top:1px}#logo_image{max-width:35%;height:auto}.logo_main{z-index:10;margin-top:120px;margin-bottom:80px;position:relative}.danmu-item{white-space:nowrap;color:var(--text);text-shadow:0 0 4px var(--black-a50);opacity:.8;font-size:1.1rem;font-weight:600;animation:linear forwards danmu-move;position:absolute;left:100%}@keyframes danmu-move{0%{left:100%}to{left:-100%}}.current_track{background:linear-gradient(135deg, var(--blue-accent-a12), var(--rose-accent-a12));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--white-a15);opacity:0;box-shadow:0 16px 48px var(--black-a30);border-radius:20px;flex-direction:row;margin:30px 50px;padding:20px;transition:opacity .6s ease-in-out,transform .6s;display:flex}.current_track.show{opacity:1;transform:scale(1)}.current_track_a{border-radius:16px;flex-shrink:0;width:220px;height:220px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.current_track_a:after{content:"";background:linear-gradient(135deg, var(--blue-accent-a20), var(--rose-accent-a20));opacity:0;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.current_track_a:hover:after{opacity:1}.current_track img{object-fit:cover;opacity:0;border-radius:16px;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .6s ease-in-out}.current_track img.loaded,.current_track.show img{opacity:1}.current_track_a:hover img{transform:scale(1.08)rotate(2deg)}.current_track_2{text-align:center;opacity:0;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;transition:opacity .6s ease-in-out .2s;display:flex}.current_track_2.show{opacity:1}.current_track_title{color:var(--white);background:linear-gradient(135deg, var(--blue-muted), var(--teal-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Unbounded,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .2s}.current_track_artists{color:var(--steel-a70);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s}.current_track_artists:hover{color:var(--rose-accent)}.playlist_items{scroll-behavior:smooth;flex-direction:row;width:90%;margin:30px 40px 0;display:flex;position:relative;overflow-x:auto}.playlist_items::-webkit-scrollbar{height:8px}.playlist_items::-webkit-scrollbar-thumb{background:var(--black-a30);border-radius:4px}.playlist_item{text-align:center;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:70px;height:70px;margin:15px 10px 30px;padding:0;display:flex}.current_playlist_item{text-align:center;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:70px;height:70px;margin:3px 10px 30px;padding:0;display:flex}.current_playlist_item img,.playlist_item img{object-fit:cover;border-radius:8px;width:100%;height:100%;margin-right:5px;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .5s cubic-bezier(.25,1,.5,1)}.playlist_item img:hover{box-shadow:0 4px 8px var(--black-a20);transform:translateY(-5px)}.loading{color:var(--white-a60);margin:30px;font-size:1rem;font-style:italic;text-decoration:none}.music_updated_time{text-align:left;color:var(--white-a50);margin-left:50px}.music_updated_time p{margin:0 0 0 3px;font-size:.85rem;font-style:italic}.homepage p{color:var(--text)}.homepage_domino_meme{clip-path:inset(0 0 3px);flex-shrink:0;width:140px;height:auto;transition:transform .3s;display:block}.homepage_domino_meme:hover{transform:scale(1.05)rotate(-2deg)}#today_music{position:relative}.playlist-toggle{align-items:center;gap:8px;display:flex;position:absolute;top:28px;right:20px}.playlist-toggle .toggle-btn{background:var(--module-bg);border:1px solid var(--surface-border);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 10px;font-weight:600;transition:background .15s,box-shadow .15s,transform 60ms}.playlist-toggle .toggle-btn.active{background:var(--scene-card-bg);box-shadow:0 4px 10px var(--black-a8)}.playlist-toggle .toggle-btn:focus{box-shadow:0 0 0 3px var(--link-a12);outline:none}@media (width<=700px){.playlist-toggle{justify-content:center;margin:20px 50px 0;position:static}.homepage_domino_meme{width:100px}.category_title_h3{padding-left:30px;font-size:1.5rem}.menu{margin:30px 20px}.article_menu_p,.menu_p{margin:15px 30px}.app-grid{grid-template-columns:1fr;padding:0 20px 30px}.current_track{margin:20px 30px}.playlist_items{margin:20px 30px 30px}}@media (aspect-ratio<=1){.web_intro_container{flex-direction:column;margin-bottom:40px}.current_track{flex-direction:column;align-items:center}.current_track_a{width:280px;height:280px}.current_track_2{padding-top:20px}#logo_image{border-radius:8px;max-width:70%;height:auto}.playlist_item{flex-direction:column;display:flex}.menu_p,.menu_p1{margin-left:30px;margin-right:30px}}#homepage .timer_s,#homepage .timer_s *{color:var(--rose-accent)!important;-webkit-text-fill-color:var(--rose-accent)!important;text-shadow:0 0 3px var(--rose-accent-a50)!important}.danmu-container{pointer-events:none;z-index:999;width:100vw;height:100%;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.danmu-item{white-space:nowrap;color:var(--white);text-shadow:1px 1px 2px var(--black), 0 0 1px var(--black);opacity:.85;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:700;animation:linear forwards danmu-move;position:absolute;left:100%}.logo_main{z-index:10;min-height:200px;margin-top:120px;margin-bottom:80px;position:relative}.logo_p{text-align:center;z-index:2;position:relative}.comment-form{flex-direction:column;gap:16px;padding:20px 50px 40px;display:flex}.comment-textarea{background:var(--white-a5);border:2px solid var(--white-a10);width:100%;min-height:100px;color:var(--text);resize:vertical;border-radius:16px;padding:16px;font-family:DM Sans,sans-serif;transition:all .3s}.comment-textarea:focus{border-color:var(--blue-accent);background:var(--white-a8);outline:none}.comment-submit-btn{background:var(--dark-teal-alpha);color:#fff;cursor:pointer;border:none;border-radius:12px;align-self:flex-end;padding:12px 28px;font-family:Unbounded,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s}.comment-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px var(--blue-accent-a30);transform:translateY(-2px)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}#error_text{color:var(--red-brand-a80);text-align:left;margin-top:8px;font-size:small;text-decoration:none}#success_text{color:var(--github-green-a90);text-align:left;margin-top:8px;font-size:small;font-weight:500;text-decoration:none}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);margin:0;padding:0;font-family:"system-ui",-apple-system,Segoe UI, Roboto,Ubuntu,Cantarell,Noto Sans,"sans-serif",BlinkMacSystemFont,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400}#header.container{width:80%;margin:auto;padding:20px 20px 0;overflow:auto}#header_logo{font-size:x-large}canvas{width:30vw;height:30vh}#l2d{position:fixed}@media (width<=768px){body{overflow-x:hidden}header ul{flex-direction:column}header li{padding:10px 0}}header{color:var(--gray-250);background:var(--white);z-index:100;border-bottom:1px solid var(--black-a5);min-height:50px;padding-top:5px;position:fixed;top:0;left:0;right:0;overflow:visible}header.shadow{-webkit-box-shadow:0 3px 5px var(--header-shadow-a30);-moz-box-shadow:0 3px 5px var(--header-shadow-a30);box-shadow:0 3px 5px var(--header-shadow-a30)}header a{color:var(--header-text);text-transform:uppercase;font-size:16px;text-decoration:none}header ul{margin:0;padding:0;list-style:none;overflow:hidden}header li{float:left;padding:0 20px;display:inline}header .online{background-color:var(--teal-tint);border:1px solid var(--accent-pink);border-radius:10px;padding:4px 12px;font-weight:700}header .offline{border:1px solid var(--accent-pink);border-radius:10px;padding:2px 8px}header #branding{float:left}header #branding h1{margin:0}header nav{float:right;margin-top:5px}header .highlight,header .current a{color:var(--accent-pink);font-weight:700}.header-menu-btn{cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}.search-container-2{z-index:150;align-items:center;height:auto;display:flex;position:relative;overflow:visible}.search-icon-btn{color:var(--header-text,#525252);cursor:pointer;background:0 0;border:none;height:auto;margin:0;padding:0 6px 0 0;font-size:16px;line-height:1;transition:color .3s}.search-icon-btn:hover{color:var(--accent-pink)}.search-input{width:0;color:var(--header-text,#525252);box-sizing:border-box;height:auto;box-shadow:none;appearance:none;background:0 0;border:none;border-radius:10px;outline:none;margin:0;padding:0;font-family:inherit;font-size:16px;line-height:normal;transition:width .4s,padding .4s,margin .4s;overflow:hidden}.search-input:focus{box-shadow:none;outline:none}.search-input.expanded{border-bottom:2px solid var(--accent-pink);background:var(--module-bg,#f9f9f9);width:250px;margin-right:10px;padding:2px 12px}.search-input::placeholder{color:var(--gray-300)}header li.hidden{opacity:0;max-width:0;padding:0;transition:opacity .3s,max-width .3s,padding .3s;overflow:hidden}.search-dropdown{background:var(--module-bg,#fff);border:1px solid var(--surface-border,#ddd);width:350px;max-height:400px;box-shadow:0 4px 12px var(--black-a15);z-index:200;border-radius:8px;margin-top:5px;margin-right:250px;position:absolute;top:100%;right:0;overflow-y:auto}.search-result-item{border-bottom:1px solid var(--surface-border,#f0f0f0);color:var(--text,#333);padding:12px 16px;text-decoration:none;transition:background-color .2s;display:block}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--card-bg,#f5f5f5)}.search-result-title{color:var(--text,#525252);margin-bottom:4px;font-size:14px;font-weight:500}.search-result-description{color:var(--gray-350);text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:var(--gray-60);border-radius:4px}.search-dropdown::-webkit-scrollbar-thumb{background:var(--accent-pink);border-radius:4px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:var(--accent-pink-dark)}.dark header{border-bottom-color:var(--surface-border)}.dark header .online{background-color:var(--teal-mint-a15)}.dark .search-dropdown::-webkit-scrollbar-track{background:var(--card-bg)}@media (aspect-ratio<=1.3){nav ul{background:var(--header-bg,#fff);width:100vw;box-shadow:0 2px 8px var(--black-a15);z-index:1000;flex-direction:column;display:none;position:absolute;top:70px;right:0}nav ul.open{display:flex}.header-menu-btn{z-index:1100;color:var(--header-text,#525252);display:block;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-input.expanded{width:200px}.search-container{flex-direction:row;justify-content:center;width:100%}.search-dropdown{width:calc(100vw - 32px);margin-right:16px;right:0}}.chat-container{z-index:10001;pointer-events:none;flex-direction:column;align-items:flex-end;gap:20px;width:280px;display:flex;position:fixed;bottom:5px;right:5px}.manga-bubble{pointer-events:auto;background:#fff;border:3px solid #000;border-radius:20px;max-width:100%;margin-bottom:200px;padding:15px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) bubbleAppear;position:relative;box-shadow:6px 6px #00000026}.manga-bubble:after{content:"";border:15px solid #0000;border-top-color:#000;border-bottom:0 solid #000;position:absolute;bottom:-15px;right:50px}.manga-bubble:before{content:"";z-index:1;border:13px solid #0000;border-top-color:#fff;border-bottom:0 solid #fff;position:absolute;bottom:-8px;right:52px}.response-content{color:#000;word-break:break-word;font-family:Comic Sans MS,"cursive",Chalkboard SE,sans-serif;font-size:15px;font-weight:700;line-height:1.5}.typing-indicator{gap:4px;padding:5px 10px;display:flex}.typing-indicator span{background-color:#000;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.chat-input-area{pointer-events:auto;background:#fff;border:2px solid #000;border-radius:30px;width:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.chat-input-area:focus-within{transform:translateY(-2px)}.chat-input-area input{color:#000;background:0 0;border:none;outline:none;flex:1;padding:12px 20px;font-size:15px;font-weight:500}.chat-input-area button{color:#fff;cursor:pointer;background:#000;border:none;justify-content:center;align-items:center;padding:0 24px;font-size:18px;transition:background .2s;display:flex}.chat-input-area button:hover:not(:disabled){background:#333}.chat-input-area button:disabled{color:#999;cursor:not-allowed;background:#f0f0f0;border-left:2px solid #000}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}#footer_text{text-align:center;justify-content:center;align-items:center;margin-top:100px;display:flex}.appearance-btn-wrapper{z-index:10000;position:fixed;bottom:16px;left:16px}.appearance-btn{border:1px solid var(--black-a15);background:var(--white-a80);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:0 2px 8px var(--black-a15);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.dark .appearance-btn{border-color:var(--white-a20);background:var(--dark-panel-a75);color:var(--gray-75);box-shadow:0 4px 12px var(--black-a35)}#reaction_button{margin-top:150px}#reaction_test{text-align:center}#reactionB{cursor:pointer;color:#fff;background-color:var(--green-neon);border-width:0;border-radius:30px;outline:none;width:100%;height:460px;font-family:Open Sans;font-size:40px}#reaction_rank{margin-top:40px}#reaction_rank_title_wrap{color:var(--link);text-align:center;margin-bottom:10px;font-size:40px;font-weight:700}#reaction_rank_title{letter-spacing:2px;font-family:Unbounded,sans-serif;font-weight:800}#reaction_rank_list{flex-direction:column;gap:8px;max-width:700px;margin:0 auto;display:flex}.reaction_rank_card{background:var(--card-bg,#ffffff18);border:2px solid var(--dark-warm-a21);border-radius:14px;align-items:center;gap:16px;padding:12px 18px;display:flex}.reaction_rank_card_top{border-color:#e87030;box-shadow:0 0 6px #e8703066}.reaction_rank_num_display{letter-spacing:1px;color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;height:52px;font-family:Unbounded,sans-serif;font-size:1.6em;font-weight:800;display:inline-flex}.reaction_rank_num_pos1{text-shadow:0 2px #a07800;background-color:#e6b800}.reaction_rank_num_pos2{text-shadow:0 2px #4a6080;background-color:#8ca0b8}.reaction_rank_num_pos3{text-shadow:0 2px #804820;background-color:#c87832}.reaction_rank_num_other{text-shadow:0 2px #1a4880;background-color:#4a88d0}.reaction_rank_name_cell{letter-spacing:2px;color:var(--text);flex:1;font-size:1.1em}.reaction_rating_badge{border:2px solid #3c8;border-radius:8px;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 0 6px #3c86}.reaction_rating_label_wrap{background:linear-gradient(135deg,#3c8,#0af);flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;display:flex}.reaction_rating_label_top,.reaction_rating_label_bottom{color:#fff;letter-spacing:1px;font-size:.55em;font-weight:800;line-height:1.2}.reaction_rating_score{color:#fff;background:#1a1a2e;align-items:center;padding:6px 14px;font-size:1em;font-weight:700;display:flex}@media (width<=768px){#reaction_button{margin-top:100px}#reactionB{width:90vw;height:300px;font-size:28px}#reaction_rank_title_wrap{font-size:28px}}#logo_image{height:auto;max-height:30%}#logo_main img{width:auto;max-width:446px;height:auto;max-height:80px}#digit_converter.logo_p{text-align:center}#logo_image{text-align:center;max-width:30%;height:auto}.logo_main{margin-top:150px;margin-bottom:30px}.digit_converter label{letter-spacing:2px;justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:10px;font-size:20px;font-weight:700;display:flex}#flex-container{justify-content:center;align-items:center;display:flex}#input{appearance:none;width:50%;height:35px;box-shadow:0 2px 10px 2px var(--gray-300);border-radius:30px;outline:0;padding:0 8px}textarea{vertical-align:center;text-align:center;appearance:none;width:50%;box-shadow:0 2px 10px 2px var(--gray-300);border-radius:5px;outline:0;padding:0 8px;font-size:20px}select{text-align:center;width:100px;height:30px;box-shadow:0 2px 10px 2px var(--gray-300);border-radius:25px;font-size:17px}.button2{color:#000;border:2px solid var(--blue-link);text-align:center;cursor:pointer;text-transform:uppercase;border:none;border:2px solid var(--blue-info);background:#fff;border-radius:6px;margin:4px 2px 50px;padding:16px 32px;font-size:16px;text-decoration:none;transition-duration:.4s;display:inline-block}.button2:hover{background-color:var(--blue-info);color:#fff}.form-group{margin-top:30px;margin-bottom:30px}.form-group-flex{margin:30px 20px}#function{text-align:center}@media (aspect-ratio<=1){#logo_image{max-width:70%;height:auto}}@media (width<=768px){.logo_main{margin-top:100px}#flex-container{flex-direction:column;gap:0}.form-group-flex{margin-left:0;margin-right:0}input,textarea{width:80%!important}select{width:80%}}.aboutMe{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background-color .4s,color .4s}.container{width:80%;max-width:1000px;margin:0 auto;padding:120px 20px 60px;transition:all .3s}.container.sidebar-open{max-width:1000px;margin-left:calc(10vw + 174px);margin-right:calc(10vw + 10px)}#top_head{text-align:center;margin-bottom:40px}#back_web{color:var(--blue-accent);align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}#back_web:hover{color:var(--rose-accent);transform:translate(-4px)}#back_web:before{content:"←"}.module{background:linear-gradient(135deg, var(--blue-accent-a5), var(--rose-accent-a5));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white-a10);box-shadow:0 16px 48px var(--black-a10);border-radius:32px;margin-bottom:40px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out both slide-up}.photo-container{text-align:center;margin-bottom:24px}#avatar{object-fit:cover;border:4px solid var(--white);width:180px;height:180px;box-shadow:0 8px 32px var(--blue-accent-a30);border-radius:50%;transition:transform .3s}#avatar:hover{transform:scale(1.05)rotate(2deg)}#name{background:var(--dark-text-a80);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Fugaz One,sans-serif;font-size:2.5rem;font-weight:800}.contact-links{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:40px;display:flex}.contact-links p{margin:0}#dl_cv a,#github a,#linkedin a{color:var(--link);font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}#dl_cv a:hover,#github a:hover,#linkedin a:hover{color:var(--rose-accent)}.bio-grid{text-align:left;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;display:grid}.interests-list,.skills-list{flex-direction:column;gap:12px;display:flex}.interest-item{background:var(--black-a2);border:1px solid var(--black-a8);border-radius:12px;padding:12px 20px;transition:all .2s;margin:0!important}.dark .interest-item{background:var(--white-a5);border-color:var(--white-a10)}.interest-item:hover{background:var(--black-a8);transform:translate(4px)}.dark .interest-item:hover{background:var(--white-a8)}.education-card{background:var(--blue-accent-a5);border:1px solid var(--blue-accent-a10);border-radius:20px;margin-bottom:20px;padding:24px;transition:all .3s}.education-card:hover{background:var(--blue-accent-a10);transform:translateY(-4px)}.xx-large_p{text-align:center;color:var(--text);margin-bottom:30px;font-family:Fugaz One,sans-serif;font-size:1.7rem;font-weight:800}.larger_p{margin-bottom:8px;font-size:1.2rem;font-weight:700}.medium_p{color:var(--muted-text);margin:4px 0;font-size:.9rem}.section2{margin-bottom:40px;padding:0}.project-header{text-align:left;margin-bottom:24px}.x-large_h3{color:var(--text);margin:0 0 8px;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700}.position-title{color:var(--blue-accent);margin:4px 0 0;font-size:1.1rem;font-weight:700}.award_place{color:var(--text);margin-top:8px;font-size:1.1rem;font-weight:700}.tech-stack{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.tech_sub{background:var(--blue-accent-a10);color:var(--blue-accent);border:1px solid var(--blue-accent-a20);border-radius:10px;padding:6px 14px;font-size:.8rem;font-weight:600}.project-description,.internship-description,.research-description{text-align:left;margin-bottom:24px}.intro{color:var(--text);margin-bottom:12px;font-size:1rem;line-height:1.6}.project-image{border:1px solid var(--white-a10);border-radius:5px;margin:20px 0;overflow:hidden}.project-image img{width:100%;height:auto;display:block}.project-actions{gap:16px;margin-top:30px;display:flex}.hover_button{background:var(--blue-accent);box-shadow:0 4px 15px var(--blue-accent-a30);border-radius:12px;padding:10px 24px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;color:#fff!important}.hover_button:hover{box-shadow:0 8px 25px var(--blue-accent-a40);transform:translateY(-2px)}.competition-images{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px;display:grid}.image-wrapper{border:1px solid var(--white-a10);border-radius:16px;transition:transform .3s;overflow:hidden}.image-wrapper:hover{transform:scale(1.05)}.competition_img{object-fit:contain;width:100%;height:auto;display:block}.custom-hr{background:linear-gradient(90deg, transparent, var(--white-a10), transparent);border:none;height:1px;margin:40px 0}.skills-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px;display:grid}.skills_div2{padding:0}.large_h3{color:var(--blue-accent);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.skills_p{color:var(--muted-text);margin:8px 0;font-size:.95rem}@media (width<=1000px){.container.sidebar-open{width:100%;margin-left:0}.module{border-radius:24px;padding:24px}#name{font-size:2rem}}@media (width<=768px){.bio-grid{grid-template-columns:1fr}.contact-links{gap:15px}.container{padding-top:100px}.skills-grid{grid-template-columns:1fr 1fr}}.toc-item a{color:var(--muted-text);padding:8px 24px;font-size:14px;transition:all .2s;display:block}.toc-item a:hover{color:var(--text);background:var(--blue-accent-a10);padding-left:28px}.page-sidebar{top:var(--header-height,90px);width:260px;height:calc(100vh - var(--header-height,90px));background:var(--module-bg);border-right:1px solid var(--surface-border);box-shadow:none;z-index:10;border-radius:15px;padding:20px;font-size:14px;position:fixed;left:0;overflow-y:auto}.page-sidebar.open{transition:transform .24s;transform:translate(0)}.page-sidebar.collapsed{transition:transform .24s;transform:translate(-260px)}.sidebar-toggle{z-index:11;background:var(--module-bg);border:1px solid var(--surface-border);cursor:pointer;width:34px;height:42px;box-shadow:0 4px 12px var(--black-a8);border-radius:10px;justify-content:center;align-items:center;font-weight:700;transition:left .24s,background-color .24s,color .24s;display:flex;position:fixed}.sidebar-toggle.open{left:268px;top:var(--header-height,95px)}.sidebar-toggle.collapsed{left:8px;top:var(--header-height,95px)}.sidebar-toggle:hover{background:var(--card-bg)}.page-sidebar .sidebar-title{color:var(--text);margin-bottom:8px;padding:8px 12px;font-weight:1000}.page-sidebar .toc-list{margin:0;padding:0;list-style:none}.page-sidebar .toc-list li{margin:2px 0}.page-sidebar .toc-list li[data-level="2"]{margin-left:8px}.page-sidebar .toc-list li[data-level="3"]{margin-left:16px}.page-sidebar .toc-list a{color:var(--link);border-radius:6px;padding:4px 6px;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s;display:block}.page-sidebar .toc-list a:hover,.page-sidebar .toc-list a.active{background:var(--card-bg);color:var(--text);font-weight:600}.page-sidebar .sidebar-item{border:1px solid var(--surface-border);box-shadow:none;background:0 0;border-radius:12px;padding:12px;overflow-y:auto}.page-sidebar .sidebar-item .toc-item{margin:6px 0}@media (width<=1000px){.page-sidebar,.sidebar-toggle{display:none}}@media (aspect-ratio<=1){.page-sidebar,.sidebar-toggle{display:none}}.login{background-color:var(--bg);color:var(--text);min-height:100vh;transition:background-color .4s,color .4s}.container2{flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex}.login_sub{text-align:center}#go_to_register{color:var(--pink-dark-a80);font-size:small;text-decoration:none}#error_text{color:var(--red-brand-a80);font-size:small;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.dark .login input{background-color:var(--module-bg);color:var(--text);border:1px solid var(--surface-border)}.inputBox{appearance:none;box-shadow:0 2px 10px 2px var(--gray-300);border-radius:30px;outline:0;margin-bottom:20px;padding:0 8px}.login-button{background-color:var(--white);border:1px solid var(--google-border);width:100%;max-width:400px;color:var(--google-text);cursor:pointer;box-shadow:0 1px 2px 0 var(--google-shadow-a30);border-radius:30px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:12px 24px;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s,box-shadow .2s;display:flex}.login-button:hover:not(:disabled){background-color:var(--google-hover);box-shadow:0 1px 3px 0 var(--google-shadow-a30)}.login-button:active:not(:disabled){background-color:var(--google-active);box-shadow:0 1px 2px 0 var(--google-shadow-a30)}.login-button:disabled{opacity:.6;cursor:not-allowed}.google-icon,.email-icon{flex-shrink:0;width:18px;height:18px}.login-button-text{color:var(--google-text);font-weight:500}.dark .login-button{background-color:var(--white);border-color:var(--google-border)}.dark .login-button:hover:not(:disabled){background-color:var(--google-hover)}.dark .login-button-text{color:var(--google-text)}.error_{width:100%;height:100%;color:var(--white);padding:0;font-family:Montserrat,sans-serif;overflow:hidden}.error_page{background-color:var(--orange-brand-a85)}.error_ .error{text-align:center;padding:16px;position:relative}.error_ h1{opacity:.8;letter-spacing:-17px;margin:-10px 0 -30px;font-size:calc(17vw + 40px)}.error_ p{opacity:.8;margin:8px 0 38px;font-size:20px;font-weight:700}.error_ input,.error_ button,.error_ input:focus,.error_ button:focus{border:0;outline:0!important}.error_ input{border-radius:6px 0 0 6px;width:300px;max-width:calc(100% - 80px);padding:14px;font-family:Montserrat,sans-serif;font-weight:400}.error_ button{vertical-align:top;color:gray;cursor:pointer;background:silver;border-radius:0 6px 6px 0;width:40px;padding:14.5px 16px 14.5px 12.5px;transition:all .4s}.error_ button:hover{color:#fff;background:var(--brown)}.error_ .fa-arrow-left{color:#fff;font-size:2em;text-decoration:none;position:fixed;top:30px;left:30px}:root{--line_color:var(--gray-550);--back_color:var(--pink-tint)}#error_box{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed}#submit.button{z-index:0;width:240px;height:56px;color:var(--line_color);letter-spacing:2px;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;position:relative}#submit.button__text{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#submit.button:before,#submit.button:after,#submit.button__text:before,#submit.button__text:after{content:"";background:var(--line_color);border-radius:2px;height:3px;transition:all .5s;position:absolute}#submit.button:before{width:calc(100% - 128px);top:0;left:54px}#submit.button:after{width:8px;top:0;right:54px}#submit.button__text:before{width:calc(100% - 128px);bottom:0;right:54px}#submit.button__text:after{width:8px;bottom:0;left:54px}#submit.button__line{width:56px;height:100%;position:absolute;top:0;overflow:hidden}#submit.button__line:before{content:"";box-sizing:border-box;border:solid 3px var(--line_color);border-radius:300px;width:150%;height:100%;position:absolute;top:0}#submit.button__line:first-child,#submit.button__line:first-child:before{left:0}#submit.button__line:nth-child(2),#submit.button__line:nth-child(2):before{right:0}#submit.button:hover{letter-spacing:6px}#submit.button:hover:before,#submit.button:hover .button__text:before{width:8px}#submit.button:hover:after,#submit.button:hover .button__text:after{width:calc(100% - 128px)}#submit.container2{flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;display:flex}.box2 input{appearance:none;height:30px;box-shadow:0 2px 10px 2px var(--gray-300);border-radius:30px;outline:0;margin-bottom:20px;padding:0 8px}.frame{margin-top:150px}#auth_lang_toggle{justify-content:flex-end;gap:8px;padding:12px 28px 0;display:flex}.auth_lang_btn{background:var(--module-bg,#fff);color:var(--text);cursor:pointer;border:none;border-radius:100px;padding:5px 16px;font-size:.82rem;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;box-shadow:2px 2px #0000001f}.auth_lang_btn:hover{background:var(--pink-tint,#f0e8ef)}.auth_lang_btn.active{background:var(--primary,#e72139);color:#fff;box-shadow:2px 2px #0003}.auth_lang_btn.active:hover{transform:translateY(2px);box-shadow:1px 1px #00000026}.register_sub{text-align:center}.title{letter-spacing:2px;width:100%;height:100%;color:var(--primary);justify-content:center;align-items:center;margin-bottom:70px;font-size:40px;font-weight:700;display:flex}.input_title{color:var(--text);margin-top:10px;margin-bottom:10px;font-size:15px;font-weight:500}#boxs{flex-direction:column;justify-content:center;align-items:center;display:flex}.box1,.box2{flex-direction:column;margin-left:10px;margin-right:10px;display:flex}.box1 label{text-align:right;width:100%}.box2 input{text-align:left;min-width:300px}#go_to_login{color:var(--pink-dark-a80);font-size:small;text-decoration:none}.loading-card{background:var(--module-bg);color:var(--text);box-shadow:0 8px 30px var(--black-a25);border-radius:12px;justify-content:center;align-items:center;gap:12px;min-width:260px;padding:16px 20px;display:flex}.loading-text{font-size:.95rem}.spinner{border:3px solid var(--card-bg);border-top-color:var(--link);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}button#submit:disabled,.button:disabled{opacity:.65;cursor:not-allowed;filter:saturate(.8)}.dark input{box-shadow:0 2px 10px 2px var(--black-a30);background-color:var(--module-bg);color:var(--text);border:1px solid var(--surface-border)}.dark .title{color:var(--link)}.up-root{--up-teal:var(--teal-mint);--up-teal-glow:var(--teal-mint-a15);--up-amber:var(--amber-500);--up-violet:var(--violet-400);--up-rose:var(--rose-400);--up-danger:var(--danger);background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background .4s,color .4s}.up-hero{background:var(--bg);text-align:center;isolation:isolate;color:var(--text);padding:112px 24px 84px;position:relative;overflow:hidden}.up-hero-bg{pointer-events:none}.up-orb{filter:blur(60px);mix-blend-mode:screen;border-radius:50%;animation:14s ease-in-out infinite alternate up-drift;position:absolute}.up-orb-a{background:radial-gradient(circle, var(--teal-mint-a14) 0%, transparent 65%);width:520px;height:520px;animation-duration:16s;top:-120px;left:-80px}.up-orb-b{background:radial-gradient(circle, var(--violet-a12) 0%, transparent 65%);width:380px;height:380px;animation-duration:20s;animation-delay:-7s;bottom:-40px;right:6%}.up-orb-c{background:radial-gradient(circle, var(--amber-a10) 0%, transparent 65%);width:240px;height:240px;animation-duration:18s;animation-delay:-10s;top:14%;left:58%}@keyframes up-drift{0%{transform:translate(0)scale(1)}to{transform:translate(28px,-18px)scale(1.09)}}.up-hero-body{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.up-avatar-wrap{width:124px;height:124px;margin-bottom:10px;position:relative}.up-avatar-ring{background:conic-gradient(var(--teal-mint) 0%, var(--violet-400) 38%, var(--rose-400) 62%, var(--teal-mint) 100%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), var(--white) calc(100% - 3px));mask:radial-gradient(farthest-side, transparent calc(100% - 3px), var(--white) calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), var(--white) calc(100% - 3px));border-radius:50%;animation:5s linear infinite up-spin;position:absolute;inset:-5px}@keyframes up-spin{to{transform:rotate(360deg)}}.up-avatar{z-index:1;background:linear-gradient(145deg, var(--dark-navy) 0%, var(--dark-indigo) 100%);border:2px solid var(--white-a5);border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;display:flex;position:relative}.up-avatar-text{background:linear-gradient(135deg, var(--teal-mint), var(--violet-400));-webkit-text-fill-color:transparent;letter-spacing:3px;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:2.6rem;font-weight:900}.up-name{letter-spacing:-1.5px;color:var(--dark-text-a80);margin:0;font-family:Outfit,sans-serif;font-size:clamp(2rem,5.5vw,3.4rem);font-weight:900;line-height:1;animation:.7s cubic-bezier(.22,1,.36,1) both up-rise}.up-uid{color:var(--dark-text-a60);letter-spacing:2.5px;font-family:JetBrains Mono,monospace;font-size:.78rem;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both up-rise}.up-level-pill{background:var(--violet-a6);border:1px solid var(--violet-a12);color:var(--dark-text-a85);letter-spacing:2px;border-radius:100px;align-items:center;gap:8px;padding:6px 18px 6px 13px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) .16s both up-rise;display:inline-flex}.up-level-dot{background:var(--violet-400);width:6px;height:6px;box-shadow:0 0 7px var(--violet-400);border-radius:50%;animation:2.2s ease-in-out infinite up-blink}@keyframes up-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes up-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.up-content{flex-direction:column;gap:20px;max-width:880px;margin:0 auto;padding:44px 24px 80px;display:flex}.up-stats{grid-template-columns:1fr 2fr 1fr;gap:16px;display:grid}.up-stat{background:var(--module-bg);border:1px solid var(--surface-border);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:30px 20px 26px;transition:transform .22s,box-shadow .22s;animation:.65s both up-rise;display:flex;position:relative;overflow:hidden}.up-stat:before{content:"";border-radius:18px 18px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.up-stat-credits:before{background:linear-gradient(90deg, var(--teal-mint), var(--teal-mint-light))}.up-stat-xp:before{background:linear-gradient(90deg, var(--orange-400), var(--pink-hot))}.up-stat-since:before{background:linear-gradient(90deg, var(--violet-400), var(--indigo-500))}.up-stat:first-child{animation-delay:.12s}.up-stat:nth-child(2){animation-delay:.22s}.up-stat:nth-child(3){animation-delay:.32s}.up-stat:hover{box-shadow:0 18px 52px var(--black-a12);transform:translateY(-5px)}.dark .up-stat:hover{box-shadow:0 18px 52px var(--black-a50)}.up-stat-icon{margin-bottom:2px;font-size:1.35rem;line-height:1}.up-stat-credits .up-stat-icon{color:var(--teal-mint)}.up-stat-xp .up-stat-icon{color:var(--orange-400)}.up-stat-since .up-stat-icon{color:var(--violet-400)}.up-stat-num{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:700;line-height:1.15}.up-stat-credits .up-stat-num{color:var(--teal-mint)}.up-stat-xp .up-stat-num{color:var(--orange-400)}.up-stat-since .up-stat-num{color:var(--violet-400);font-size:1.05rem}.up-stat-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted-text);margin-top:2px;font-size:.67rem;font-weight:600}.up-xp-bar{width:100%;margin:4px 0 2px}.up-actions{grid-template-columns:1fr 1fr;gap:16px;animation:.65s .38s both up-rise;display:grid}.up-action{background:var(--module-bg);border:1px solid var(--surface-border);cursor:pointer;text-align:left;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:start;gap:5px 18px;padding:28px 26px 26px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;display:grid;position:relative;overflow:hidden}.up-action:after{content:"";opacity:0;pointer-events:none;border-radius:18px;transition:opacity .3s;position:absolute;inset:0}.up-action-checkin:after{background:radial-gradient(ellipse at 15% 50%, var(--teal-mint-a7) 0%, transparent 70%)}.up-action-rename:after{background:radial-gradient(ellipse at 15% 50%, var(--violet-a7) 0%, transparent 70%)}.up-action:hover:after{opacity:1}.up-action:hover{transform:translateY(-5px)scale(1.01)}.up-action-checkin:hover{border-color:var(--teal-mint-a35);box-shadow:0 14px 44px var(--teal-mint-a10)}.up-action-rename:hover{border-color:var(--violet-a35);box-shadow:0 14px 44px var(--violet-a10)}.up-action-glyph{z-index:1;grid-area:1/1/3;align-self:center;font-size:2rem;line-height:1;position:relative}.up-action-checkin .up-action-glyph{color:var(--teal-mint)}.up-action-rename .up-action-glyph{color:var(--violet-400)}.up-action-name{color:var(--text);z-index:1;align-self:end;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;line-height:1.2;position:relative}.up-action-desc{color:var(--muted-text);z-index:1;align-self:start;font-size:.74rem;position:relative}.up-action-arrow{color:var(--muted-text);opacity:.35;z-index:1;grid-area:1/3/3;align-self:center;font-size:1.1rem;transition:transform .2s,opacity .2s,color .2s;position:relative}.up-action:hover .up-action-arrow{opacity:1;transform:translate(5px)}.up-action-checkin:hover .up-action-arrow{color:var(--teal-mint)}.up-action-rename:hover .up-action-arrow{color:var(--violet-400)}.up-footer-row{justify-content:center;padding-top:10px;animation:.65s .46s both up-rise;display:flex}.up-signout{border:1px solid var(--danger-a22);color:var(--danger-a65);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;padding:9px 28px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;transition:all .22s}.up-signout:hover{background:var(--danger-a7);border-color:var(--danger-a55);color:var(--danger);box-shadow:0 0 22px var(--danger-a14)}.loading-overlay{background:var(--black-a55);z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-card{background:var(--module-bg);color:var(--text);box-shadow:0 8px 48px var(--black-a40);border:1px solid var(--surface-border);border-radius:14px;justify-content:center;align-items:center;gap:14px;min-width:240px;padding:20px 28px;display:flex}.loading-text{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500}.spinner{border:2.5px solid var(--teal-mint-a18);border-top-color:var(--teal-mint);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.75s linear infinite spin}button:disabled{opacity:.45;cursor:not-allowed}@media (width<=680px){.up-stats{grid-template-columns:1fr 1fr}.up-stat-xp{grid-column:1/-1}.up-actions{grid-template-columns:1fr}.up-content{padding:32px 16px 60px}}@media (width<=420px){.up-stats{grid-template-columns:1fr}.up-stat-xp{grid-column:auto}.up-hero{padding:88px 16px 68px}}.progress-bar-container{width:100%;margin:8px 0}.progress-bar-track{background-color:var(--progress-bg,#e5e7eb);width:100%;box-shadow:inset 0 1px 3px var(--black-a10);border-radius:8px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:8px;justify-content:center;align-items:center;height:100%;transition:width .3s,background-color .3s;display:flex;position:relative}.progress-bar-small .progress-bar-track{height:8px}.progress-bar-small .progress-bar-label{font-size:10px}.progress-bar-medium .progress-bar-track{height:16px}.progress-bar-medium .progress-bar-label{font-size:12px}.progress-bar-large .progress-bar-track{height:24px}.progress-bar-large .progress-bar-label{font-size:14px}.progress-bar-default{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%)}.progress-bar-level{background:linear-gradient(90deg, var(--orange-400) 0%, var(--pink-hot) 100%)}.progress-bar-success{background:linear-gradient(90deg, var(--emerald-500) 0%, var(--emerald-600) 100%)}.progress-bar-warning{background:linear-gradient(90deg, var(--amber-500) 0%, var(--amber-600) 100%)}.progress-bar-danger{background:linear-gradient(90deg, var(--danger) 0%, var(--red-600) 100%)}.progress-bar-info{background:linear-gradient(90deg, var(--blue-500) 0%, var(--blue-600) 100%)}.progress-bar-purple{background:linear-gradient(90deg, var(--purple-500) 0%, var(--purple-600) 100%)}.progress-bar-label{color:#fff;text-shadow:0 1px 2px var(--black-a30);white-space:nowrap;padding:0 8px;font-weight:600}.progress-bar-label-center{color:var(--text-color,#111827);white-space:nowrap;z-index:1;padding:0 8px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .progress-bar-label-center{color:var(--text-color,#f9fafb)}.progress-bar-striped{background-image:linear-gradient(45deg, var(--white-a15) 25%, transparent 25%, transparent 50%, var(--white-a15) 50%, var(--white-a15) 75%, transparent 75%, transparent);background-size:20px 20px}.progress-bar-animated{animation:1s linear infinite progressAnimation}@keyframes progressAnimation{0%{background-position:0 0}to{background-position:20px 20px}}[data-theme=dark] .progress-bar-track{background-color:var(--progress-bg,#374151)}@media (width<=640px){.progress-bar-large .progress-bar-track{height:20px}.progress-bar-large .progress-bar-label{font-size:12px}}.button1{z-index:0;width:240px;height:56px;color:var(--line_color);letter-spacing:2px;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.button1__text{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.button1:before,.button1:after,.button1__text:before,.button1__text:after{content:"";background:var(--line_color);border-radius:2px;height:3px;transition:all .5s;position:absolute}.button1:before{width:calc(100% - 128px);top:0;left:54px}.button1:after{width:8px;top:0;right:54px}.button1__text:before{width:calc(100% - 128px);bottom:0;right:54px}.button1__text:after{width:8px;bottom:0;left:54px}.button1__line{width:56px;height:100%;position:absolute;top:0;overflow:hidden}.button1__line:before{content:"";box-sizing:border-box;border:solid 3px var(--line_color);border-radius:300px;width:150%;height:100%;position:absolute;top:0}.button1__line:first-child,.button1__line:first-child:before{left:0}.button1__line:nth-child(2),.button1__line:nth-child(2):before{right:0}.button1:hover{letter-spacing:6px}.button1:hover:before,.button1:hover .button__text:before{width:8px}.button1:hover:after,.button1:hover .button__text:after{width:calc(100% - 128px)}.button_blue{color:#000;border:2px solid var(--primary);text-align:center;cursor:pointer;text-transform:uppercase;text-align:center;border:none;border:2px solid var(--primary);background:#fff;border-radius:6px;margin:4px auto 15px 2px;padding:10px 20px;font-size:14px;text-decoration:none;transition-duration:.4s;display:inline-block}.button_blue:hover{background-color:var(--primary);color:#fff}.model_content button{cursor:pointer;margin-right:10px;padding:8px 16px}#model_content buttons{margin-top:30px}#log_out{justify-content:center;align-items:center;margin-top:100px;display:flex}.button_red{color:#fff;border:2px solid var(--danger);text-align:center;cursor:pointer;text-transform:uppercase;text-align:center;background:0 0;border:none;border-radius:6px;margin:4px 2px 50px;padding:10px 20px;font-size:14px;text-decoration:none;transition-duration:.4s;display:inline-block}.subpage_buttons{padding:5px}.button_red{color:#000;border:2px solid var(--danger);background-color:#fff}.button_red:hover{background-color:var(--danger);color:#fff}*{box-sizing:border-box}.article{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background-color .4s,color .4s}#article.container{text-align:left;width:80%;margin:100px auto 0;padding:0 100px;transition:all .3s}#article.container.sidebar-open{margin-left:calc(10vw + 74px);margin-right:calc(10vw - 10px)}.article-content{max-width:900px}.module{background:linear-gradient(135deg, var(--white-a5), var(--white-a2));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white-a10);box-shadow:0 16px 48px var(--black-a10);border-radius:32px;margin-top:20px;padding:60px 80px}.dark .module{background:linear-gradient(135deg, var(--blue-accent-a3), var(--rose-accent-a3));border-color:var(--white-a8)}.article-layout{align-items:flex-start;gap:32px;display:flex;position:relative}.toc-list{margin:0;padding:0;list-style:none}.toc-list li{margin:0;padding:0}.toc-list li a{color:var(--muted-text);border-left:2px solid #0000;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.toc-list li[data-level="2"] a{padding-left:12px}.toc-list li[data-level="3"] a{padding-left:24px}.toc-category-title{color:var(--blue-accent);text-transform:uppercase;letter-spacing:1px;padding:12px 16px;font-family:Unbounded,sans-serif;font-size:12px;font-weight:800}.markdown h1,.markdown h2,.markdown h3{scroll-margin-top:100px}.article_title{margin-bottom:24px;font-family:Unbounded,sans-serif;font-weight:800;line-height:1.2;color:var(--dark-text-a80)!important;font-size:2.2rem!important}.dark .article_title{color:var(--white-a80)!important}.horizontal-line{background:linear-gradient(90deg, transparent, var(--white-a10), transparent);border:none;height:1px;margin:40px 0}.author_name{color:var(--muted-text);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.author_user_name{color:var(--rose-accent);font-weight:700}.details{color:var(--muted-text);gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.markdown{color:var(--text);font-size:1.05rem;line-height:1.8}.markdown h1,.markdown h2,.markdown h3{color:var(--text);margin-top:2em;margin-bottom:1em;font-family:Unbounded,sans-serif}.markdown p{margin-bottom:1.5em}.markdown code{border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em;background:var(--blue-accent-a10)!important;color:var(--blue-accent)!important}.markdown pre{border:1px solid var(--white-a5);border-radius:16px;margin:24px 0;padding:20px;overflow-x:auto;background:var(--black-a30)!important}.markdown pre code{padding:0;color:var(--gray-150)!important;background:0 0!important}.markdown img{border:1px solid var(--white-a10);box-shadow:0 8px 32px var(--black-a20);border-radius:0;max-width:100%;height:auto;margin:2em auto;display:block}#article_menu{max-width:900px;margin:60px auto 120px;padding:0 20px}.articlemenu{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background-color .4s,color .4s}.category{margin-bottom:50px;animation:.6s ease-out both slide-up}.category h2{background:linear-gradient(135deg, var(--rose-accent), var(--blue-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px 20px;font-family:Unbounded,sans-serif;font-size:1.8rem;font-weight:800}.article-card{background:linear-gradient(135deg, var(--blue-accent-a8), var(--rose-accent-a8));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white-a10);border-radius:24px;flex-direction:column;margin-bottom:20px;padding:24px 32px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dark .article-card{background:linear-gradient(135deg, var(--blue-accent-a4), var(--rose-accent-a4));border-color:var(--white-a8)}.article-card:hover{box-shadow:0 20px 40px var(--black-a20);border-color:var(--blue-accent-a40);background:linear-gradient(135deg, var(--blue-accent-a12), var(--rose-accent-a12));transform:translateY(-6px)scale(1.01)}.article-card-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.article-card-icon{opacity:.8;font-size:24px}.article-card-title{color:var(--text);margin:0;font-family:Unbounded,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.4;transition:color .3s}.article-card:hover .article-card-title{color:var(--blue-accent)}.article-card-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.article-category-badge{text-transform:uppercase;letter-spacing:1px;color:var(--rose-accent);background:var(--rose-accent-a10);border:1px solid var(--rose-accent-a20);border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700}.article-tags{flex-wrap:wrap;gap:8px;display:flex}.article-tag{color:var(--muted-text);background:var(--white-a5);border:1px solid var(--white-a10);border-radius:8px;padding:4px 10px;font-size:.85rem;transition:all .2s}.article-card:hover .article-tag{border-color:var(--blue-accent-a30);color:var(--text)}.search-container{max-width:600px;margin:40px auto 60px;padding:0 20px}.search-bar{border:2px solid var(--white-a10);background:var(--white-a5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--text);box-sizing:border-box;box-shadow:0 8px 32px var(--black-a10);border-radius:16px;outline:none;padding:18px 24px;font-family:DM Sans,sans-serif;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .search-bar{background:var(--dark-surface-a70);border-color:var(--white-a12)}.search-bar:focus{border-color:var(--blue-accent);box-shadow:0 8px 32px var(--blue-accent-a20);transform:translateY(-2px)}.search-results-info{color:var(--blue-accent);margin:0 0 30px 20px;font-family:Unbounded,sans-serif;font-size:1.1rem;font-weight:700}.no-results{text-align:center;color:var(--muted-text);margin:80px 0;font-size:1.2rem;font-style:italic}@media (width<=700px){#article_menu{margin-top:40px}.category h2{margin-left:10px;font-size:1.5rem}.article-card{border-radius:20px;padding:20px}.article-card-title{font-size:1.1rem}}.arts_menu{background-color:var(--bg);max-width:800px;color:var(--text);margin:150px auto 0;transition:background-color .4s,color .4s}.arts_item{background-color:var(--module-bg);color:var(--text);box-shadow:0 4px 12px var(--black-a5);border-radius:12px;flex-direction:row;align-items:center;margin-bottom:30px;padding:20px;transition:background-color .3s,color .3s,transform .3s,box-shadow .3s;display:flex}.arts_item .pic{flex-shrink:0;margin-right:20px}.arts_item .arts_pic{object-fit:contain;background:var(--card-bg);border-radius:8px;width:auto;max-width:250px;height:250px;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .5s cubic-bezier(.25,1,.5,1);display:block}.arts_item .pic:hover{box-shadow:0 4px 8px var(--black-a20);transform:translateY(-5px)}.arts_item .info{text-align:left;width:100%;max-width:520px;color:var(--text);flex:0 520px;margin-left:auto;margin-right:auto}.arts_item .info h2{margin-top:0;margin-bottom:10px;font-size:24px}.arts_item .info p{color:var(--text);margin:6px 0;font-size:16px}.loading{color:var(--near-black-alpha);margin:30px;font-size:15px;text-decoration:none}@media (aspect-ratio<=1){.arts_item{flex-direction:column;align-items:center}.arts_item .info{text-align:center;justify-content:center;align-items:center;padding-left:0}.arts_item .info p{margin:0;padding-top:15px;font-size:16px}}#calc_container{min-height:460px;margin-top:150px}#calc_start,#calc_test_area,#calc_result{text-align:center}#calc_title{color:var(--link);margin-bottom:20px;font-size:40px;font-weight:700}#calc_description{margin-bottom:40px;font-size:18px;line-height:1.6}#startButton,#restartButton{cursor:pointer;color:#fff;background-color:var(--link);border-width:0;border-radius:30px;outline:none;width:300px;height:80px;font-family:Open Sans;font-size:28px;transition:background-color .3s}#startButton:hover,#restartButton:hover{background-color:var(--green-bright)}#progress{color:var(--link);margin-bottom:30px;font-size:24px;font-weight:700}#question_area{margin:40px 0}#question_text{color:var(--text);-webkit-user-select:none;user-select:none;font-size:48px;font-weight:700}#answer_form{flex-direction:column;align-items:center;gap:20px;display:flex}#answer_input{text-align:center;border:3px solid var(--link);border-radius:15px;outline:none;width:300px;height:60px;font-size:28px;transition:border-color .3s}#answer_input:focus{border-color:var(--green-neon)}#answer_input.wrong{border-color:var(--pink-bold);background-color:var(--red-tint);animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}#submit_button{cursor:pointer;color:#fff;background-color:var(--link);border-width:0;border-radius:15px;outline:none;width:200px;height:60px;font-family:Open Sans;font-size:20px;transition:background-color .3s}#submit_button:hover{background-color:var(--teal-deep)}#wrong_message{color:var(--pink-bold);margin-top:15px;font-size:20px;font-weight:700}#calc_result{padding:40px}#result_info{background-color:var(--dark-warm-a21);border-radius:20px;max-width:500px;margin:40px auto;padding:30px}#time_result,#questions_result{margin:20px 0;font-size:24px;line-height:1.8}.highlight{color:var(--green-dark);font-size:32px;font-weight:700}#calc_rank{margin-top:40px}#calc_reaction_test{color:var(--link);text-align:center;margin-bottom:10px;font-size:40px;font-weight:700}#calc_rank_title{letter-spacing:2px;font-family:Unbounded,sans-serif;font-weight:800}#calc_rank_list{flex-direction:column;gap:8px;max-width:700px;margin:0 auto;display:flex}.calc_rank_card{background:var(--card-bg,#ffffff18);border:2px solid var(--dark-warm-a21);border-radius:14px;align-items:center;gap:16px;padding:12px 18px;display:flex}.calc_rank_card_top{border-color:#e87030;box-shadow:0 0 6px #e8703066}.calc_rank_num_display{letter-spacing:1px;color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;height:52px;font-family:Unbounded,sans-serif;font-size:1.6em;font-weight:800;display:inline-flex}.calc_rank_num_pos1{text-shadow:0 2px #a07800;background-color:#e6b800}.calc_rank_num_pos2{text-shadow:0 2px #4a6080;background-color:#8ca0b8}.calc_rank_num_pos3{text-shadow:0 2px #804820;background-color:#c87832}.calc_rank_num_other{text-shadow:0 2px #1a4880;background-color:#4a88d0}.calc_rank_name_cell{letter-spacing:2px;color:var(--text);flex:1;font-size:1.1em}.calc_rating_badge{border:2px solid #3c8;border-radius:8px;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 0 6px #3c86}.calc_rating_label_wrap{background:linear-gradient(135deg,#3c8,#0af);flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;display:flex}.calc_rating_label_top,.calc_rating_label_bottom{color:#fff;letter-spacing:1px;font-size:.55em;font-weight:800;line-height:1.2}.calc_rating_score{color:#fff;background:#1a1a2e;align-items:center;padding:6px 14px;font-size:1em;font-weight:700;display:flex}@media (width<=768px){#calc_title{font-size:32px}#calc_description{padding:0 20px;font-size:16px}#question_text{font-size:36px}#answer_input{width:250px;height:50px;font-size:24px}#startButton,#restartButton{width:250px;height:70px;font-size:24px}#result_info{margin:20px;padding:20px}#time_result,#questions_result{font-size:20px}.highlight{font-size:28px}}.maimaiTest{--mai-pink:#ff699d;--mai-pink-bg:#ffb7cd;--mai-magenta:#ff4799;--mai-red:#e72139;--mai-red-shadow:#a51426;--mai-navy:#0b3871;--mai-blue:#002ce8;--mai-white:#fff;--mai-shadow:#0000002e;--mai-font:"M PLUS 1p", "Noto Sans SC", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;min-height:100vh;font-family:var(--mai-font);background:radial-gradient(circle,#ffb7cd 0% 40%,#ff4799 100%);position:relative;overflow-x:hidden}.maimaiTest__header-wrap{z-index:10;position:relative}#maimai_container{z-index:1;min-height:460px;margin-top:50px;padding-bottom:40px;position:relative}#maimai_lang_toggle{justify-content:flex-end;gap:8px;margin-bottom:20px;display:flex}.maimai_lang_btn{color:var(--mai-navy);cursor:pointer;font-size:13px;font-family:var(--mai-font);background:#fff;border:none;border-radius:100px;padding:6px 18px;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;box-shadow:3px 3px #00000026}.maimai_lang_btn:hover{background:#f0e8ef}.maimai_lang_btn.active{background:var(--mai-pink);color:#fff;box-shadow:3px 3px #c44070}.maimai_lang_btn.active:hover{transform:translateY(2px);box-shadow:1px 1px #c44070}#maimai_start,#maimai_test_area,#maimai_result{text-align:center}#maimai_start,#maimai_result>#maimai_result_info_wrap{background:var(--mai-white);box-shadow:10px 10px 0 0 var(--mai-shadow);border-radius:24px;max-width:600px;margin:0 auto;padding:40px 32px;position:relative;overflow:hidden}#maimai_start:before,#maimai_result>#maimai_result_info_wrap:before{content:"";background:var(--mai-pink);border-radius:0 0 8px 8px;width:75%;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}#maimai_start:after,#maimai_result>#maimai_result_info_wrap:after{content:"";background:var(--mai-blue);border-radius:8px 8px 0 0;width:75%;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#maimai_title{color:var(--mai-navy);font-size:36px;font-weight:900;font-family:var(--mai-font);letter-spacing:1px;margin-bottom:16px}#maimai_description{color:var(--mai-navy);margin-bottom:28px;font-size:16px;font-weight:500;line-height:1.7}#maimai_start_buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}#maimai_startButton,#maimai_restartButton{cursor:pointer;color:#fff;background:var(--mai-red);width:280px;height:64px;font-family:var(--mai-font);box-shadow:0 8px 0 0 var(--mai-red-shadow);letter-spacing:2px;border:none;border-radius:100px;outline:none;font-size:22px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-block;position:relative}#maimai_startButton:hover,#maimai_restartButton:hover{box-shadow:0 4px 0 0 var(--mai-red-shadow);transform:translateY(4px)}#maimai_startButton:active,#maimai_restartButton:active{box-shadow:0 0 0 0 var(--mai-red-shadow);transform:translateY(8px)}#maimai_multiplayButton{cursor:pointer;color:#fff;width:280px;height:64px;font-family:var(--mai-font);box-shadow:0 8px 0 0 var(--mai-navy);letter-spacing:2px;background:#2457e3;border:none;border-radius:100px;outline:none;font-size:22px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-block;position:relative}#maimai_multiplayButton:hover{box-shadow:0 4px 0 0 var(--mai-navy);transform:translateY(4px)}#maimai_multiplayButton:active{box-shadow:0 0 0 0 var(--mai-navy);transform:translateY(8px)}#maimai_result_buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:15px;display:flex}#maimai_backToStartButton{cursor:pointer;color:#fff;background:var(--mai-blue);width:280px;height:64px;font-family:var(--mai-font);box-shadow:0 8px 0 0 var(--mai-navy);letter-spacing:2px;border:none;border-radius:100px;outline:none;font-size:22px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-block;position:relative}#maimai_backToStartButton:hover{box-shadow:0 4px 0 0 var(--mai-navy);transform:translateY(4px)}#maimai_backToStartButton:active{box-shadow:0 0 0 0 var(--mai-navy);transform:translateY(8px)}#maimai_result{max-width:600px;margin:0 auto;padding:0}#maimai_result_info_wrap{background:var(--mai-white);box-shadow:10px 10px 0 0 var(--mai-shadow);border-radius:24px;margin-bottom:28px;padding:40px 32px;position:relative;overflow:hidden}#maimai_result_info_wrap:before{content:"";background:var(--mai-pink);border-radius:0 0 8px 8px;width:75%;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}#maimai_result_info_wrap:after{content:"";background:var(--mai-blue);border-radius:8px 8px 0 0;width:75%;height:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#maimai_result_info{margin:16px 0 24px}#maimai_time_result,#maimai_questions_result{color:var(--mai-navy);margin:12px 0;font-size:20px;font-weight:700;line-height:1.8}.maimai_highlight{color:var(--mai-red);font-size:28px;font-weight:900}.maimai_rank_grade_wrap{flex-direction:column;align-items:center;gap:4px;margin:20px auto 28px;display:flex}.maimai_rank_grade{font-family:var(--mai-font);font-size:88px;font-weight:900;line-height:1;display:block}.maimai_rank_grade_label{letter-spacing:4px;color:#999;font-size:12px;font-weight:800;font-family:var(--mai-font)}.maimai_user_rank_result{flex-direction:column;align-items:center;gap:4px;margin:0 auto 24px;display:flex}.maimai_user_rank_result__num{font-family:var(--mai-font);color:var(--mai-navy);font-size:56px;font-weight:900;line-height:1}.maimai_user_rank_result__label{letter-spacing:4px;color:#999;font-size:12px;font-weight:800;font-family:var(--mai-font)}.maimai_user_rank_sep{font-family:var(--mai-font);letter-spacing:3px;color:var(--mai-navy);opacity:.7;align-items:center;gap:12px;margin:18px 0 10px;font-size:12px;font-weight:800;display:flex}.maimai_user_rank_sep:before,.maimai_user_rank_sep:after{content:"";background:#ffffff80;border-radius:2px;flex:1;height:2px}.maimai_rank_card_mine{border:2px solid var(--mai-pink);background:#fff5f8}.maimai_rank_num_mine{background:var(--mai-pink);font-size:1.1em;box-shadow:0 4px #c44070}.maimai_rank_name_cell_mine{color:var(--mai-magenta);font-weight:800}.maimaiTest--playing{z-index:1;background:radial-gradient(circle,#ffb7cd 0% 40%,#ff4799 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.maimaiTest--playing #maimai_container{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;min-height:0;margin-top:80px;margin-bottom:0;padding:0 16px;display:flex;overflow:hidden}.maimaiTest--playing #maimai_lang_toggle{flex-shrink:0;width:100%;max-width:700px;margin-bottom:4px}.maimaiTest--playing .mp-ingame{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:10px;width:100%;max-width:700px;min-height:0;display:flex;overflow:hidden}.maimaiTest--playing .mp-ingame-top{width:100%;box-shadow:4px 4px 0 0 var(--mai-shadow);box-sizing:border-box;background:#fff;border-radius:14px;flex-shrink:0;margin-bottom:0;padding:10px 16px}.maimaiTest--playing .mp-q-progress{font-size:18px;font-family:var(--mai-font);color:var(--mai-navy);font-weight:800}.maimaiTest--playing .maimai_highlight{color:var(--mai-red);font-size:24px;font-weight:900}.maimaiTest--playing .mp-maimai-question-area{box-sizing:border-box;background:var(--mai-white);width:100%;box-shadow:6px 6px 0 0 var(--mai-shadow);border-radius:20px;flex-direction:row;align-items:center;gap:16px;margin:0;padding:16px 20px;display:flex}.maimaiTest--playing .mp-maimai-question-image{border:3px solid var(--mai-pink);border-radius:10px;max-width:90px;max-height:90px;box-shadow:3px 3px #00000026}.maimaiTest--playing .mp-maimai-question-text{color:var(--mai-navy);font-size:17px;font-family:var(--mai-font);flex:1;margin:0;font-weight:700}.maimaiTest--playing .mp-maimai-choices-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0}.maimaiTest--playing .mp-maimai-choice-btn{background:var(--mai-white);min-height:56px;color:var(--mai-navy);font-size:15px;font-family:var(--mai-font);cursor:pointer;box-shadow:4px 4px 0 0 var(--mai-shadow);border:none;border-radius:14px;padding:10px 14px;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s}.maimaiTest--playing .mp-maimai-choice-btn:hover:not(:disabled){box-shadow:2px 2px 0 0 var(--mai-shadow);background:#fff0f5;transform:translateY(2px)}.maimaiTest--playing .mp-maimai-choice-btn:active:not(:disabled){box-shadow:0 0 0 0 var(--mai-shadow);transform:translateY(4px)}.maimaiTest--playing .mp-maimai-choice-btn.wrong{background:#ffe5ea;border:2px solid #e72139;animation:.4s ease-out shake}.maimaiTest--playing .mp-wrong-msg{color:var(--mai-red);font-weight:800;font-family:var(--mai-font);text-align:center;background:#fff;border-radius:100px;padding:6px 20px;box-shadow:3px 3px #0000001f}#maimai_rank{z-index:1;max-width:600px;margin:28px auto 0;padding-top:0;position:relative}#maimai_reaction_test{font-size:36px;font-weight:900;font-family:var(--mai-font);color:var(--mai-navy);text-align:center;box-shadow:5px 5px 0 0 var(--mai-shadow);box-sizing:border-box;background:#fff;border-radius:16px;width:100%;margin-bottom:16px;padding:12px 24px;display:inline-block}#maimai_rank_title{letter-spacing:3px}#maimai_rank_list{flex-direction:column;gap:10px;max-width:680px;margin:0 auto;display:flex}.maimai_rank_card{background:var(--mai-white);box-shadow:5px 5px 0 0 var(--mai-shadow);border-radius:16px;align-items:center;gap:14px;padding:12px 18px;transition:transform .15s,box-shadow .15s;animation:.35s both pop-in;display:flex}.maimai_rank_card:hover{box-shadow:5px 7px 0 0 var(--mai-shadow);transform:translateY(-2px)}.maimai_rank_card:first-child{animation-delay:0s}.maimai_rank_card:nth-child(2){animation-delay:40ms}.maimai_rank_card:nth-child(3){animation-delay:80ms}.maimai_rank_card:nth-child(4){animation-delay:.12s}.maimai_rank_card:nth-child(5){animation-delay:.16s}.maimai_rank_card:nth-child(6){animation-delay:.2s}.maimai_rank_card:nth-child(7){animation-delay:.24s}.maimai_rank_card:nth-child(8){animation-delay:.28s}.maimai_rank_card:nth-child(9){animation-delay:.32s}.maimai_rank_card:nth-child(10){animation-delay:.36s}.maimai_rank_card_top{border-top:4px solid var(--mai-pink)}.maimai_rank_num_display{font-size:1.4em;font-weight:900;font-family:var(--mai-font);color:#fff;letter-spacing:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;height:52px;display:inline-flex}.maimai_rank_num_pos1{background:#e6b800;box-shadow:0 4px #a07800}.maimai_rank_num_pos2{background:#8ca0b8;box-shadow:0 4px #4a6080}.maimai_rank_num_pos3{background:#c87832;box-shadow:0 4px #804820}.maimai_rank_num_other{background:var(--mai-navy);box-shadow:0 4px #061f4a}.maimai_rank_name_cell{font-size:1.05em;font-weight:700;font-family:var(--mai-font);color:var(--mai-navy);letter-spacing:1px;flex:1}.maimai_rating_badge{border-radius:10px;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden;box-shadow:3px 3px #00000026}.maimai_rating_label_wrap{background:var(--mai-pink);flex-direction:column;justify-content:center;align-items:center;padding:4px 8px;display:flex}.maimai_rating_label_top,.maimai_rating_label_bottom{color:#fff;letter-spacing:1px;font-size:.55em;font-weight:900;line-height:1.2;font-family:var(--mai-font)}.maimai_rating_score{background:var(--mai-navy);color:#fff;font-size:.95em;font-weight:700;font-family:var(--mai-font);align-items:center;padding:6px 14px;display:flex}.maimai_stroked_text{text-shadow:2px 2px #00000040}@keyframes pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){#maimai_container{padding:0 16px}#maimai_title{font-size:26px}#maimai_description{padding:0 4px;font-size:14px}#maimai_startButton,#maimai_restartButton,#maimai_multiplayButton,#maimai_backToStartButton{width:220px;height:56px;font-size:18px}#maimai_start,#maimai_result_info_wrap{box-shadow:6px 6px 0 0 var(--mai-shadow);border-radius:18px;padding:28px 20px}#maimai_time_result,#maimai_questions_result{font-size:17px}.maimai_highlight{font-size:24px}.maimai_rank_grade{font-size:64px}#maimai_rank_list{gap:8px;padding:0 4px}.maimai_rank_card{gap:10px;padding:10px 14px}.maimai_rank_num_display{border-radius:10px;min-width:42px;height:42px;font-size:1.1em}.maimai_rank_name_cell{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;overflow:hidden}.maimai_rating_score{padding:4px 10px;font-size:.82em}.maimaiTest--playing #maimai_container{margin-top:70px}.maimaiTest--playing .mp-ingame{justify-content:flex-start;gap:8px;padding:8px 0}.maimaiTest--playing .mp-maimai-question-area{flex-direction:column;gap:8px;padding:12px 14px}.maimaiTest--playing .mp-maimai-question-image{max-width:70px;max-height:70px}.maimaiTest--playing .mp-maimai-question-text{flex:none;font-size:15px}.maimaiTest--playing .mp-maimai-choice-btn{min-height:48px;padding:8px 10px;font-size:13px}.maimaiTest--playing .mp-maimai-choices-grid{gap:8px}.maimaiTest--playing .mp-q-progress{font-size:15px}.maimaiTest--playing .maimai_highlight{font-size:18px}.maimai_user_rank_result__num{font-size:44px}}@media (width<=500px){.maimai_rank_card{gap:6px;padding:7px 8px}.maimai_rank_num_display{border-radius:8px;min-width:30px;height:30px;font-size:.85em}.maimai_rank_name_cell{letter-spacing:0;min-width:0;font-size:.8em}.maimai_rating_badge{border-radius:7px}.maimai_rating_label_wrap{padding:3px 5px}.maimai_rating_label_top,.maimai_rating_label_bottom{font-size:.48em}.maimai_rating_score{padding:3px 7px;font-size:.7em}.maimai_rank_grade{font-size:56px}}.maimaiTest .mai-bg{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.maimaiTest .mai-bg__wrap{z-index:1;width:100%;height:100%;position:relative;overflow:hidden}.maimaiTest .mai-bg__pattern{aspect-ratio:1;z-index:-99;opacity:.18;background-image:url(/images/maimai_bg/bg_pattern.png);background-position:50%;background-size:contain;width:auto;height:100%;animation:500s linear infinite mai-rotate;position:fixed;top:50%;left:50%;translate:-50% -50%}@media only screen and (width>=1100px){.maimaiTest .mai-bg__pattern{width:100%;height:auto}}.maimaiTest .mai-bg__layer{width:100%;height:100%;position:relative}.maimaiTest .mai-bg__corner{pointer-events:none;z-index:200;background-repeat:no-repeat;background-size:contain;position:fixed}.maimaiTest .mai-bg__corner--tl{background-image:url(/images/maimai_bg/corner_top_left.png);background-size:100%;width:100%;height:25vw;top:0;left:0}@media only screen and (width>=769px){.maimaiTest .mai-bg__corner--tl{width:60.9286vw;height:10.7143vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__corner--tl{width:853px;height:150px}}.maimaiTest .mai-bg__corner--tr{background-image:url(/images/maimai_bg/corner_top_right.png);width:40.5vw;height:60vw;top:0;right:0}@media only screen and (width>=769px){.maimaiTest .mai-bg__corner--tr{width:22.5714vw;height:27.2857vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__corner--tr{width:316px;height:382px}}.maimaiTest .mai-bg__corner--bl{background-image:url(/images/maimai_bg/corner_bottom_left.png);width:29.5vw;height:54.5vw;bottom:0;left:0}@media only screen and (width>=769px){.maimaiTest .mai-bg__corner--bl{width:16.5vw;height:30.6429vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__corner--bl{width:231px;height:429px}}.maimaiTest .mai-bg__corner--br{background-image:url(/images/maimai_bg/corner_bottom_right.png);background-size:100%;width:100%;height:25vw;bottom:0;right:0}@media only screen and (width>=769px){.maimaiTest .mai-bg__corner--br{width:48.7857vw;height:12vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__corner--br{width:683px;height:168px}}.maimaiTest .mai-bg__tile{background-repeat:no-repeat;background-size:contain;position:absolute}.maimaiTest .mai-bg__tile--green{opacity:0;background-image:url(/images/maimai_bg/tile_green.png);width:20vw;height:75vw;animation:12s linear infinite mai-riseAndFade;top:30vw;right:5vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__tile--green{width:15.4286vw;height:49.4286vw;top:11.9286vw;right:3vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__tile--green{width:216px;height:692px;top:167px;right:42px}}.maimaiTest .mai-bg__tile--purple-left{opacity:0;background-image:url(/images/maimai_bg/tile_purple_left.png);width:17.5vw;height:62.5vw;animation:15s linear 3s infinite mai-riseAndFade;top:20vw;left:3.75vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__tile--purple-left{width:13.7143vw;height:42.3571vw;top:2vw;left:2.14286vw}}.maimaiTest .mai-bg__tile--purple-right{opacity:0;background-image:url(/images/maimai_bg/tile_purple_right.png);width:12.5vw;height:375vw;animation:10s linear 1.5s infinite mai-riseAndFade;top:12.5vw;right:20vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__tile--purple-right{width:10vw;height:24.2857vw;top:0;right:21.4286vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__tile--purple-right{width:140px;height:340px;right:300px}}.maimaiTest .mai-bg__star{background-repeat:no-repeat;background-size:contain;position:absolute}.maimaiTest .mai-bg__star--pink-left{opacity:0;background-image:url(/images/maimai_bg/star_pink.png);width:6.5vw;height:25vw;animation:6s linear 4s infinite reverse mai-riseAndFade;top:100vw;left:3vw;scale:1}@media only screen and (width>=769px){.maimaiTest .mai-bg__star--pink-left{width:6.42857vw;height:21.8571vw;top:40.1429vw;left:19.1429vw;scale:1 -1}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__star--pink-left{width:90px;height:306px;top:562px;left:268px}}.maimaiTest .mai-bg__star--pink-right{opacity:0;background-image:url(/images/maimai_bg/star_pink.png);width:12.5vw;height:37.5vw;animation:8s linear 4s infinite reverse mai-riseAndFade;top:16vw;right:32.5vw;scale:1 -1}@media only screen and (width>=769px){.maimaiTest .mai-bg__star--pink-right{width:3.71429vw;height:12.4286vw;top:28.7143vw;right:21.4286vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__star--pink-right{width:52px;height:174px;top:402px;right:300px}}.maimaiTest .mai-bg__star--yellow-left{opacity:0;background-image:url(/images/maimai_bg/star_yellow.png);width:9.25vw;height:27.5vw;animation:7s linear .5s infinite mai-riseAndFade;top:87.5vw;left:29.5vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__star--yellow-left{width:4.57143vw;height:15.2143vw;top:12vw;left:23.7143vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__star--yellow-left{width:64px;height:213px;top:168px;left:332px}}.maimaiTest .mai-bg__star--yellow-right{opacity:0;background-image:url(/images/maimai_bg/star_yellow.png);width:7.5vw;height:25vw;animation:10s linear 5s infinite mai-riseAndFade;top:62.5vw;right:0}@media only screen and (width>=769px){.maimaiTest .mai-bg__star--yellow-right{width:4.57143vw;height:15.2143vw;top:44.1429vw;right:37.4286vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__star--yellow-right{width:64px;height:213px;top:618px;right:524px}}.maimaiTest .mai-bg__circle{background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;left:50%;translate:-50% -50%}.maimaiTest .mai-bg__circle--colorful{background-image:url(/images/maimai_bg/circle_colorful.png);width:116.5vw;height:116.5vw;animation:100s cubic-bezier(.01,.99,.28,.99) infinite mai-rotateReverse}@media only screen and (width>=769px){.maimaiTest .mai-bg__circle--colorful{width:68.0714vw;height:67.6429vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__circle--colorful{width:953px;height:947px}}.maimaiTest .mai-bg__circle--yellow{background-image:url(/images/maimai_bg/circle_yellow.png);width:144vw;height:129vw;animation:80s linear infinite alternate mai-tilt;rotate:-30deg}@media only screen and (width>=769px){.maimaiTest .mai-bg__circle--yellow{width:73.2857vw;height:64.1429vw;rotate:0deg}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__circle--yellow{width:1026px;height:898px}}.maimaiTest .mai-bg__circle--white{background-image:url(/images/maimai_bg/circle_white.png);width:88.5vw;height:88.5vw;animation:110s linear infinite mai-rotateReverse}@media only screen and (width>=769px){.maimaiTest .mai-bg__circle--white{width:56.2857vw;height:54.4286vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__circle--white{width:788px;height:762px}}.maimaiTest .mai-bg__rotation{z-index:210;width:100%;height:100%;animation:70s linear infinite mai-rotate;position:relative}.maimaiTest .mai-bg__3d{background-repeat:no-repeat;background-size:contain;position:absolute}.maimaiTest .mai-bg__3d--cube-small{background-image:url(/images/maimai_bg/3d_cube.png);width:8.75vw;height:8.75vw;animation:18s linear infinite mai-rotate;top:25vw;left:7.5vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__3d--cube-small{width:6.28571vw;height:6.28571vw;top:9.28571vw;left:5.71429vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__3d--cube-small{width:88px;height:88px;top:130px;left:80px}}.maimaiTest .mai-bg__3d--cube{background-image:url(/images/maimai_bg/3d_cube.png);width:11.25vw;height:10vw;animation:25s linear infinite mai-rotateReverse;top:62.5vw;right:10vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__3d--cube{width:8.07143vw;height:7.28571vw;top:28.5714vw;right:7.14286vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__3d--cube{width:113px;height:102px;top:400px;right:100px}}.maimaiTest .mai-bg__3d--star-small{background-image:url(/images/maimai_bg/3d_star_small.png);width:3.75vw;height:4.5vw;animation:15s linear infinite mai-rotate;top:35vw;right:45vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__3d--star-small{width:2.42857vw;height:2.85714vw;top:13.7143vw;right:36.1429vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__3d--star-small{width:34px;height:40px;top:192px;right:506px}}.maimaiTest .mai-bg__3d--stars{background-image:url(/images/maimai_bg/3d_stars.png);width:10vw;height:8.75vw;animation:28s linear infinite mai-rotate;top:120vw;right:22.5vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__3d--stars{width:6.64286vw;height:5.57143vw;top:50vw;right:18.5714vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__3d--stars{width:93px;height:78px;top:700px;right:260px}}.maimaiTest .mai-bg__3d--glove-blue{background-image:url(/images/maimai_bg/3d_glove_blue.png);width:7.5vw;height:8vw;animation:20s linear infinite mai-rotateReverse;top:15vw;left:62.5vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__3d--glove-blue{width:4.92857vw;height:5.35714vw;top:2.42857vw;left:50.1429vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__3d--glove-blue{width:69px;height:75px;top:34px;left:702px}}.maimaiTest .mai-bg__3d--glove-pink{background-image:url(/images/maimai_bg/3d_glove_pink.png);width:14vw;height:16.5vw;animation:16s linear infinite mai-rotateReverse;top:10vw;left:50vw}@media only screen and (width>=769px){.maimaiTest .mai-bg__3d--glove-pink{width:7.71429vw;height:9.14286vw;top:2.42857vw;left:40.5714vw}}@media only screen and (width>=1400px){.maimaiTest .mai-bg__3d--glove-pink{width:108px;height:128px;top:34px;left:568px}}@keyframes mai-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes mai-rotateReverse{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes mai-tilt{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes mai-riseAndFade{0%{opacity:0;transform:translateY(150%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-150%)}}.maimaiTest.mai-mp-fullscreen{overflow-y:auto}.maimaiTest.mai-mp-fullscreen #maimai_rank{max-width:700px;margin-left:auto;margin-right:auto}.maimaiTest.mai-mp-fullscreen #maimai_container{flex:none;margin-top:16px;padding-bottom:0;overflow:visible}.maimaiTest.mai-mp-fullscreen .mp-ingame{justify-content:flex-start}.maimaiTest.mai-mp-fullscreen .mp-ingame-timer-row{box-shadow:4px 4px 0 0 var(--mai-shadow);box-sizing:border-box;background:#fff;border-radius:14px;width:100%;padding:8px 20px}.mai-mp-lang-toggle{justify-content:flex-end;gap:8px;width:100%;display:flex}.mai-mp-leave-btn{background:var(--mai-red);color:#fff;font-family:var(--mai-font);cursor:pointer;box-shadow:0 4px 0 var(--mai-red-shadow);border:none;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .1s}.mai-mp-leave-btn:hover{box-shadow:0 2px 0 var(--mai-red-shadow);transform:translateY(2px)}.mai-mp-finished-msg{box-shadow:4px 4px 0 0 var(--mai-shadow);color:var(--mai-navy);font-family:var(--mai-font);text-align:center;box-sizing:border-box;background:#fff;border-radius:14px;width:100%;padding:16px 24px;font-size:18px;font-weight:700}.maimaiTest.mai-mp-fullscreen .mp-leaderboard{box-shadow:6px 6px 0 0 var(--mai-shadow);background:#fff;border-radius:20px}.maimaiTest.mai-mp-fullscreen .mp-server-error{border:2px solid var(--mai-red);color:var(--mai-red);font-family:var(--mai-font);box-sizing:border-box;background:#fff0f0;border-radius:12px;width:100%;font-weight:700}.maimaiTest.mai-mp-fullscreen .mp-spectator-notice{background:var(--mai-pink-bg);color:var(--mai-navy);font-family:var(--mai-font);border-radius:100px;font-weight:700}.mp-page{flex-direction:column;min-height:100vh;display:flex}.mp-container{flex:1;max-width:800px;margin-top:130px;padding-bottom:60px}.mp-status-screen{text-align:center;padding:80px 20px}.mp-status-icon{margin-bottom:16px;font-size:60px}.mp-status-title{color:var(--link);margin-bottom:12px;font-size:30px;font-weight:700}.mp-status-msg{color:var(--muted-text);margin-bottom:36px;font-size:17px}.mp-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted-text);margin-bottom:10px;font-size:13px;font-weight:700}.mp-server-error{background:var(--danger-a14);border:1px solid var(--danger-a55);color:var(--danger);border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:14px;animation:.2s fadeIn}.mp-lobby{flex-direction:column;gap:24px;display:flex}.mp-lobby-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mp-room-badge{color:var(--link);font-size:26px;font-weight:700}.mp-host-badge{background:var(--link-a12);color:var(--link);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.mp-player-list{background:var(--card-bg);border-radius:14px;flex-direction:column;gap:10px;padding:20px 24px;display:flex}.mp-player-row{border-bottom:1px solid var(--surface-border);align-items:center;gap:8px;padding:10px 0;display:flex}.mp-player-row:last-child{border-bottom:none}.mp-player-name{flex:1;font-size:16px;font-weight:500}.mp-crown{color:var(--amber);font-size:18px}.mp-you{color:var(--muted-text);font-size:13px;font-weight:400}.mp-spectator-tag{background:var(--violet-a12);color:var(--purple-vivid);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.mp-player-role{min-width:80px}.mp-ready-dot{text-align:right;min-width:90px;font-size:13px;font-weight:600}.mp-ready{color:var(--green-bright)}.mp-not-ready{color:var(--muted-text)}.mp-last-results{margin:20px 0 8px}.mp-lobby-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.mp-btn-ready{border:2px solid var(--muted-text);color:var(--muted-text);cursor:pointer;background:0 0;border-radius:12px;padding:12px 32px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:600;transition:all .2s}.mp-btn-ready:hover{border-color:var(--link);color:var(--link);background:var(--link-a12)}.mp-btn-ready-on{background:var(--green-bright);color:#fff;border-color:var(--green-bright)}.mp-btn-ready-on:hover{background:var(--green-dark);border-color:var(--green-dark)}.mp-btn-ready:disabled{opacity:.6;cursor:not-allowed}.mp-btn-start{background:var(--green-bright);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:600;transition:background .2s,box-shadow .2s}.mp-btn-start:hover{background:var(--green-dark)}.mp-btn-start-glow{box-shadow:0 0 16px var(--green-bright-a40)}.mp-btn-domino{background:var(--link);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:600;transition:background .2s}.mp-btn-domino:hover{background:color-mix(in srgb, var(--link) 80%, #000)}.mp-btn-domino:disabled{opacity:.6;cursor:not-allowed}.mp-lobby-hint{color:var(--muted-text);text-align:center;font-size:14px}.mp-countdown-wrap{text-align:center;padding:80px 20px}.mp-countdown-label{color:var(--muted-text);margin-bottom:20px;font-size:22px}.mp-countdown-leave{margin-top:32px;padding:8px 22px;font-size:14px}.mp-countdown-num{color:var(--link);font-size:120px;font-weight:700;line-height:1;animation:.5s pulse}@keyframes pulse{0%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.mp-ingame{flex-direction:column;gap:20px;display:flex}.mp-ingame-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.mp-q-progress{color:var(--link);font-size:20px;font-weight:700}.mp-ingame-timer-row{text-align:center;margin-bottom:8px}.mp-ingame-right{align-items:center;gap:12px;display:flex}.mp-spectator-notice{background:var(--violet-a12);color:var(--purple-vivid);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.mp-btn-leave-small{color:var(--muted-text);border:1px solid var(--surface-border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:background .2s,border-color .2s}.mp-btn-leave-small:hover{background:var(--black-a5);border-color:var(--muted-text)}.mp-question-area{text-align:center;overflow-x:auto}.mp-question-canvas{border-radius:10px;max-width:100%}.mp-answer-form{flex-direction:column;align-items:center;gap:14px;display:flex}.mp-answer-input{text-align:center;border:3px solid var(--link);background:var(--bg);width:280px;height:56px;color:var(--text);border-radius:14px;outline:none;font-size:26px;transition:border-color .2s}.mp-answer-input:focus{border-color:var(--green-bright)}.mp-answer-input.mp-wrong{border-color:var(--pink-bold);background:var(--red-tint);animation:.3s shake}.mp-btn-submit{background:var(--link);color:#fff;cursor:pointer;border:none;border-radius:12px;width:200px;height:52px;font-family:Open Sans,sans-serif;font-size:18px;transition:background .2s}.mp-btn-submit:hover{background:var(--teal-deep)}.mp-wrong-msg{color:var(--pink-bold);text-align:center;font-size:16px;font-weight:700}.mp-finished-msg{text-align:center;color:var(--muted-text);font-size:18px;font-weight:500}.mp-leaderboard{background:var(--card-bg);border-radius:14px;padding:20px 24px}.mp-lb-empty{color:var(--muted-text);text-align:center;padding:12px 0;font-size:14px}.mp-lb-row{border-bottom:1px solid var(--surface-border);align-items:center;gap:10px;padding:8px 0;display:flex}.mp-lb-row:last-child{border-bottom:none}.mp-lb-me{background:var(--link-a10);border-radius:8px;margin:0 -10px;padding:8px 10px}.mp-lb-rank{width:28px;color:var(--link);flex-shrink:0;font-size:14px;font-weight:700}.mp-lb-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:120px;font-size:14px;overflow:hidden}.mp-lb-bar-wrap{background:var(--black-a8);border-radius:6px;flex:1;height:10px;overflow:hidden}.mp-lb-bar{background:var(--link);border-radius:6px;min-width:2px;height:100%;transition:width .3s}.mp-lb-bar-done{background:var(--green-bright)}.mp-lb-progress{color:var(--muted-text);text-align:right;flex-shrink:0;width:70px;font-size:13px}.mp-results{flex-direction:column;align-items:center;gap:28px;padding-top:20px;display:flex}.mp-results-title{color:var(--link);text-align:center;font-size:38px;font-weight:700}.mp-results-table-wrap{border:1px solid var(--surface-border);border-radius:14px;width:100%;overflow-x:auto}.mp-results-table{border-collapse:collapse;width:100%;font-size:15px}.mp-results-table thead tr{background:var(--card-bg)}.mp-results-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text);padding:12px 18px;font-size:12px;font-weight:700}.mp-results-table td{border-top:1px solid var(--surface-border);padding:14px 18px}.mp-results-rank{color:var(--link);font-size:18px;font-weight:700}.mp-results-me{background:var(--link-a10);font-weight:600}.mp-results-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.mp-btn-lobby{background:var(--link);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 32px;font-family:Open Sans,sans-serif;font-size:17px;font-weight:600;transition:background .2s}.mp-btn-lobby:hover{background:var(--teal-deep)}.mp-btn-leave{color:var(--muted-text);border:1px solid var(--surface-border);cursor:pointer;background:0 0;border-radius:12px;padding:12px 28px;font-family:Open Sans,sans-serif;font-size:17px;transition:background .2s}.mp-btn-leave:hover{background:var(--black-a5)}.mp-game-type-badge{background:var(--link-a12);color:var(--link);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.mp-klotski-board{aspect-ratio:1;background-color:var(--module-bg,#121212);box-sizing:border-box;border-radius:12px;flex-shrink:0;align-self:center;width:min(90%,min(420px,58vh));padding:6px;position:relative}.mp-klotski-tile{cursor:pointer;--tile-size:calc((100% - 12px - var(--gaps)) / var(--n));width:var(--tile-size);height:var(--tile-size);left:calc(var(--col) * (var(--tile-size) + 4px) + 6px);top:calc(var(--row) * (var(--tile-size) + 4px) + 6px);background-color:#0b0b0b;background-repeat:no-repeat;border:0;border-radius:8px;transition:left .18s,top .18s,transform .12s;position:absolute}.mp-klotski-tile:hover{transform:scale(.97)}.mp-klotski-preview-overlay{pointer-events:none;z-index:10;background-repeat:no-repeat;border-radius:8px;animation:.1s fadeIn;position:absolute;inset:6px}.mp-klotski-actions{justify-content:center;margin-top:4px;display:flex}.mp-klotski-preview-btn{background:var(--dark-warm-a21);border:2px solid var(--link);color:var(--link);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:8px 22px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;transition:background .2s,color .2s}.mp-klotski-preview-btn:hover{background:var(--link);color:#fff}.mp-maimai-lang-toggle{justify-content:flex-end;gap:8px;display:flex}.mp-maimai-lang-btn{border:1px solid var(--surface-border);color:var(--muted-text);cursor:pointer;background:0 0;border-radius:20px;padding:4px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:background .15s,color .15s,border-color .15s}.mp-maimai-lang-btn.active{background:var(--link);color:#fff;border-color:var(--link)}.mp-maimai-question-area{background:var(--card-bg);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:16px;padding:20px 16px;display:flex}.mp-maimai-question-image{object-fit:cover;border-radius:10px;max-width:180px;max-height:180px}.mp-maimai-question-text{margin:0;font-size:18px;line-height:1.6}.mp-maimai-song-name{color:var(--link)}.mp-maimai-diff{border-radius:4px;padding:1px 6px;font-size:.9em;font-weight:700}.mp-maimai-diff-basic{color:#2a7d00;background:#e8ffe0}.mp-maimai-diff-advanced{color:#a05000;background:#fff4d6}.mp-maimai-diff-expert{color:#b0003a;background:#fde8ee}.mp-maimai-diff-master{color:#60c;background:#f0e8ff}.mp-maimai-diff-remaster{color:#c4f;background:#2a003a;border:1px solid #c4f}[data-theme=dark] .mp-maimai-diff-basic{color:#7de84a;background:#52c8202e}[data-theme=dark] .mp-maimai-diff-advanced{color:#ffb347;background:#fa90102e}[data-theme=dark] .mp-maimai-diff-expert{color:#ff8fa0;background:#e060782e}[data-theme=dark] .mp-maimai-diff-master{color:#bf7fff;background:#9b3fd42e}[data-theme=dark] .mp-maimai-diff-remaster{color:#c4f;background:#64008c59;border-color:#c4f}.mp-maimai-choices-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mp-maimai-choice-btn{border:2px solid var(--surface-border);background:var(--card-bg);color:var(--text);cursor:pointer;text-align:center;word-break:break-word;border-radius:12px;justify-content:center;align-items:center;min-height:60px;padding:14px 12px;font-family:Open Sans,sans-serif;font-size:15px;transition:border-color .15s,background .15s;display:flex}.mp-maimai-choice-btn:hover:not(:disabled){border-color:var(--link);background:var(--link-a10)}.mp-maimai-choice-btn:disabled{cursor:not-allowed;opacity:.7}.mp-maimai-choice-btn.image{min-height:120px;padding:8px}.mp-maimai-choice-btn.wrong{border-color:var(--pink-bold);background:var(--red-tint);animation:.35s shake}.mp-maimai-choice-img{object-fit:cover;border-radius:6px;max-width:100%;max-height:100px}@media (width<=600px){.mp-container{margin-top:80px;padding-bottom:40px}.mp-lobby{gap:16px}.mp-lobby-header{gap:8px}.mp-room-badge{font-size:20px}.mp-player-list{padding:14px 16px}.mp-player-row{gap:6px;padding:8px 0}.mp-player-name{min-width:0;font-size:14px}.mp-player-role{min-width:0}.mp-ready-dot{min-width:72px;font-size:12px}.mp-lobby-actions{flex-direction:column;align-items:stretch;gap:10px}.mp-btn-ready,.mp-btn-start,.mp-btn-domino,.mp-btn-leave{text-align:center;width:100%;padding:12px 16px;font-size:16px}.mp-countdown-num{font-size:80px}.mp-ingame-top{flex-wrap:nowrap;align-items:center;gap:8px}.mp-q-progress{flex-shrink:0;font-size:16px}.mp-ingame-right{flex-shrink:0;gap:8px}.mp-spectator-notice{padding:3px 8px;font-size:11px}.mp-leaderboard{padding:14px 12px}.mp-lb-me{margin:0 -6px;padding:8px 6px}.mp-lb-rank{width:22px;font-size:13px}.mp-lb-name{width:72px;font-size:13px}.mp-lb-progress{width:56px;font-size:12px}.mp-answer-input{width:220px;height:48px;font-size:22px}.mp-results{gap:18px}.mp-results-title{font-size:26px}.mp-results-table{font-size:13px}.mp-results-table th{padding:8px 10px;font-size:11px}.mp-results-table td{padding:10px}.mp-results-actions{flex-direction:column;align-items:stretch;gap:10px}.mp-btn-lobby,.mp-results-actions .mp-btn-leave{text-align:center;width:100%;font-size:16px}.mp-klotski-board{width:min(92vw,min(420px,55vh))}}.not_found_page{flex-direction:column;min-height:100vh;margin-top:130px;display:flex}.not_found_content{flex:1;max-width:960px;margin:40px auto;padding:0 16px}#meme_404{max-width:15%;height:auto}.default_404{text-align:center}.default_404 h1{margin-bottom:12px;font-size:48px}.default_404 p{color:var(--gray-500);margin-bottom:16px}.custom_html{line-height:1.6}.spotifyTransfer{background-color:var(--bg);min-height:100vh;color:var(--text);transition:background-color .4s,color .4s}.spotifyTransfer h1{text-align:center;color:var(--link);margin-top:150px;margin-bottom:30px;font-size:40px;font-weight:700}.spotifyTransfer h2{color:var(--text);margin-bottom:15px;font-size:28px}.spotifyTransfer p{color:var(--muted-text);font-size:16px;line-height:1.6}.spotifyTransfer a{text-align:center;color:var(--link);margin-bottom:30px;font-size:14px;text-decoration:none;transition:opacity .3s;display:block}.spotifyTransfer a:hover{opacity:.8;text-decoration:underline}.login-section{text-align:center;background-color:var(--card-bg);border:1px solid var(--surface-border);max-width:500px;box-shadow:0 4px 20px var(--black-a8);border-radius:20px;margin:40px auto;padding:60px 40px}.spotify-login-btn{cursor:pointer;color:#fff;background-color:var(--spotify-green);width:280px;height:70px;box-shadow:0 4px 15px var(--spotify-green-a30);border:none;border-radius:35px;outline:none;font-family:Open Sans,sans-serif;font-size:20px;font-weight:600;transition:all .3s}.spotify-login-btn:hover{background-color:var(--spotify-green-light);box-shadow:0 6px 20px var(--spotify-green-a40);transform:translateY(-2px)}.spotify-login-btn:active{transform:translateY(0)}.user-status{text-align:center;background-color:var(--card-bg);border:1px solid var(--surface-border);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;max-width:500px;margin:30px auto;padding:20px;display:flex}.user-status p{color:var(--spotify-green);margin:0;font-size:16px;font-weight:600}.logout-btn{border:1px solid var(--surface-border);cursor:pointer;color:var(--text);background-color:var(--module-bg);border-radius:8px;outline:none;padding:10px 24px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .3s}.logout-btn:hover{background-color:var(--card-bg);border-color:var(--pink-bold);color:var(--pink-bold)}.form-container{background-color:var(--card-bg);border:1px solid var(--surface-border);max-width:600px;box-shadow:0 4px 20px var(--black-a8);border-radius:20px;margin:30px auto;padding:40px}.form-container label{color:var(--text);margin-bottom:10px;font-size:16px;font-weight:600;display:block}.form-container input[type=text],.form-container input[type=file]{border:2px solid var(--surface-border);background-color:var(--module-bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:12px;outline:none;padding:14px 18px;font-size:16px;transition:all .3s}.form-container input[type=text]:focus{border-color:var(--link);box-shadow:0 0 0 3px var(--link-a10)}.form-container input[type=file]{cursor:pointer;min-width:400px;max-width:600px;height:70px;padding:20px 18px}.form-container input[type=file]::file-selector-button{background-color:var(--link);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-right:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .3s}.form-container input[type=file]::file-selector-button:hover{background-color:var(--link)}#submitBtn{cursor:pointer;color:#fff;background-color:var(--link);width:100%;height:60px;box-shadow:0 4px 15px var(--link-a30);border:none;border-radius:15px;outline:none;font-family:Open Sans,sans-serif;font-size:20px;font-weight:600;transition:all .3s}#submitBtn:hover:not(:disabled){background-color:var(--green-bright);box-shadow:0 6px 20px var(--green-bright-a40);transform:translateY(-2px)}#submitBtn:active:not(:disabled){transform:translateY(0)}#submitBtn:disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-300);box-shadow:none}#results{background-color:var(--module-bg);border:1px solid var(--surface-border);max-width:700px;min-height:100px;box-shadow:0 2px 10px var(--black-a5);border-radius:15px;margin:30px auto 60px;padding:30px}#results p{background-color:var(--card-bg);border-left:3px solid #0000;border-radius:6px;margin:8px 0;padding:8px 12px;font-size:14px;line-height:1.5}#results p[style*=green]{border-left-color:var(--green-bright)}#results p[style*=red]{border-left-color:var(--pink-bold)}#results p[style*=orange]{border-left-color:var(--orange-bright)}#results strong{color:var(--link)}.dark .form-container input[type=text],.dark .form-container input[type=file]{background-color:var(--module-bg);border-color:var(--surface-border)}.dark .form-container input[type=file]::file-selector-button{background-color:var(--link)}@media (width<=768px){.spotifyTransfer h1{margin-top:100px;font-size:32px}.login-section,.form-container{margin:20px 15px;padding:30px 20px}.spotify-login-btn{width:100%;max-width:280px;height:60px;font-size:18px}.user-status{text-align:center;flex-direction:column}#results{margin:20px 15px 40px;padding:20px}}.klotski-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.klotski-page--idle{height:auto;min-height:100vh;overflow:visible}.klotski-page--idle .klotski-main{justify-content:flex-start;padding-top:20px;padding-bottom:32px;overflow:visible}.klotski-main{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:80px;margin-bottom:12px;padding-left:0;padding-right:0;display:flex;overflow:hidden}.klotski-title{color:var(--link);text-align:center;margin:0;font-size:28px;font-weight:700}.klotski-subtitle{text-align:center;color:var(--text-muted,#b4b4b4);margin:0;font-size:14px;line-height:1.4}.klotski-time-display{align-items:center;gap:12px;display:flex}.klotski-time-label{color:var(--text,#e0e0e0);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.klotski-time-value{color:var(--green-dark,#25d6d2);font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1}.klotski-meta{width:min(90vw,min(55vh,640px));color:var(--text,#e0e0e0);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;font-weight:600;display:flex}.klotski-credit{color:var(--text-muted,#b4b4b4);margin:0;font-size:12px}.klotski-credit a{color:var(--link,#25d6d2);text-decoration:none}.klotski-credit a:hover{text-decoration:underline}.klotski-board{aspect-ratio:1;background-color:var(--module-bg,#121212);box-sizing:border-box;border-radius:12px;flex-shrink:0;width:min(90vw,min(55vh,640px));padding:6px;position:relative}.klotski-tile{cursor:pointer;--tile-size:calc((100% - 12px - var(--gaps)) / var(--n));width:var(--tile-size);height:var(--tile-size);left:calc(var(--col) * (var(--tile-size) + 4px) + 6px);top:calc(var(--row) * (var(--tile-size) + 4px) + 6px);background-color:#0b0b0b;background-repeat:no-repeat;border:0;border-radius:8px;transition:left .18s,top .18s,transform .12s;position:absolute}.klotski-tile:hover{transform:scale(.97)}.klotski-preview-overlay{pointer-events:none;z-index:10;background-repeat:no-repeat;border-radius:8px;animation:.1s fadeIn;position:absolute;inset:6px}.klotski-message{color:#ff8181;min-height:20px;font-size:13px}.klotski-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.klotski-action-btn{cursor:pointer;background-color:var(--link,#25d6d2);color:#fff;border:0;border-radius:16px;width:130px;height:42px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;transition:background-color .3s}.klotski-action-btn:hover{background-color:var(--green-bright,#1fbfbb)}.klotski-preview-btn{background-color:var(--dark-warm-a21,#2a2a2a);border:2px solid var(--link,#25d6d2);width:150px;color:var(--link,#25d6d2);box-sizing:border-box;-webkit-user-select:none;user-select:none}.klotski-preview-btn:hover{background-color:var(--link,#25d6d2);color:#fff}.klotski-rank-section{width:min(90vw,640px);margin-top:16px}.klotski-rank-tabs{border-bottom:2px solid #ffffff1a;gap:0;display:flex}.klotski-rank-tab{color:var(--text-muted,#b4b4b4);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-2px;padding:8px 22px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:500;transition:color .15s;position:relative}.klotski-rank-tab:hover:not(.active){color:var(--link,#25d6d2)}.klotski-rank-tab.active{color:var(--link,#25d6d2);border-bottom-color:var(--link,#25d6d2);font-weight:700}.klotski-rank-table-wrap{background:var(--module-bg,#121212);border-radius:0 0 10px 10px;overflow-x:auto}.klotski-rank-table{border-collapse:collapse;width:100%;font-size:14px}.klotski-rank-table th,.klotski-rank-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #ffffff0f;padding:9px 14px}.klotski-rank-table th{color:var(--text,#e0e0e0);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.klotski-rank-table td{color:var(--text,#e0e0e0)}.klotski-rank-empty{color:var(--text-muted,#b4b4b4);padding:20px 0!important}@media (width<=768px){.klotski-page{height:100dvh}.klotski-main{justify-content:center;gap:6px;margin-top:70px;margin-bottom:8px}.klotski-title{font-size:22px}.klotski-subtitle{padding:0 16px;font-size:12px}.klotski-time-value{font-size:28px}.klotski-time-label{font-size:11px}.klotski-meta{text-align:center;justify-content:center;width:min(90vw,min(50vh,480px));font-size:12px}.klotski-board{width:min(90vw,min(50vh,480px))}.klotski-action-btn{border-radius:12px;width:110px;height:36px;font-size:13px}.klotski-preview-btn{width:130px}.klotski-credit{font-size:11px}.klotski-rank-section{width:min(90vw,480px)}.klotski-rank-tab{padding:7px 14px;font-size:12px}.klotski-rank-table{font-size:13px}.klotski-rank-table th,.klotski-rank-table td{padding:7px 14px}.klotski-rank-table th:not(:last-child),.klotski-rank-table td:not(:last-child){border-right:1px solid #ffffff14}}@media (width<=400px){.klotski-title{font-size:18px}.klotski-time-value{font-size:24px}.klotski-board,.klotski-meta{width:min(92vw,min(48vh,400px))}.klotski-action-btn{width:100px;height:34px;font-size:12px}.klotski-preview-btn{width:118px}}.roomlist-page{flex-direction:column;min-height:100vh;display:flex}.roomlist-container{flex:1;margin-top:130px;padding-bottom:60px}.rl-title{color:var(--link);text-align:center;margin-bottom:10px;font-size:38px;font-weight:700}.rl-desc{color:var(--muted-text);text-align:center;margin-bottom:36px;font-size:17px}.rl-actions{justify-content:flex-end;gap:12px;margin-bottom:28px;display:flex}.rl-btn-create{background:var(--link);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 28px;font-family:Open Sans,sans-serif;font-size:16px;transition:background .2s}.rl-btn-create:hover:not(:disabled){background:var(--green-bright)}.rl-btn-create:disabled{opacity:.6;cursor:not-allowed}.rl-btn-refresh{background:var(--dark-warm-a21);color:var(--text);border:1px solid var(--surface-border);cursor:pointer;border-radius:10px;padding:10px 20px;font-family:Open Sans,sans-serif;font-size:16px;transition:background .2s}.rl-btn-refresh:hover{background:var(--black-a10)}.rl-btn-cancel{color:var(--muted-text);border:1px solid var(--surface-border);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-family:Open Sans,sans-serif;font-size:16px;transition:background .2s}.rl-btn-cancel:hover{background:var(--black-a5)}.rl-error{color:var(--danger);text-align:center;margin-bottom:16px;font-size:15px}.rl-overlay{background:var(--black-a50);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rl-modal{background:var(--module-bg);min-width:340px;box-shadow:0 8px 40px var(--black-a30);border-radius:16px;flex-direction:column;gap:16px;padding:36px 40px;display:flex}.rl-modal h2{color:var(--link);margin:0;font-size:22px;font-weight:700}.rl-modal-hint{color:var(--muted-text);margin:0;font-size:14px}.rl-input{border:2px solid var(--link);background:var(--bg);width:100%;height:48px;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;padding:0 14px;font-size:16px;transition:border-color .2s}.rl-input:focus{border-color:var(--green-bright)}.rl-modal-btns{justify-content:flex-end;gap:10px;display:flex}.rl-table-wrap{border:1px solid var(--surface-border);border-radius:12px;overflow-x:auto}.rl-status{text-align:center;color:var(--muted-text);padding:48px 0;font-size:16px}.rl-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px}.rl-col-room{width:90px}.rl-col-game{width:160px}.rl-col-host{width:140px}.rl-col-players{width:80px}.rl-col-status{width:110px}.rl-col-action{width:70px}.rl-table thead tr{background:var(--card-bg)}.rl-table th{text-align:left;color:var(--muted-text);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:13px 16px;font-size:12px;font-weight:700;overflow:hidden}.rl-row{cursor:pointer;border-top:1px solid var(--surface-border);transition:background .15s}.rl-row:hover{background:var(--link-a10)}.rl-table td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:13px 16px;overflow:hidden}.rl-center{text-align:center}.rl-left{text-align:left}.rl-room-num{text-align:left;color:var(--text);font-weight:700}.rl-lock{font-size:13px}.rl-game-tag{background:var(--blue-accent-a12);color:var(--blue-accent);text-align:left;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.rl-phase{white-space:nowrap;text-align:left;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.rl-phase-0{background:var(--link-a12);color:var(--link)}.rl-phase-1{background:var(--green-bright-a40);color:var(--green-dark)}.rl-phase-2,.rl-game-tag-klotski{background:var(--violet-a12);color:var(--purple-vivid)}.rl-game-tag-maimai{color:#c4005e;background:#ffe0f0}[data-theme=dark] .rl-game-tag-maimai{color:#ff79b8;background:#c4005e2e}.rl-game-select{flex-direction:column;gap:8px;display:flex}.rl-field-label{color:var(--muted-text);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.rl-radio-group{gap:20px;display:flex}.rl-radio-label{cursor:pointer;align-items:center;gap:6px;font-size:15px;display:flex}.rl-select{cursor:pointer}.rl-join{color:var(--link);text-align:center;font-size:14px;font-weight:600;display:block}@media (width<=600px){.rl-title{font-size:28px}.rl-modal{min-width:unset;width:calc(100vw - 40px);padding:24px 20px}.rl-actions{justify-content:stretch}.rl-btn-create,.rl-btn-refresh{flex:1}.rl-radio-group{flex-direction:column;gap:10px}}.cursor-firework-container{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.firework{width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.particle{width:4px;height:4px;transform:rotate(var(--angle,0deg)) translateX(0);opacity:1;background:0 0;border-radius:50%;animation:.8s ease-out forwards explode-orbit;position:absolute}.particle .dot{background:var(--color,#ff6b6b);transform-origin:50%;width:5px;height:5px;animation:spin var(--spin-duration,.8s) linear both;animation-direction:var(--spin-direction,normal);border-radius:50%;display:block}@keyframes explode-orbit{0%{transform:rotate(var(--angle,0deg)) translateX(0) scale(1);opacity:1}25%{transform:rotate(calc(var(--angle,0deg) + 90deg)) translateX(20px) scale(.6);opacity:1}to{transform:rotate(calc(var(--angle,0deg) + 180deg)) translateX(35px) scale(.1);opacity:0}}