/*# 1787104789 1788306433 */
:root{--space-bg:#06080c;--tech-blue:#00d2ff;--tech-blue-hover:#0099cc;--metallic-silver:#e2e8f0;--panel-white:#ffffff;--text-dark:#1e293b;--sidebar-width-expanded:260px;--sidebar-width-collapsed:85px}body{background-color:var(--space-bg);background-image:radial-gradient(white, rgba(255, 255, 255, .2) 2px, transparent 40px),radial-gradient(white, rgba(255, 255, 255, .15) 1px, transparent 30px),radial-gradient(white, rgba(255, 255, 255, .1) 2px, transparent 40px),radial-gradient(circle at 50% 20%, #111726 0%, var(--space-bg) 100%);background-size:550px 550px, 350px 350px, 250px 250px, 100% 100%;background-position:0 0, 40px 60px, 130px 270px, 0 0;color:#ffffff;font-family:'Noto Sans TC', 'Orbitron', system-ui, -apple-system, sans-serif;scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0, 210, 255, 0.5)}.btn-tech-blue{background-color:#00d2ff;color:#fff;border:none;transition:all 0.2s ease}.btn-tech-blue:focus{background-color:#00d2ff;color:#fff;box-shadow:none;outline:none}.lifechain-footer{position:fixed;bottom:0px}@media (hover:hover){.btn-tech-blue:hover{background-color:#00bce6;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0, 210, 255, 0.5)}}.btn-tech-blue:active{background-color:#00a8cc !important;color:#fff !important;transform:translateY(0);box-shadow:none !important}.lifechain-sidebar{width:var(--sidebar-width-expanded);min-width:var(--sidebar-width-expanded);background:rgba(10, 14, 22, 0.85);backdrop-filter:blur(20px);border-right:1px solid rgba(255, 255, 255, 0.08);position:relative;z-index:1040;transition:width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), min-width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s ease;white-space:nowrap;display:flex;flex-direction:column}.sidebar-menu-wrapper{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-top:10px}.sidebar-toggle-btn{position:absolute;top:50%;right:-15px;transform:translateY(-50%);width:30px;height:36px;border-radius:45%;background-color:var(--tech-blue);color:var(--space-bg);border:3px solid var(--space-bg);z-index:1050;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0, 210, 255, 0.4);transition:background-color 0.2s ease;padding:0}.sidebar-toggle-btn:hover{background-color:#ffffff}.sidebar-toggle-btn i{transition:transform 0.3s ease}.sidebar-text{transition:opacity 0.2s ease;opacity:1;display:inline-block}.menu-category-header{color:rgba(255, 255, 255, 0.7) !important;display:flex;align-items:center;padding:12px 15px;border-radius:8px;transition:all 0.2s ease;margin-bottom:2px}.menu-category-header:hover{background-color:rgba(255, 255, 255, 0.05);color:#ffffff !important}.menu-category-header.active{background-color:rgba(0, 210, 255, 0.1);color:var(--tech-blue) !important}.menu-category-header.active .menu-icon{color:var(--tech-blue);text-shadow:0 0 8px rgba(0, 210, 255, 0.4)}.menu-icon{font-size:1.4rem;margin-right:12px;width:28px;text-align:center;transition:all 0.2s;color:var(--metallic-silver)}.arrow-icon{transition:transform 0.3s ease;font-size:0.8rem}.menu-category-header.collapsed .arrow-icon{transform:rotate(-90deg)}.sub-menu-list{margin-top:4px;padding-bottom:8px}.sub-menu-list .nav-link{color:rgba(255, 255, 255, 0.55) !important;padding:8px 15px 8px 12px;border-radius:6px;font-size:0.9rem;transition:all 0.2s;text-decoration:none}.sub-menu-list .nav-link:hover{color:#ffffff !important}.sub-menu-list .nav-link.active{color:#ffffff !important;font-weight:700;background:rgba(255, 255, 255, 0.05)}.sub-menu-list .nav-link.active::before{content:"►";color:var(--tech-blue);text-decoration:none !important}body.sidebar-collapsed .lifechain-sidebar{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}body.sidebar-collapsed .sidebar-toggle-btn i{transform:rotate(180deg)}body.sidebar-collapsed .sidebar-text,body.sidebar-collapsed .arrow-icon,body.sidebar-collapsed .sub-menu-list{display:none !important}body.sidebar-collapsed .brand-name{display:none !important}body.sidebar-collapsed .sidebar-brand{flex-direction:column;justify-content:center;padding-left:0 !important;padding-right:0 !important}body.sidebar-collapsed .sidebar-brand .text-info{margin-right:0 !important;font-size:1.8rem !important}body.sidebar-collapsed .brand-subname{display:block !important;margin-left:0 !important;border-left:none !important;padding-left:0 !important;font-size:0.7rem !important;margin-top:4px;text-align:center}body.sidebar-collapsed .menu-category-header{justify-content:center;padding-left:0;padding-right:0}body.sidebar-collapsed .menu-icon{margin-right:0;font-size:1.6rem}body.sidebar-collapsed .auth-standard-wrapper{display:none !important}body.sidebar-collapsed .auth-icon-wrapper{display:flex !important;justify-content:center;width:100%}body.sidebar-collapsed .avatar-wrapper{margin-right:0 !important}.main-wrapper{flex-grow:1;min-width:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding-top:10px;padding-left:15px;padding-right:15px}.floating-panel{background:var(--panel-white);color:var(--text-dark);border-radius:16px;border:1px solid rgba(255, 255, 255, 0.8);box-shadow:0 15px 35px rgba(0, 0, 0, 0.35), 0 5px 15px rgba(0, 0, 0, 0.2);padding:16px;margin-bottom:24px}.lifechain-mobile-navbar{display:none}@media (max-width:991.98px){.lifechain-mobile-navbar{display:flex;background:rgba(10, 14, 22, 0.95);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255, 255, 255, 0.08);height:60px;z-index:1049;width:100vw;max-width:100vw}#mobile-hamburger-btn{position:fixed;top:5px;right:15px;z-index:1060;background:rgba(6, 8, 12, 0.6);border-radius:8px;padding:2px 10px !important;backdrop-filter:blur(5px)}.main-wrapper{padding:64px 10px 6px 10px !important;height:100vh}body.sidebar-mobile-open{overflow:hidden}body.sidebar-mobile-open .main-wrapper{padding-left:15px;padding-right:15px}.lifechain-sidebar.offcanvas-start{position:fixed;top:0;bottom:0;left:0;width:280px !important;min-width:280px !important;background:rgba(10, 14, 22, 0.95);box-shadow:5px 0 25px rgba(0, 0, 0, 0.5);z-index:1045;transform:translateX(-100%);transition:transform .3s ease-in-out}.offcanvas.show{transform:translateX(0) !important}.offcanvas-backdrop.show{z-index:1040;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(3px)}.sidebar-toggle-btn{display:none !important}body.sidebar-collapsed .brand-name,body.sidebar-collapsed .sidebar-text,body.sidebar-collapsed .arrow-icon,body.sidebar-collapsed .sub-menu-list{display:inline-block !important}.offcanvas-backdrop.show{z-index:1035}body.sidebar-collapsed .sub-menu-list{display:block !important}body.sidebar-collapsed .sidebar-brand{flex-direction:row;justify-content:flex-start;padding-left:1rem !important}body.sidebar-collapsed .menu-category-header{justify-content:flex-start;padding-left:15px}body.sidebar-collapsed .menu-icon{margin-right:12px;font-size:1.4rem}body.sidebar-collapsed .brand-subname{margin-left:0.5rem !important;border-left:1px solid rgba(255, 255, 255, 0.3) !important;padding-left:0.5rem !important;margin-top:0}}.lifechain-mobile-navbar.lifechain-fullscreen-navbar{display:flex !important}body.menu-hidden .lifechain-sidebar{display:none !important}body.menu-hidden .main-wrapper,body.menu-only-login .main-wrapper{padding-top:75px !important}#top-navbar-auth-section{display:flex;align-items:center}.auth-icon-wrapper-top{display:flex;align-items:center;justify-content:center}#top-user-profile .dropdown-toggle::after{display:none}#top-user-avatar{transition:border-color 0.2s ease, transform 0.2s ease;cursor:pointer}#top-user-avatar:hover{border-color:var(--tech-blue) !important;transform:scale(1.05)}.monospace{font-family:"Roboto Mono", monospace !important}@import url('https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC:wght@400;700&family=Noto+Sans+TC:wght@400;500;700;900&family=Roboto+Mono:wght@500;700&display=swap');:root{--pop-matcha:#5B8C71;--pop-matcha-hover:#4A755E;--pop-yuzu:#F5BA42;--pop-yuzu-hover:#E3AA32;--pop-sakura:#E8828D;--pop-sakura-hover:#D76F7B;--pop-hydrangea:#4C769A;--pop-hydrangea-hover:#3B6182;--pop-wisteria:#9575CD;--pop-persimmon:#E07A5F;--pop-bg:#FAF8F5;--pop-bg-alt:#F3EFEA;--pop-dark:#2B2D2F;--pop-gray-light:#F0EDE8;--pop-gray-muted:#7E8488;--pop-white:#FFFFFF;--pop-yellow:var(--pop-yuzu);--pop-yellow-hover:var(--pop-yuzu-hover);--pop-pink:var(--pop-sakura);--pop-pink-hover:var(--pop-sakura-hover);--pop-mint:var(--pop-matcha);--pop-mint-hover:var(--pop-matcha-hover);--pop-blue:var(--pop-hydrangea);--pop-blue-hover:var(--pop-hydrangea-hover);--pop-border-width:1.5px;--pop-border-color:#2B2D2F;--pop-border:var(--pop-border-width) solid var(--pop-border-color);--pop-shadow-sm:1.5px 1.5px 0px var(--pop-border-color);--pop-shadow:2.5px 2.5px 0px var(--pop-border-color);--pop-shadow-lg:4px 4px 0px var(--pop-border-color);--pop-shadow-active:0.5px 0.5px 0px var(--pop-border-color);--pop-radius-sm:8px;--pop-radius:12px;--pop-radius-lg:18px;--pop-radius-pill:50px;--pop-font-sans:'Noto Sans TC', system-ui, -apple-system, sans-serif;--pop-font-cursive:'LXGW WenKai TC', cursive, sans-serif;--pop-font-mono:'Roboto Mono', monospace}body.theme-pop,.theme-pop-scope{background-color:var(--pop-bg);background-image:radial-gradient(rgba(43, 45, 47, 0.08) 0.8px, transparent 0.8px);background-size:20px 20px;color:var(--pop-dark);font-family:var(--pop-font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}body.theme-pop ::selection,.theme-pop-scope ::selection{background:var(--pop-yuzu);color:var(--pop-dark)}body.theme-pop h1, body.theme-pop h2, body.theme-pop h3,body.theme-pop h4, body.theme-pop h5, body.theme-pop h6,.theme-pop-scope h1, .theme-pop-scope h2, .theme-pop-scope h3,.theme-pop-scope h4, .theme-pop-scope h5, .theme-pop-scope h6{color:var(--pop-dark);font-weight:700;letter-spacing:-0.01em}.theme-pop-scope .card,body.theme-pop .card,.theme-pop-scope .floating-panel,body.theme-pop .floating-panel,.pop-card{background-color:var(--pop-white);border:var(--pop-border) !important;border-radius:var(--pop-radius) !important;box-shadow:var(--pop-shadow) !important;transition:transform 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.pop-card-interactive:hover{transform:translateY(-1.5px);box-shadow:var(--pop-shadow-lg) !important}.pop-card-header{background-color:var(--pop-bg-alt);border-bottom:var(--pop-border);padding:0.75rem 1.25rem;font-weight:700}.pop-card-yellow{background-color:var(--pop-yuzu) !important;color:var(--pop-dark)}.pop-card-pink{background-color:var(--pop-sakura) !important;color:#FFF}.pop-card-mint{background-color:var(--pop-matcha) !important;color:#FFF}.pop-card-blue{background-color:var(--pop-hydrangea) !important;color:#FFF}.pop-card-purple{background-color:var(--pop-wisteria) !important;color:#FFF}.theme-pop-scope .btn,body.theme-pop .btn,.pop-btn{border:var(--pop-border) !important;border-radius:var(--pop-radius-pill);font-weight:700;padding:0.45rem 1.15rem;box-shadow:var(--pop-shadow-sm);transition:all 0.1s ease-in-out;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;color:var(--pop-dark);text-decoration:none;cursor:pointer}.theme-pop-scope .btn:hover,body.theme-pop .btn:hover,.pop-btn:hover{transform:translate(-1px, -1px);box-shadow:var(--pop-shadow);color:var(--pop-dark)}.theme-pop-scope .btn:active,body.theme-pop .btn:active,.pop-btn:active{transform:translate(1.5px, 1.5px) !important;box-shadow:var(--pop-shadow-active) !important}.theme-pop-scope .btn-primary, .pop-btn-primary{background-color:var(--pop-yuzu) !important;color:var(--pop-dark) !important}.theme-pop-scope .btn-primary:hover, .pop-btn-primary:hover{background-color:var(--pop-yuzu-hover) !important}.theme-pop-scope .btn-secondary, .pop-btn-secondary{background-color:var(--pop-white) !important;color:var(--pop-dark) !important}.theme-pop-scope .btn-success, .pop-btn-mint{background-color:var(--pop-matcha) !important;color:#FFFFFF !important}.theme-pop-scope .btn-info, .pop-btn-blue{background-color:var(--pop-hydrangea) !important;color:#FFFFFF !important}.theme-pop-scope .btn-danger, .pop-btn-pink{background-color:var(--pop-sakura) !important;color:#FFFFFF !important}.theme-pop-scope .btn-dark, .pop-btn-dark{background-color:var(--pop-dark) !important;color:#FFFFFF !important}.theme-pop-scope .btn-outline-primary,body.theme-pop .btn-outline-primary{background-color:var(--pop-white);color:var(--pop-dark);border:var(--pop-border) !important}.theme-pop-scope .btn-outline-primary:hover,body.theme-pop .btn-outline-primary:hover{background-color:var(--pop-yuzu);color:var(--pop-dark)}.theme-pop-scope .btn-check:checked + .btn-outline-primary,body.theme-pop .btn-check:checked + .btn-outline-primary,.theme-pop-scope .btn-check:checked + .btn-outline-success,body.theme-pop .btn-check:checked + .btn-outline-success{background-color:var(--pop-yuzu) !important;color:var(--pop-dark) !important;box-shadow:var(--pop-shadow-sm) !important}.pop-btn-lg{padding:0.65rem 1.5rem;font-size:1.05rem}.pop-btn-sm{padding:0.28rem 0.75rem;font-size:0.85rem;border-radius:var(--pop-radius-sm)}.pop-btn-icon{width:38px;height:38px;padding:0;border-radius:50%}.theme-pop-scope .form-control,.theme-pop-scope .form-select,body.theme-pop .form-control,body.theme-pop .form-select,.pop-input{border:var(--pop-border) !important;border-radius:var(--pop-radius-sm) !important;box-shadow:var(--pop-shadow-sm) !important;padding:0.5rem 0.85rem;font-weight:500;color:var(--pop-dark);background-color:var(--pop-white);transition:all 0.15s ease}.theme-pop-scope .form-control:focus,.theme-pop-scope .form-select:focus,body.theme-pop .form-control:focus,body.theme-pop .form-select:focus,.pop-input:focus{border-color:var(--pop-dark) !important;box-shadow:2px 2px 0px var(--pop-yuzu) !important;outline:none}.theme-pop-scope .input-group-text,body.theme-pop .input-group-text{background-color:var(--pop-bg-alt);border:var(--pop-border) !important;font-weight:700;color:var(--pop-dark);border-radius:var(--pop-radius-sm)}.theme-pop-scope .input-group .form-control:not(:first-child),body.theme-pop .input-group .form-control:not(:first-child){border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.theme-pop-scope .input-group .input-group-text:not(:first-child),body.theme-pop .input-group .input-group-text:not(:first-child){border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.theme-pop-scope .form-check-input,body.theme-pop .form-check-input{border:var(--pop-border) !important;width:1.2em;height:1.2em;box-shadow:var(--pop-shadow-sm);cursor:pointer}.theme-pop-scope .form-check-input:checked,body.theme-pop .form-check-input:checked{background-color:var(--pop-yuzu);border-color:var(--pop-dark) !important}.theme-pop-scope .form-range::-webkit-slider-thumb,body.theme-pop .form-range::-webkit-slider-thumb{background-color:var(--pop-yuzu);border:var(--pop-border);box-shadow:var(--pop-shadow-sm);width:20px;height:20px}.theme-pop-scope .table,body.theme-pop .table{border:var(--pop-border) !important;border-radius:var(--pop-radius);overflow:hidden;background-color:var(--pop-white);box-shadow:var(--pop-shadow);color:var(--pop-dark);margin-bottom:1rem}.theme-pop-scope .table th,body.theme-pop .table th{background-color:var(--pop-bg-alt);border-bottom:var(--pop-border) !important;font-weight:700;padding:0.75rem 1rem}.theme-pop-scope .table td,body.theme-pop .table td{padding:0.65rem 1rem;border-bottom:1px solid rgba(43, 45, 47, 0.12);vertical-align:middle}.theme-pop-scope .table-hover tbody tr:hover,body.theme-pop .table-hover tbody tr:hover{background-color:rgba(245, 186, 66, 0.12)}.theme-pop-scope .table-striped tbody tr:nth-of-type(odd),body.theme-pop .table-striped tbody tr:nth-of-type(odd){background-color:rgba(243, 239, 234, 0.4)}.theme-pop-scope .pagination .page-link,body.theme-pop .pagination .page-link{border:var(--pop-border) !important;color:var(--pop-dark);font-weight:700;margin:0 2px;border-radius:var(--pop-radius-sm) !important;box-shadow:var(--pop-shadow-sm)}.theme-pop-scope .pagination .page-item.active .page-link,body.theme-pop .pagination .page-item.active .page-link{background-color:var(--pop-yuzu);color:var(--pop-dark)}.theme-pop-scope .alert,body.theme-pop .alert{border:var(--pop-border) !important;border-radius:var(--pop-radius) !important;box-shadow:var(--pop-shadow) !important;color:var(--pop-dark);font-weight:600}.theme-pop-scope .alert-primary, body.theme-pop .alert-primary{background-color:#FFF6DF}.theme-pop-scope .alert-success, body.theme-pop .alert-success{background-color:#E8F5EE}.theme-pop-scope .alert-info, body.theme-pop .alert-info{background-color:#EBF3F9}.theme-pop-scope .alert-warning, body.theme-pop .alert-warning{background-color:#FFF2E5}.theme-pop-scope .alert-danger, body.theme-pop .alert-danger{background-color:#FDE8EA}.theme-pop-scope .progress,body.theme-pop .progress{border:var(--pop-border);border-radius:var(--pop-radius-pill);background-color:var(--pop-bg-alt);height:18px;box-shadow:var(--pop-shadow-sm);overflow:hidden}.theme-pop-scope .progress-bar,body.theme-pop .progress-bar{background-color:var(--pop-yuzu);border-right:var(--pop-border);color:var(--pop-dark);font-weight:700;font-size:0.75rem}.theme-pop-scope .accordion-item,body.theme-pop .accordion-item{border:var(--pop-border) !important;border-radius:var(--pop-radius) !important;margin-bottom:8px;box-shadow:var(--pop-shadow-sm);overflow:hidden}.theme-pop-scope .accordion-button,body.theme-pop .accordion-button{font-weight:700;color:var(--pop-dark);background-color:var(--pop-white)}.theme-pop-scope .accordion-button:not(.collapsed),body.theme-pop .accordion-button:not(.collapsed){background-color:var(--pop-bg-alt);box-shadow:none}.pop-segment-tabs{display:inline-flex;background-color:var(--pop-white);border:var(--pop-border);border-radius:var(--pop-radius-pill);padding:3px;box-shadow:var(--pop-shadow-sm);gap:3px}.pop-segment-tab{padding:0.35rem 1.1rem;border-radius:var(--pop-radius-pill);border:1.5px solid transparent;font-weight:700;color:var(--pop-dark);background:transparent;cursor:pointer;transition:all 0.15s ease;text-decoration:none;font-size:0.9rem}.pop-segment-tab.active{background-color:var(--pop-yuzu);border:var(--pop-border);box-shadow:var(--pop-shadow-sm)}.pop-tag-pill{display:inline-flex;align-items:center;justify-content:center;padding:0.35rem 0.95rem;border:var(--pop-border);border-radius:var(--pop-radius-pill);background-color:var(--pop-white);font-weight:700;font-size:0.875rem;color:var(--pop-dark);box-shadow:var(--pop-shadow-sm);cursor:pointer;user-select:none;transition:all 0.12s ease;text-decoration:none}.pop-tag-pill.active{background-color:var(--pop-sakura) !important;color:#FFFFFF !important}.pop-icon-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(70px, 1fr));gap:12px;padding:8px}.pop-icon-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.pop-icon-badge{width:52px;height:52px;border-radius:var(--pop-radius);border:var(--pop-border);background-color:var(--pop-white);box-shadow:var(--pop-shadow-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--pop-dark);transition:all 0.12s ease}.pop-icon-item:hover .pop-icon-badge{transform:translateY(-1.5px);box-shadow:var(--pop-shadow);background-color:var(--pop-yuzu)}.pop-icon-item.active .pop-icon-badge{background-color:var(--pop-sakura);color:#FFFFFF}.pop-numpad-container{background-color:var(--pop-yuzu);border:var(--pop-border);border-radius:var(--pop-radius-lg);padding:14px;box-shadow:var(--pop-shadow)}.pop-numpad-display{background-color:var(--pop-white);border:var(--pop-border);border-radius:var(--pop-radius-sm);padding:8px 14px;margin-bottom:12px;box-shadow:var(--pop-shadow-sm);display:flex;justify-content:space-between;align-items:center}.pop-numpad-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px}.pop-numpad-btn{height:50px;border:var(--pop-border);border-radius:50px;background-color:var(--pop-white);font-weight:700;font-size:1.15rem;color:var(--pop-dark);box-shadow:var(--pop-shadow-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.08s ease}.pop-numpad-btn:hover{transform:translateY(-1px);box-shadow:var(--pop-shadow)}.pop-numpad-btn:active{transform:translate(1.5px, 1.5px);box-shadow:var(--pop-shadow-active)}.pop-numpad-op{background-color:var(--pop-hydrangea);color:#FFFFFF}.pop-numpad-ac{background-color:var(--pop-matcha);color:#FFFFFF}.pop-numpad-back{background-color:var(--pop-hydrangea);color:#FFFFFF}.pop-numpad-ok{background-color:var(--pop-sakura);color:#FFFFFF;grid-row:span 2;height:100%;border-radius:var(--pop-radius)}.pop-chart-container{position:relative;width:170px;height:170px;margin:0 auto}.pop-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;pointer-events:none}.pop-chart-center .label{font-size:0.75rem;font-weight:700;color:var(--pop-gray-muted)}.pop-chart-center .amount{font-size:1.2rem;font-weight:800;color:var(--pop-dark)}.pop-legend-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:6px 14px;font-weight:700;font-size:0.85rem}.pop-legend-item{display:flex;align-items:center;gap:6px}.pop-legend-dot{width:10px;height:10px;border-radius:2px;border:1px solid var(--pop-dark);flex-shrink:0}.pop-navbar{background-color:var(--pop-white);border-bottom:var(--pop-border);box-shadow:var(--pop-shadow-sm);padding:0.65rem 1.25rem}.pop-brand{font-weight:800;font-size:1.3rem;color:var(--pop-dark);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.pop-brand-badge{background-color:var(--pop-yuzu);border:var(--pop-border);padding:2px 8px;border-radius:var(--pop-radius-pill);font-size:0.75rem;font-weight:800}.theme-pop-scope .list-group-item,body.theme-pop .list-group-item,.pop-list-item{border:var(--pop-border) !important;border-radius:var(--pop-radius-sm) !important;margin-bottom:6px;box-shadow:var(--pop-shadow-sm);padding:0.75rem 1rem;background-color:var(--pop-white);display:flex;align-items:center;justify-content:space-between;font-weight:700}.pop-card-accent-left{border-left:4px solid var(--pop-yuzu) !important;border-radius:0 var(--pop-radius) var(--pop-radius) 0 !important}.pop-card-accent-left.accent-sakura{border-left-color:var(--pop-sakura) !important}.pop-card-accent-left.accent-matcha{border-left-color:var(--pop-matcha) !important}.pop-card-accent-left.accent-hydrangea{border-left-color:var(--pop-hydrangea) !important}.pop-stat-card{background-color:var(--pop-white);border:var(--pop-border);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0.35rem;transition:transform 0.15s ease, box-shadow 0.15s ease}.pop-stat-card:hover{transform:translateY(-2px);box-shadow:var(--pop-shadow-lg)}.pop-stat-card .pop-stat-label{font-size:0.78rem;font-weight:700;color:var(--pop-gray-muted);text-transform:uppercase;letter-spacing:0.06em}.pop-stat-card .pop-stat-value{font-size:2rem;font-weight:800;color:var(--pop-dark);font-family:var(--pop-font-mono);line-height:1.1}.pop-stat-card .pop-stat-sub{font-size:0.8rem;color:var(--pop-gray-muted);font-weight:600}.pop-stat-card .pop-stat-icon{width:42px;height:42px;border-radius:var(--pop-radius-sm);border:var(--pop-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:var(--pop-shadow-sm);background-color:var(--pop-bg-alt)}.pop-stat-delta-up{color:var(--pop-matcha);font-weight:700;font-size:0.82rem}.pop-stat-delta-down{color:var(--pop-sakura);font-weight:700;font-size:0.82rem}.pop-avatar{width:48px;height:48px;border-radius:50%;border:var(--pop-border);box-shadow:var(--pop-shadow-sm);object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;background-color:var(--pop-bg-alt);color:var(--pop-dark);flex-shrink:0}.pop-avatar-sm{width:32px;height:32px;font-size:0.8rem}.pop-avatar-lg{width:64px;height:64px;font-size:1.4rem}.pop-avatar-yuzu{background-color:var(--pop-yuzu)}.pop-avatar-sakura{background-color:var(--pop-sakura);color:#fff}.pop-avatar-matcha{background-color:var(--pop-matcha);color:#fff}.pop-avatar-hydrangea{background-color:var(--pop-hydrangea);color:#fff}.theme-pop-scope .badge, body.theme-pop .badge, .pop-badge{border:1.5px solid var(--pop-dark);font-weight:700;font-size:0.75rem;border-radius:var(--pop-radius-pill);padding:0.32em 0.75em;box-shadow:var(--pop-shadow-sm);display:inline-flex;align-items:center;gap:0.3rem;vertical-align:middle}.pop-badge-yuzu{background-color:var(--pop-yuzu);color:var(--pop-dark)}.pop-badge-sakura{background-color:var(--pop-sakura);color:#fff}.pop-badge-matcha{background-color:var(--pop-matcha);color:#fff}.pop-badge-hydrangea{background-color:var(--pop-hydrangea);color:#fff}.pop-badge-wisteria{background-color:var(--pop-wisteria);color:#fff}.pop-badge-persimmon{background-color:var(--pop-persimmon);color:#fff}.pop-badge-outline{background-color:transparent;color:var(--pop-dark)}.pop-badge-light{background-color:var(--pop-bg-alt);color:var(--pop-dark)}.pop-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid var(--pop-dark);margin-right:4px}.pop-status-online{background-color:var(--pop-matcha)}.pop-status-away{background-color:var(--pop-yuzu)}.pop-status-offline{background-color:var(--pop-gray-muted)}.pop-status-busy{background-color:var(--pop-sakura)}.theme-pop-scope .dropdown-menu, body.theme-pop .dropdown-menu{border:var(--pop-border) !important;border-radius:var(--pop-radius) !important;box-shadow:var(--pop-shadow-lg) !important;background-color:var(--pop-white);padding:6px}.theme-pop-scope .dropdown-item, body.theme-pop .dropdown-item{border-radius:var(--pop-radius-sm);font-weight:600;color:var(--pop-dark);padding:0.55rem 0.9rem;transition:background-color 0.12s ease}.theme-pop-scope .dropdown-item:hover, body.theme-pop .dropdown-item:hover{background-color:var(--pop-bg-alt)}.theme-pop-scope .dropdown-item.active, body.theme-pop .dropdown-item.active{background-color:var(--pop-yuzu);color:var(--pop-dark)}.theme-pop-scope .dropdown-divider, body.theme-pop .dropdown-divider{border-top:1.5px solid rgba(43,45,47,0.12);margin:4px 0}.theme-pop-scope .toast, body.theme-pop .toast{border:var(--pop-border) !important;border-radius:var(--pop-radius) !important;box-shadow:var(--pop-shadow-lg) !important;background-color:var(--pop-white);font-weight:600}.theme-pop-scope .toast-header, body.theme-pop .toast-header{border-bottom:var(--pop-border);background-color:var(--pop-bg-alt);font-weight:700}.pop-notice{display:flex;align-items:flex-start;gap:0.75rem;padding:0.85rem 1rem;border:var(--pop-border);border-radius:var(--pop-radius-sm);box-shadow:var(--pop-shadow-sm);font-size:0.9rem;font-weight:600}.pop-notice-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.pop-notice-yuzu{background-color:#FFFBEF;border-left:4px solid var(--pop-yuzu)}.pop-notice-sakura{background-color:#FFF0F2;border-left:4px solid var(--pop-sakura)}.pop-notice-matcha{background-color:#EFF7F2;border-left:4px solid var(--pop-matcha)}.pop-notice-hydrangea{background-color:#EFF4F9;border-left:4px solid var(--pop-hydrangea)}.theme-pop-scope .modal-content, body.theme-pop .modal-content{border:var(--pop-border) !important;border-radius:var(--pop-radius-lg) !important;box-shadow:var(--pop-shadow-lg) !important;background-color:var(--pop-white)}.theme-pop-scope .modal-header, body.theme-pop .modal-header{background-color:var(--pop-bg-alt);border-bottom:var(--pop-border);font-weight:700}.theme-pop-scope .modal-footer, body.theme-pop .modal-footer{border-top:var(--pop-border);background-color:var(--pop-bg-alt)}.theme-pop-scope .offcanvas, body.theme-pop .offcanvas{border:var(--pop-border) !important;box-shadow:var(--pop-shadow-lg) !important;background-color:var(--pop-dark)}.theme-pop-scope .offcanvas-header, body.theme-pop .offcanvas-header{background-color:var(--pop-bg-alt);border-bottom:var(--pop-border);font-weight:700}.theme-pop-scope .nav-tabs, body.theme-pop .nav-tabs{border-bottom:var(--pop-border);gap:4px}.theme-pop-scope .nav-tabs .nav-link, body.theme-pop .nav-tabs .nav-link{border:var(--pop-border) !important;border-bottom:none !important;border-radius:var(--pop-radius-sm) var(--pop-radius-sm) 0 0 !important;color:var(--pop-dark);font-weight:700;background-color:var(--pop-bg-alt);box-shadow:var(--pop-shadow-sm);padding:0.5rem 1rem;transition:all 0.12s ease}.theme-pop-scope .nav-tabs .nav-link:hover, body.theme-pop .nav-tabs .nav-link:hover{background-color:var(--pop-bg)}.theme-pop-scope .nav-tabs .nav-link.active, body.theme-pop .nav-tabs .nav-link.active{background-color:var(--pop-white) !important;color:var(--pop-dark) !important;border-bottom-color:var(--pop-white) !important;box-shadow:none}.theme-pop-scope .nav-pills .nav-link, body.theme-pop .nav-pills .nav-link{border:var(--pop-border);border-radius:var(--pop-radius-pill) !important;color:var(--pop-dark);font-weight:700;background-color:var(--pop-white);box-shadow:var(--pop-shadow-sm);padding:0.4rem 1rem;transition:all 0.12s ease}.theme-pop-scope .nav-pills .nav-link:hover, body.theme-pop .nav-pills .nav-link:hover{background-color:var(--pop-bg-alt);transform:translateY(-1px);box-shadow:var(--pop-shadow)}.theme-pop-scope .nav-pills .nav-link.active, body.theme-pop .nav-pills .nav-link.active{background-color:var(--pop-yuzu) !important;color:var(--pop-dark) !important;box-shadow:var(--pop-shadow)}.theme-pop-scope .breadcrumb, body.theme-pop .breadcrumb{background-color:var(--pop-bg-alt);border:var(--pop-border);border-radius:var(--pop-radius-sm);padding:0.5rem 1rem;box-shadow:var(--pop-shadow-sm);font-weight:600}.theme-pop-scope .breadcrumb-item + .breadcrumb-item::before, body.theme-pop .breadcrumb-item + .breadcrumb-item::before{color:var(--pop-gray-muted);content:"›";font-size:1.1rem;font-weight:700}.theme-pop-scope .breadcrumb-item.active, body.theme-pop .breadcrumb-item.active{color:var(--pop-gray-muted)}.theme-pop-scope .breadcrumb-item a, body.theme-pop .breadcrumb-item a{color:var(--pop-hydrangea);font-weight:700;text-decoration:none}.pop-skeleton{background:linear-gradient(90deg, var(--pop-bg-alt) 25%, var(--pop-gray-light) 50%, var(--pop-bg-alt) 75%);background-size:200% 100%;animation:pop-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--pop-radius-sm)}@keyframes pop-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.pop-skeleton-text{height:14px;margin-bottom:8px}.pop-skeleton-heading{height:22px;margin-bottom:12px}.pop-skeleton-avatar{width:48px;height:48px;border-radius:50%}.pop-skeleton-card{height:120px;border-radius:var(--pop-radius)}.pop-skeleton-btn{height:36px;width:100px;border-radius:var(--pop-radius-pill)}.theme-pop-scope .fund-item, body.theme-pop .fund-item{background-color:var(--pop-white) !important;color:var(--pop-dark) !important;font-weight:700;border:none;border-radius:var(--pop-radius-sm);margin-bottom:2px;transition:background-color 0.12s ease}.theme-pop-scope .fund-item:hover, body.theme-pop .fund-item:hover{background-color:var(--pop-bg-alt) !important}.theme-pop-scope .fund-item.active, body.theme-pop .fund-item.active{background-color:var(--pop-yuzu) !important;color:var(--pop-dark) !important;box-shadow:var(--pop-shadow-sm)}.theme-pop-scope .floating-panel, body.theme-pop .floating-panel{background-color:var(--pop-white);border:var(--pop-border);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow);padding:1.25rem;transition:box-shadow 0.15s ease}.theme-pop-scope .floating-panel:hover, body.theme-pop .floating-panel:hover{box-shadow:var(--pop-shadow-lg)}.theme-pop-scope .floating-panel h3, body.theme-pop .floating-panel h3{color:var(--pop-dark);font-weight:700;font-size:1.05rem;margin-bottom:1rem;padding-bottom:0.65rem;border-bottom:var(--pop-border);display:flex;align-items:center;gap:0.5rem}.pop-timeline{list-style:none;padding:0;margin:0;position:relative}.pop-timeline::before{content:'';position:absolute;left:17px;top:0;bottom:0;width:1.5px;background-color:rgba(43,45,47,0.2)}.pop-timeline-item{position:relative;padding:0 0 1.25rem 44px}.pop-timeline-dot{position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:50%;border:var(--pop-border);box-shadow:var(--pop-shadow-sm);background-color:var(--pop-bg-alt);display:flex;align-items:center;justify-content:center;font-size:0.9rem}.pop-timeline-dot.active{background-color:var(--pop-yuzu)}.pop-timeline-dot.done{background-color:var(--pop-matcha);color:#fff}.pop-timeline-dot.error{background-color:var(--pop-sakura);color:#fff}.pop-timeline-title{font-weight:700;font-size:0.95rem;color:var(--pop-dark);margin-bottom:2px}.pop-timeline-meta{font-size:0.8rem;color:var(--pop-gray-muted);font-weight:600}.pop-steps{display:flex;align-items:flex-start;counter-reset:pop-step}.pop-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;gap:6px}.pop-step::before{content:'';position:absolute;top:17px;left:calc(-50% + 18px);right:calc(50% + 18px);height:1.5px;background-color:rgba(43,45,47,0.2);z-index:0}.pop-step:first-child::before{display:none}.pop-step-num{width:36px;height:36px;border-radius:50%;border:var(--pop-border);background-color:var(--pop-bg-alt);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.9rem;box-shadow:var(--pop-shadow-sm);position:relative;z-index:1}.pop-step.active .pop-step-num{background-color:var(--pop-yuzu)}.pop-step.done .pop-step-num{background-color:var(--pop-matcha);color:#fff}.pop-step-label{font-size:0.75rem;font-weight:700;color:var(--pop-gray-muted);text-align:center}.pop-step.active .pop-step-label{color:var(--pop-dark)}.pop-chips{display:flex;flex-wrap:wrap;gap:6px}.pop-chip{display:inline-flex;align-items:center;gap:5px;border:var(--pop-border);border-radius:var(--pop-radius-pill);background-color:var(--pop-bg-alt);padding:0.28rem 0.75rem;font-size:0.82rem;font-weight:700;color:var(--pop-dark);box-shadow:var(--pop-shadow-sm);cursor:default;transition:all 0.12s ease}.pop-chip:hover{background-color:var(--pop-yuzu)}.pop-chip-close{width:16px;height:16px;border-radius:50%;border:1px solid var(--pop-dark);display:inline-flex;align-items:center;justify-content:center;font-size:0.7rem;cursor:pointer;background:transparent;transition:background-color 0.1s}.pop-chip-close:hover{background-color:var(--pop-sakura);color:#fff;border-color:var(--pop-sakura)}.pop-stats-row{display:flex;overflow:hidden;border:var(--pop-border);border-radius:var(--pop-radius);box-shadow:var(--pop-shadow)}.pop-stats-row-cell{flex:1;padding:1rem;background-color:var(--pop-white);border-right:var(--pop-border);text-align:center}.pop-stats-row-cell:last-child{border-right:none}.pop-stats-row-cell .value{font-size:1.5rem;font-weight:800;font-family:var(--pop-font-mono)}.pop-stats-row-cell .label{font-size:0.78rem;font-weight:700;color:var(--pop-gray-muted);margin-top:2px}.pop-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:var(--pop-border);background-color:var(--pop-yuzu);box-shadow:var(--pop-shadow-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all 0.15s ease;z-index:1050;text-decoration:none;color:var(--pop-dark)}.pop-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:5px 5px 0px var(--pop-dark);color:var(--pop-dark)}.pop-fab:active{transform:translate(2px, 2px);box-shadow:var(--pop-shadow-sm)}.pop-empty-state{text-align:center;padding:3rem 2rem;border:var(--pop-border);border-radius:var(--pop-radius);background-color:var(--pop-bg-alt);box-shadow:var(--pop-shadow-sm)}.pop-empty-state-icon{font-size:3rem;margin-bottom:1rem;color:var(--pop-gray-muted)}.pop-empty-state-title{font-size:1.1rem;font-weight:700;color:var(--pop-dark);margin-bottom:0.5rem}.pop-empty-state-desc{font-size:0.9rem;color:var(--pop-gray-muted);margin-bottom:1.25rem;font-weight:500}@media (max-width:576px){body.theme-pop .pop-stat-card .pop-stat-value{font-size:1.5rem}.pop-stats-row{flex-direction:column}.pop-stats-row-cell{border-right:none;border-bottom:var(--pop-border)}.pop-stats-row-cell:last-child{border-bottom:none}}@media (prefers-color-scheme:dark){body.theme-pop, .theme-pop-scope{color-scheme:light}}body.theme-pop .btn-outline-primary,body.theme-pop .btn-outline-secondary,body.theme-pop .btn-outline-success,body.theme-pop .btn-outline-danger,body.theme-pop .btn-outline-warning,body.theme-pop .btn-outline-info,body.theme-pop .btn-outline-light,body.theme-pop .btn-outline-dark,.theme-pop-scope .btn-outline-primary,.theme-pop-scope .btn-outline-secondary,.theme-pop-scope .btn-outline-success,.theme-pop-scope .btn-outline-danger,.theme-pop-scope .btn-outline-warning,.theme-pop-scope .btn-outline-info,.theme-pop-scope .btn-outline-light,.theme-pop-scope .btn-outline-dark{background-color:transparent;border:var(--pop-border) !important;box-shadow:var(--pop-shadow-sm);font-weight:700;border-radius:var(--pop-radius-pill)}body.theme-pop .btn-outline-primary:hover,body.theme-pop .btn-outline-secondary:hover,body.theme-pop .btn-outline-success:hover,body.theme-pop .btn-outline-danger:hover,body.theme-pop .btn-outline-warning:hover,body.theme-pop .btn-outline-info:hover,body.theme-pop .btn-outline-light:hover,body.theme-pop .btn-outline-dark:hover,.theme-pop-scope .btn-outline-primary:hover,.theme-pop-scope .btn-outline-secondary:hover,.theme-pop-scope .btn-outline-success:hover,.theme-pop-scope .btn-outline-danger:hover,.theme-pop-scope .btn-outline-warning:hover,.theme-pop-scope .btn-outline-info:hover,.theme-pop-scope .btn-outline-light:hover,.theme-pop-scope .btn-outline-dark:hover{transform:translate(-1px, -1px);box-shadow:var(--pop-shadow)}body.theme-pop .btn-outline-primary,.theme-pop-scope .btn-outline-primary{color:var(--pop-dark);border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-primary:hover,.theme-pop-scope .btn-outline-primary:hover{background-color:var(--pop-yuzu);color:var(--pop-dark);border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-secondary,.theme-pop-scope .btn-outline-secondary{color:var(--pop-gray-muted);border-color:var(--pop-gray-muted) !important}body.theme-pop .btn-outline-secondary:hover,.theme-pop-scope .btn-outline-secondary:hover{background-color:var(--pop-bg-alt);color:var(--pop-dark);border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-success,.theme-pop-scope .btn-outline-success{color:var(--pop-matcha);border-color:var(--pop-matcha) !important}body.theme-pop .btn-outline-success:hover,.theme-pop-scope .btn-outline-success:hover{background-color:var(--pop-matcha);color:#fff;border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-danger,.theme-pop-scope .btn-outline-danger{color:var(--pop-sakura);border-color:var(--pop-sakura) !important}body.theme-pop .btn-outline-danger:hover,.theme-pop-scope .btn-outline-danger:hover{background-color:var(--pop-sakura);color:#fff;border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-warning,.theme-pop-scope .btn-outline-warning{color:var(--pop-persimmon);border-color:var(--pop-persimmon) !important}body.theme-pop .btn-outline-warning:hover,.theme-pop-scope .btn-outline-warning:hover{background-color:var(--pop-persimmon);color:#fff;border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-info,.theme-pop-scope .btn-outline-info{color:var(--pop-hydrangea);border-color:var(--pop-hydrangea) !important}body.theme-pop .btn-outline-info:hover,.theme-pop-scope .btn-outline-info:hover{background-color:var(--pop-hydrangea);color:#fff;border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-light,.theme-pop-scope .btn-outline-light{color:var(--pop-gray-muted);border-color:var(--pop-gray-light) !important;background-color:var(--pop-white)}body.theme-pop .btn-outline-light:hover,.theme-pop-scope .btn-outline-light:hover{background-color:var(--pop-bg-alt);color:var(--pop-dark);border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-dark,.theme-pop-scope .btn-outline-dark{color:var(--pop-dark);border-color:var(--pop-dark) !important}body.theme-pop .btn-outline-dark:hover,.theme-pop-scope .btn-outline-dark:hover{background-color:var(--pop-dark);color:var(--pop-white);border-color:var(--pop-dark) !important}body.theme-pop .btn-check:checked + .btn-outline-primary,.theme-pop-scope .btn-check:checked + .btn-outline-primary{background-color:var(--pop-yuzu) !important;color:var(--pop-dark) !important;border-color:var(--pop-dark) !important}body.theme-pop .btn-check:checked + .btn-outline-success,.theme-pop-scope .btn-check:checked + .btn-outline-success{background-color:var(--pop-matcha) !important;color:#fff !important;border-color:var(--pop-dark) !important}body.theme-pop .btn-check:checked + .btn-outline-danger,.theme-pop-scope .btn-check:checked + .btn-outline-danger{background-color:var(--pop-sakura) !important;color:#fff !important;border-color:var(--pop-dark) !important}body.theme-pop .btn-check:checked + .btn-outline-info,.theme-pop-scope .btn-check:checked + .btn-outline-info{background-color:var(--pop-hydrangea) !important;color:#fff !important;border-color:var(--pop-dark) !important}body.theme-pop .btn-check:checked + .btn-outline-warning,.theme-pop-scope .btn-check:checked + .btn-outline-warning{background-color:var(--pop-persimmon) !important;color:#fff !important;border-color:var(--pop-dark) !important}body.theme-pop .btn-check:checked + .btn-outline-dark,.theme-pop-scope .btn-check:checked + .btn-outline-dark{background-color:var(--pop-dark) !important;color:#fff !important}.pop-btn-outline{background:transparent;color:var(--pop-dark);border-color:var(--pop-dark) !important}.pop-btn-outline-yuzu{color:var(--pop-yuzu-hover);border-color:var(--pop-yuzu-hover) !important;background:transparent}.pop-btn-outline-sakura{color:var(--pop-sakura);border-color:var(--pop-sakura) !important;background:transparent}.pop-btn-outline-matcha{color:var(--pop-matcha);border-color:var(--pop-matcha) !important;background:transparent}.pop-btn-outline-hydrangea{color:var(--pop-hydrangea);border-color:var(--pop-hydrangea) !important;background:transparent}.pop-btn-outline:hover{background:var(--pop-bg-alt)}.pop-btn-outline-yuzu:hover{background:var(--pop-yuzu);color:var(--pop-dark);border-color:var(--pop-dark) !important}.pop-btn-outline-sakura:hover{background:var(--pop-sakura);color:#fff;border-color:var(--pop-dark) !important}.pop-btn-outline-matcha:hover{background:var(--pop-matcha);color:#fff;border-color:var(--pop-dark) !important}.pop-btn-outline-hydrangea:hover{background:var(--pop-hydrangea);color:#fff;border-color:var(--pop-dark) !important}:root{--pop-dark-bg:#1A1C1E;--pop-dark-bg-alt:#23262A;--pop-dark-bg-panel:#2B2E33;--pop-dark-surface:#2B2E33;--pop-dark-border:rgba(255, 255, 255, 0.14);--pop-dark-text:#F0EDE8;--pop-dark-text-muted:#9AA0A6;--pop-dark-yuzu:#F5C842;--pop-dark-sakura:#E8828D;--pop-dark-matcha:#6BA882;--pop-dark-hydrangea:#6FA3C8}body.theme-pop.theme-pop-dark,.theme-pop-scope.theme-pop-dark,body.theme-pop[data-pop-dark="true"]{background-color:var(--pop-dark-bg) !important;background-image:radial-gradient(rgba(255, 255, 255, 0.04) 0.8px, transparent 0.8px);background-size:20px 20px;color:var(--pop-dark-text);--pop-bg:var(--pop-dark-bg);--pop-bg-alt:var(--pop-dark-bg-alt);--pop-white:var(--pop-dark-bg-panel);--pop-dark:var(--pop-dark-text);--pop-border-color:rgba(255, 255, 255, 0.16);--pop-border:1.5px solid rgba(255, 255, 255, 0.16);--pop-shadow-sm:1.5px 1.5px 0px rgba(0, 0, 0, 0.5);--pop-shadow:2.5px 2.5px 0px rgba(0, 0, 0, 0.6);--pop-shadow-lg:4px 4px 0px rgba(0, 0, 0, 0.7);--pop-gray-muted:var(--pop-dark-text-muted);--pop-yuzu:var(--pop-dark-yuzu)}body.theme-pop.theme-pop-dark .card,body.theme-pop.theme-pop-dark .pop-card,body.theme-pop.theme-pop-dark .floating-panel,.theme-pop-scope.theme-pop-dark .card,.theme-pop-scope.theme-pop-dark .pop-card,body.theme-pop[data-pop-dark="true"] .card,body.theme-pop[data-pop-dark="true"] .pop-card{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .pop-card-header,body.theme-pop.theme-pop-dark .card-header,.theme-pop-scope.theme-pop-dark .card-header,body.theme-pop[data-pop-dark="true"] .card-header{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .pop-navbar,.theme-pop-scope.theme-pop-dark .pop-navbar,body.theme-pop[data-pop-dark="true"] .pop-navbar{background-color:var(--pop-dark-bg-alt)}body.theme-pop.theme-pop-dark .btn,.theme-pop-scope.theme-pop-dark .btn,body.theme-pop[data-pop-dark="true"] .btn{border-color:rgba(255, 255, 255, 0.20) !important}body.theme-pop.theme-pop-dark .btn:hover,.theme-pop-scope.theme-pop-dark .btn:hover{border-color:rgba(255, 255, 255, 0.35) !important}body.theme-pop.theme-pop-dark .btn-primary,.theme-pop-scope.theme-pop-dark .btn-primary,body.theme-pop.theme-pop-dark .pop-btn-primary,body.theme-pop[data-pop-dark="true"] .btn-primary{background-color:var(--pop-dark-yuzu) !important;color:#1A1C1E !important;border-color:var(--pop-dark-yuzu) !important}body.theme-pop.theme-pop-dark .btn-primary:hover,.theme-pop-scope.theme-pop-dark .btn-primary:hover,body.theme-pop.theme-pop-dark .pop-btn-primary:hover{background-color:#E8B830 !important;color:#1A1C1E !important;border-color:#E8B830 !important}body.theme-pop.theme-pop-dark .btn-secondary,.theme-pop-scope.theme-pop-dark .btn-secondary,body.theme-pop[data-pop-dark="true"] .btn-secondary{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text) !important;border-color:rgba(255, 255, 255, 0.22) !important}body.theme-pop.theme-pop-dark .btn-secondary:hover,.theme-pop-scope.theme-pop-dark .btn-secondary:hover{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text) !important;border-color:rgba(255, 255, 255, 0.38) !important}body.theme-pop.theme-pop-dark .btn-success,.theme-pop-scope.theme-pop-dark .btn-success,body.theme-pop.theme-pop-dark .pop-btn-mint,body.theme-pop[data-pop-dark="true"] .btn-success{background-color:var(--pop-dark-matcha) !important;color:#FFFFFF !important;border-color:var(--pop-dark-matcha) !important}body.theme-pop.theme-pop-dark .btn-success:hover,.theme-pop-scope.theme-pop-dark .btn-success:hover{background-color:#7EC496 !important;color:#fff !important;border-color:#7EC496 !important}body.theme-pop.theme-pop-dark .btn-danger,.theme-pop-scope.theme-pop-dark .btn-danger,body.theme-pop.theme-pop-dark .pop-btn-pink,body.theme-pop[data-pop-dark="true"] .btn-danger{background-color:var(--pop-dark-sakura) !important;color:#FFFFFF !important;border-color:var(--pop-dark-sakura) !important}body.theme-pop.theme-pop-dark .btn-danger:hover,.theme-pop-scope.theme-pop-dark .btn-danger:hover{background-color:#F09AA2 !important;color:#fff !important;border-color:#F09AA2 !important}body.theme-pop.theme-pop-dark .btn-warning,.theme-pop-scope.theme-pop-dark .btn-warning,body.theme-pop[data-pop-dark="true"] .btn-warning{background-color:#D97B3A !important;color:#FFFFFF !important;border-color:#D97B3A !important}body.theme-pop.theme-pop-dark .btn-warning:hover,.theme-pop-scope.theme-pop-dark .btn-warning:hover{background-color:#EF8E4A !important;color:#fff !important;border-color:#EF8E4A !important}body.theme-pop.theme-pop-dark .btn-info,.theme-pop-scope.theme-pop-dark .btn-info,body.theme-pop.theme-pop-dark .pop-btn-blue,body.theme-pop[data-pop-dark="true"] .btn-info{background-color:var(--pop-dark-hydrangea) !important;color:#FFFFFF !important;border-color:var(--pop-dark-hydrangea) !important}body.theme-pop.theme-pop-dark .btn-info:hover,.theme-pop-scope.theme-pop-dark .btn-info:hover{background-color:#88BAD8 !important;color:#fff !important;border-color:#88BAD8 !important}body.theme-pop.theme-pop-dark .btn-light,.theme-pop-scope.theme-pop-dark .btn-light,body.theme-pop[data-pop-dark="true"] .btn-light{background-color:rgba(255, 255, 255, 0.10) !important;color:var(--pop-dark-text) !important;border-color:rgba(255, 255, 255, 0.22) !important}body.theme-pop.theme-pop-dark .btn-light:hover,.theme-pop-scope.theme-pop-dark .btn-light:hover{background-color:rgba(255, 255, 255, 0.18) !important;color:var(--pop-dark-text) !important;border-color:rgba(255, 255, 255, 0.38) !important}body.theme-pop.theme-pop-dark .btn-dark,.theme-pop-scope.theme-pop-dark .btn-dark,body.theme-pop.theme-pop-dark .pop-btn-dark,body.theme-pop[data-pop-dark="true"] .btn-dark{background-color:#0D0F11 !important;color:var(--pop-dark-text) !important;border-color:rgba(255, 255, 255, 0.30) !important}body.theme-pop.theme-pop-dark .btn-dark:hover,.theme-pop-scope.theme-pop-dark .btn-dark:hover{background-color:#161920 !important;color:var(--pop-dark-text) !important;border-color:rgba(255, 255, 255, 0.45) !important}body.theme-pop.theme-pop-dark .btn-success:hover,body.theme-pop.theme-pop-dark .btn-danger:hover,body.theme-pop.theme-pop-dark .btn-warning:hover,body.theme-pop.theme-pop-dark .btn-info:hover,.theme-pop-scope.theme-pop-dark .btn-success:hover,.theme-pop-scope.theme-pop-dark .btn-danger:hover,.theme-pop-scope.theme-pop-dark .btn-warning:hover,.theme-pop-scope.theme-pop-dark .btn-info:hover{color:#FFFFFF !important}body.theme-pop.theme-pop-dark .btn-outline-primary,.theme-pop-scope.theme-pop-dark .btn-outline-primary,body.theme-pop[data-pop-dark="true"] .btn-outline-primary{color:var(--pop-dark-yuzu);border-color:var(--pop-dark-yuzu) !important;background:transparent}body.theme-pop.theme-pop-dark .btn-outline-primary:hover,.theme-pop-scope.theme-pop-dark .btn-outline-primary:hover{background-color:var(--pop-dark-yuzu);color:#1A1C1E;border-color:var(--pop-dark-text) !important}body.theme-pop.theme-pop-dark .btn-outline-secondary,.theme-pop-scope.theme-pop-dark .btn-outline-secondary{color:var(--pop-dark-text-muted);border-color:rgba(255,255,255,0.25) !important;background:transparent}body.theme-pop.theme-pop-dark .btn-outline-secondary:hover,.theme-pop-scope.theme-pop-dark .btn-outline-secondary:hover{background-color:var(--pop-dark-bg-alt);color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .btn-outline-success,.theme-pop-scope.theme-pop-dark .btn-outline-success{color:var(--pop-dark-matcha);border-color:var(--pop-dark-matcha) !important;background:transparent}body.theme-pop.theme-pop-dark .btn-outline-success:hover{background-color:var(--pop-dark-matcha);color:#fff}body.theme-pop.theme-pop-dark .btn-outline-danger,.theme-pop-scope.theme-pop-dark .btn-outline-danger{color:var(--pop-dark-sakura);border-color:var(--pop-dark-sakura) !important;background:transparent}body.theme-pop.theme-pop-dark .btn-outline-danger:hover{background-color:var(--pop-dark-sakura);color:#fff}body.theme-pop.theme-pop-dark .btn-outline-info,.theme-pop-scope.theme-pop-dark .btn-outline-info{color:var(--pop-dark-hydrangea);border-color:var(--pop-dark-hydrangea) !important;background:transparent}body.theme-pop.theme-pop-dark .btn-outline-info:hover{background-color:var(--pop-dark-hydrangea);color:#fff}body.theme-pop.theme-pop-dark .btn-outline-dark,.theme-pop-scope.theme-pop-dark .btn-outline-dark{color:var(--pop-dark-text);border-color:rgba(255,255,255,0.4) !important;background:transparent}body.theme-pop.theme-pop-dark .btn-outline-dark:hover{background-color:rgba(255,255,255,0.12);color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .form-control,body.theme-pop.theme-pop-dark .form-select,.theme-pop-scope.theme-pop-dark .form-control,.theme-pop-scope.theme-pop-dark .form-select,body.theme-pop[data-pop-dark="true"] .form-control,body.theme-pop[data-pop-dark="true"] .form-select{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text) !important;border-color:rgba(255,255,255,0.18) !important}body.theme-pop.theme-pop-dark .form-control:focus,.theme-pop-scope.theme-pop-dark .form-control:focus{border-color:var(--pop-dark-text) !important;box-shadow:2px 2px 0px var(--pop-dark-yuzu) !important}body.theme-pop.theme-pop-dark .form-control::placeholder{color:var(--pop-dark-text-muted)}body.theme-pop.theme-pop-dark .input-group-text,.theme-pop-scope.theme-pop-dark .input-group-text{background-color:var(--pop-dark-bg) !important;color:var(--pop-dark-text-muted);border-color:rgba(255,255,255,0.16) !important}body.theme-pop.theme-pop-dark .table,.theme-pop-scope.theme-pop-dark .table{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text);--bs-table-bg:transparent}body.theme-pop.theme-pop-dark .table th,.theme-pop-scope.theme-pop-dark .table th{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .table td,.theme-pop-scope.theme-pop-dark .table td{border-bottom-color:rgba(255,255,255,0.08) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .table-hover tbody tr:hover > *,.theme-pop-scope.theme-pop-dark .table-hover tbody tr:hover > *{background-color:rgba(255,255,255,0.05);--bs-table-accent-bg:rgba(255,255,255,0.05)}body.theme-pop.theme-pop-dark .list-group-item,.theme-pop-scope.theme-pop-dark .list-group-item{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text);border-color:rgba(255,255,255,0.12) !important}body.theme-pop.theme-pop-dark .list-group-item.active,.theme-pop-scope.theme-pop-dark .list-group-item.active{background-color:var(--pop-dark-yuzu) !important;color:#1A1C1E !important;border-color:rgba(255,255,255,0.20) !important}body.theme-pop.theme-pop-dark .modal-content,.theme-pop-scope.theme-pop-dark .modal-content{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .modal-header,.theme-pop-scope.theme-pop-dark .modal-header{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .modal-footer,.theme-pop-scope.theme-pop-dark .modal-footer{background-color:var(--pop-dark-bg-alt) !important}body.theme-pop.theme-pop-dark .dropdown-menu,.theme-pop-scope.theme-pop-dark .dropdown-menu{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .dropdown-item,.theme-pop-scope.theme-pop-dark .dropdown-item{color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .dropdown-item:hover,.theme-pop-scope.theme-pop-dark .dropdown-item:hover{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .dropdown-item.active,.theme-pop-scope.theme-pop-dark .dropdown-item.active{background-color:var(--pop-dark-yuzu) !important;color:#1A1C1E !important}body.theme-pop.theme-pop-dark .toast,.theme-pop-scope.theme-pop-dark .toast{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .toast-header,.theme-pop-scope.theme-pop-dark .toast-header{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .alert,.theme-pop-scope.theme-pop-dark .alert{border-color:rgba(255,255,255,0.14) !important}body.theme-pop.theme-pop-dark .progress,.theme-pop-scope.theme-pop-dark .progress{background-color:var(--pop-dark-bg-alt) !important}body.theme-pop.theme-pop-dark .nav-tabs .nav-link,.theme-pop-scope.theme-pop-dark .nav-tabs .nav-link{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text-muted) !important}body.theme-pop.theme-pop-dark .nav-tabs .nav-link.active,.theme-pop-scope.theme-pop-dark .nav-tabs .nav-link.active{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text) !important}body.theme-pop.theme-pop-dark .pop-stat-card,.theme-pop-scope.theme-pop-dark .pop-stat-card{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .pop-stat-card .pop-stat-label,.theme-pop-scope.theme-pop-dark .pop-stat-card .pop-stat-label{color:var(--pop-dark-text-muted)}body.theme-pop.theme-pop-dark .pop-chip,.theme-pop-scope.theme-pop-dark .pop-chip{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text) !important;border-color:rgba(255,255,255,0.18) !important}body.theme-pop.theme-pop-dark .pop-chip:hover,.theme-pop-scope.theme-pop-dark .pop-chip:hover{background-color:var(--pop-dark-yuzu) !important;color:#1A1C1E !important}body.theme-pop.theme-pop-dark .pop-skeleton,.theme-pop-scope.theme-pop-dark .pop-skeleton{background:linear-gradient(90deg,var(--pop-dark-bg-alt) 25%,var(--pop-dark-surface) 50%,var(--pop-dark-bg-alt) 75%);background-size:200% 100%;animation:pop-skeleton-shimmer 1.5s ease-in-out infinite}body.theme-pop.theme-pop-dark .pop-notice,.theme-pop-scope.theme-pop-dark .pop-notice{color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .pop-notice-yuzu{background-color:rgba(245, 200, 66, 0.1)}body.theme-pop.theme-pop-dark .pop-notice-sakura{background-color:rgba(232, 130, 141, 0.1)}body.theme-pop.theme-pop-dark .pop-notice-matcha{background-color:rgba(107, 168, 130, 0.1)}body.theme-pop.theme-pop-dark .pop-notice-hydrangea{background-color:rgba(111, 163, 200, 0.1)}body.theme-pop.theme-pop-dark .breadcrumb,.theme-pop-scope.theme-pop-dark .breadcrumb{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .breadcrumb-item a,.theme-pop-scope.theme-pop-dark .breadcrumb-item a{color:var(--pop-dark-hydrangea)}body.theme-pop.theme-pop-dark .offcanvas,.theme-pop-scope.theme-pop-dark .offcanvas{background-color:var(--pop-dark-bg-panel) !important;color:var(--pop-dark-text)}body.theme-pop.theme-pop-dark .offcanvas-header,.theme-pop-scope.theme-pop-dark .offcanvas-header{background-color:var(--pop-dark-bg-alt) !important;color:var(--pop-dark-text)}@media (prefers-color-scheme:dark){body.theme-pop, .theme-pop-scope{color-scheme:light}body.theme-pop.theme-pop-dark, .theme-pop-scope.theme-pop-dark{color-scheme:dark}}:root{--accent:#1aa3ff;--accent2:#7c3aed;--accent-glow:rgba(0, 212, 170, 0.35);--accent2-glow:rgba(124, 58, 237, 0.35);--bg-deep:#1e293b;--panel-bg:rgba(255, 255, 255, 0.04);--panel-border:rgba(255, 255, 255, 0.10);--text-main:#e8eaf0;--text-dim:#7a8899;--char-active-size:192px;--stage-height:315px}html,body{height:100%;background:var(--bg-deep) !important;color:var(--text-main);font-family:'Noto Sans TC', sans-serif;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}body::before{content:'';position:fixed;inset:0;background-size:480px 480px, 320px 320px, 100% 100%;background-position:0 0, 40px 55px, 0 0;pointer-events:none;z-index:0}.row>*{padding-left:0px;padding-right:0px}.screen{position:fixed;inset:0;display:flex;flex-direction:column;z-index:10;transition:opacity 0.4s ease, transform 0.4s ease}.screen.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.sj-navbar{position:sticky;top:0 !important;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;flex-shrink:0;max-width:480px;margin:0 auto}.lifechain-mobile-navbar{max-width:480px;margin:0 auto}.brand{font-family:'Orbitron', sans-serif;font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:1px}.brand span{color:var(--text-dim);font-size:0.72rem;font-weight:400;font-family:'Noto Sans TC', sans-serif;margin-left:6px}.glass-card{border:0px;padding:0px;margin-bottom:0px}.sec-hdr{font-size:0.75rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:6px;margin-bottom:10px}#screen-home{padding-bottom:90px}.home-content{max-width:480px;width:100%;margin:0 auto;padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}.char-picker{display:flex;gap:10px;padding-bottom:8px;scrollbar-width:none}.char-picker::-webkit-scrollbar{display:none}.char-card{flex-shrink:0;width:96px;border-radius:16px;border:2px solid rgba(255, 255, 255, 0.08);background:rgba(255, 255, 255, 0.03);padding:10px 6px 8px;cursor:pointer;transition:border-color 0.2s, transform 0.2s, box-shadow 0.2s;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.char-card:hover{border-color:rgba(0, 212, 170, 0.4);transform:translateY(-2px)}.char-card.active{border-color:var(--accent);box-shadow:0 0 16px var(--accent-glow);background:rgba(0, 212, 170, 0.07)}.char-card.active::after{content:'OK';position:absolute;top:5px;right:6px;font-size:0.52rem;font-weight:900;color:var(--accent);background:rgba(0, 212, 170, 0.18);padding:1px 4px;border-radius:4px}.char-preview{width:64px;height:64px;overflow:hidden;border-radius:8px;flex-shrink:0;background:rgba(255, 255, 255, 0.03)}.char-preview canvas{display:block;image-rendering:pixelated}.char-name{font-size:0.64rem;font-weight:700;color:var(--text-dim);text-align:center;line-height:1.3;white-space:pre-line}.char-card.active .char-name{color:var(--accent)}.speed-opts,.time-opts{display:grid;grid-template-columns:repeat(6, 1fr);gap:7px}.speed-btn,.time-btn{background:rgba(255, 255, 255, 0.04);border:1px solid rgba(255, 255, 255, 0.10);border-radius:11px;padding:8px 2px;cursor:pointer;transition:all 0.18s;text-align:center;color:var(--text-main);font-family:'Orbitron', sans-serif;font-size:0.88rem;font-weight:700}.speed-btn small,.time-btn small{display:block;font-family:'Noto Sans TC', sans-serif;font-size:0.5rem;color:var(--text-dim);font-weight:600;margin-top:2px}.speed-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(0, 212, 170, 0.06)}.speed-btn.active{border-color:var(--accent);background:linear-gradient(135deg, rgba(0, 212, 170, 0.18), rgba(124, 58, 237, 0.12));color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.time-btn:hover{border-color:#7c3aed;color:#a78bfa;background:rgba(124, 58, 237, 0.06)}.time-btn.active{border-color:#7c3aed;background:linear-gradient(135deg, rgba(124, 58, 237, 0.18), rgba(0, 212, 170, 0.08));color:#a78bfa;box-shadow:0 0 10px var(--accent2-glow)}.sound-opts{display:flex;gap:8px;flex-wrap:wrap}.sound-btn{background:rgba(255, 255, 255, 0.04);border:1px solid rgba(255, 255, 255, 0.10);border-radius:9px;padding:6px 11px;cursor:pointer;transition:all 0.18s;color:var(--text-dim);font-size:0.76rem;font-weight:700;white-space:nowrap}.sound-btn:hover{border-color:rgba(255, 255, 255, 0.25);color:var(--text-main)}.sound-btn.active{border-color:var(--accent);background:rgba(0, 212, 170, 0.08);color:var(--accent)}.btn-start-run{width:100%;font-family:'Orbitron', sans-serif;font-size:1.05rem;flex-direction:column;font-weight:900;letter-spacing:2px;border:none;border-radius:14px;background:linear-gradient(135deg, #00d4aa 0%, #0ea5a0 50%, #7c3aed 100%);color:#fff;cursor:pointer;box-shadow:0 6px 28px rgba(0, 212, 170, 0.4);transition:transform 0.15s, box-shadow 0.15s;position:relative;overflow:hidden}.btn-start-run:hover{transform:translateY(-2px);box-shadow:0 10px 38px rgba(0, 212, 170, 0.5)}.btn-start-run:active{transform:translateY(0)}.home-bottom{position:fixed;bottom:0;left:0;right:0;padding:0px 0px 10px 0px;background:rgba(6, 11, 20, 0.92);backdrop-filter:blur(18px);border-top:1px solid var(--panel-border);z-index:50;max-width:480px;margin:0 auto}#screen-countdown,#screen-running,#screen-result{background:var(--bg-deep)}.running-content{width:420px;margin:0 auto;padding:10px;display:flex;flex-direction:column;gap:10px;flex:1}.run-stage{height:315px;border:1px solid var(--panel-border);border-radius:24px;padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden;transition:box-shadow 0.08s ease}.stage-header{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:28;position:relative}.stage-header-item{font-family:'Orbitron', sans-serif;font-size:1rem;font-weight:700;color:rgba(255, 255, 255, 0.55);display:flex;flex-direction:column;;gap:1px;width:33%}.stage-header-item.left{align-items:flex-start}.stage-header-item.right{align-items:flex-end}.stage-header-item .sh-lbl{font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim)}.stage-header-item .sh-val{font-size:1rem;font-weight:700;color:#fff}.stage-header-item.right .sh-lbl{letter-spacing:3px}.stage-header-item.left .sh-val{letter-spacing:3px}.stage-bg{position:absolute;inset:0;border-radius:inherit;image-rendering:pixelated;z-index:1;opacity:0;transition:opacity 0.5s ease;pointer-events:none;background-size:calc(var(--stage-height) * 4) var(--stage-height);background-repeat:repeat-x;background-position:0 bottom;background-image:url('img/bg/0101.png')}.stage-bg.visible{opacity:0.7}.stage-bg.scrolling{animation:stageBgScroll 12s linear infinite !important}@keyframes stageBgScroll{from{background-position:0 bottom}to{background-position:calc(var(--stage-height) * -4) bottom}}.countdown-number{font-family:'Orbitron', sans-serif;font-size:4.4rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 24px rgba(124, 58, 237, 0.7);animation:cdPulse 1s ease-in-out;z-index:10;position:relative}@keyframes cdPulse{0%{transform:scale(1.35);opacity:0.3}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}.countdown-label{font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:3px}.beat-pulse-row{display:flex;gap:10px;align-items:center;justify-content:center;z-index:10;position:relative}.beat-pulse-dot{width:11px;height:11px;border-radius:50%;background:rgba(255, 255, 255, 0.5);border:1px solid rgba(255, 255, 255, 0.5);transition:background 0.06s, transform 0.06s, box-shadow 0.06s}.beat-pulse-dot.lit{background:var(--accent);transform:scale(1.6);box-shadow:0 0 10px var(--accent-glow)}.beat-pulse-dot.lit-accent{background:var(--accent2);transform:scale(1.9);box-shadow:0 0 16px var(--accent2-glow)}.run-displays{display:grid;grid-template-columns:1fr 1fr}.run-disp-box{padding:0px;text-align:center}.run-disp-box .val{font-family:'Orbitron', sans-serif;font-size:2.4rem;font-weight:900;line-height:1;display:block}.run-disp-box .lbl{font-size:0.58rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.bpm-box .val{color:var(--accent)}.timer-box .val{color:#a78bfa}.tip-box{background:rgba(0, 212, 170, 0.06);border:1px solid rgba(0, 212, 170, 0.18);border-radius:14px;padding:10px 13px;display:flex;gap:9px;align-items:flex-start}.tip-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}.tip-text{font-size:0.76rem;color:var(--text-main);line-height:1.55;font-weight:500;transition:opacity 0.4s ease}.tip-label{font-size:0.65rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:3px}.run-controls{display:flex;gap:10px}.btn-run-ctrl{flex:1;padding:14px 10px;border:none;border-radius:13px;font-family:'Noto Sans TC', sans-serif;font-size:0.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all 0.18s}.btn-pause{background:rgba(245, 158, 11, 0.12);border:1px solid rgba(245, 158, 11, 0.35);color:#fbbf24}.btn-pause:hover{background:rgba(245, 158, 11, 0.22)}.btn-stop{background:rgba(239, 68, 68, 0.10);border:1px solid rgba(239, 68, 68, 0.30);color:#f87171}.btn-stop:hover{background:rgba(239, 68, 68, 0.20)}.speed-ribbon{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 13px;background:rgba(0, 212, 170, 0.06);border:1px solid rgba(0, 212, 170, 0.15);border-radius:50px;font-size:0.75rem;font-weight:700;color:var(--accent)}.speed-ribbon .bv{font-family:'Orbitron', sans-serif;font-size:0.92rem;font-weight:900}.paused-overlay{position:absolute;inset:0;background:rgba(6, 11, 20, 0.75);backdrop-filter:blur(4px);border-radius:inherit;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--text-dim);opacity:0;pointer-events:none;transition:opacity 0.3s;z-index:25}.paused-overlay.show{opacity:0.75}.audio-mute-overlay{position:absolute;inset:0;background:rgba(6, 11, 20, 0.45);backdrop-filter:blur(2px);border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:40;opacity:0;visibility:hidden;pointer-events:auto;cursor:pointer;transition:opacity 0.35s ease, visibility 0.35s ease}.audio-mute-overlay.show{opacity:1;visibility:visible}.mute-icon-badge{background:rgba(15, 23, 42, 0.92);border:1px solid rgba(0, 212, 170, 0.55);border-radius:50px;padding:10px 22px;color:#ffffff;display:flex;align-items:center;gap:9px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.45), 0 0 20px rgba(0, 212, 170, 0.35);animation:muteBadgePulse 1.8s ease-in-out infinite;user-select:none}.mute-icon-badge i{font-size:1.4rem;color:var(--accent)}.mute-icon-badge span{font-size:0.88rem;font-weight:700;letter-spacing:1px;color:var(--text-main)}@keyframes muteBadgePulse{0%,100%{transform:scale(1);box-shadow:0 8px 32px rgba(0, 0, 0, 0.45), 0 0 20px rgba(0, 212, 170, 0.35)}50%{transform:scale(1.05);box-shadow:0 12px 40px rgba(0, 0, 0, 0.55), 0 0 30px rgba(0, 212, 170, 0.6)}}.stage-training-toast{position:absolute;top:32%;left:50%;width:150%;text-align:center;transform:translate(-50%, -50%) scale(0.85);padding:8px;background:rgba(6, 11, 20, 0.55);backdrop-filter:blur(5px);color:var(--accent);font-family:'Noto Sans TC', sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:2px;pointer-events:none;opacity:0;z-index:35;white-space:nowrap;text-shadow:0 0 18px currentColor}.stage-training-toast.show-toast{animation:stageToastPop 1.35s cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes stageToastPop{0%{opacity:0;transform:translate(-50%, -42%) scale(0.75);filter:blur(4px)}5%{opacity:1;transform:translate(-50%, -50%) scale(1.06);filter:blur(0px)}10%{transform:translate(-50%, -50%) scale(1.0)}90%{opacity:1;transform:translate(-50%, -50%) scale(1.0);filter:blur(0px)}100%{opacity:0;transform:translate(-50%, -58%) scale(0.92);filter:blur(3px)}}#screen-result{background:var(--bg-deep)}.result-trophy{font-size:1.8rem;filter:drop-shadow(0 0 10px rgba(0, 212, 170, 0.5))}.result-title{font-family:'Noto Sans TC', sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent);text-shadow:0 0 10px var(--accent-glow);z-index:10;position:relative}.result-actions{gap:12px;width:100%}.btn-result{flex:1;padding:15px;border-radius:15px;font-size:0.88rem;font-weight:700;cursor:pointer;border:none;transition:all 0.18s}.btn-result-home{background:rgba(0, 212, 170, 0.10);border:1px solid rgba(0, 212, 170, 0.28);color:var(--accent)}.btn-result-home:hover{background:rgba(0, 212, 170, 0.20)}.btn-result-record{background:rgba(124, 58, 237, 0.10);border:1px solid rgba(124, 58, 237, 0.28);color:#a78bfa}.particle{position:fixed;border-radius:50%;pointer-events:none;animation:pFly 0.7s ease-out forwards;z-index:500}@keyframes pFly{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0.2) translateY(-55px)}}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.confetti-piece{position:absolute;animation:cFall linear forwards}@keyframes cFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(110vh) rotate(720deg);opacity:0}}#main-char-canvas{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);z-index:10;image-rendering:pixelated}.stage-char-nav{position:absolute;bottom:5%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255, 255, 255, 0.4);border:1px solid rgba(255, 255, 255, 0.2);color:#008800;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:30;transition:all 0.2s ease;backdrop-filter:blur(4px)}.stage-char-nav:hover{background:rgba(255, 255, 255, 0.6);color:#005500;border-color:rgba(0, 212, 170, 0.4);box-shadow:0 0 8px rgba(0, 212, 170, 0.25)}.stage-char-nav:active{transform:translateY(-50%) scale(0.88)}.stage-char-nav.prev{left:-10px}.stage-char-nav.next{right:-10px}.stage-bg-nav{position:absolute;top:0;width:48px;height:36px;background:linear-gradient(135deg, rgba(15, 23, 42, 0.5), rgba(30, 58, 138, 0.4));backdrop-filter:blur(6px);border:0px;color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;z-index:30;transition:all 0.25s ease}.stage-bg-nav.prev{left:0;border-radius:20px 0 16px 0;clip-path:polygon(0 0, 100% 0, 72% 100%, 0 100%);padding-right:8px}.stage-bg-nav.next{right:0;border-radius:0 20px 0 16px;clip-path:polygon(0 0, 100% 0, 100% 100%, 28% 100%);padding-left:8px}.stage-bg-nav:hover{background:linear-gradient(135deg, rgba(14, 165, 233, 0.9), rgba(30, 58, 138, 0.95));color:#ffffff;border-color:rgba(56, 189, 248, 0.8);box-shadow:0 0 14px rgba(56, 189, 248, 0.5)}.stage-bg-nav i{transition:transform 0.2s ease}.stage-bg-nav.prev:hover i{transform:translateX(-2px)}.stage-bg-nav.next:hover i{transform:translateX(2px)}.stage-bg-nav.prev:active{transform:translateX(-6px) scale(0.92);box-shadow:-4px 0 16px rgba(56, 189, 248, 0.6)}.stage-bg-nav.prev:active i{transform:translateX(-4px)}.stage-bg-nav.next:active{transform:translateX(6px) scale(0.92);box-shadow:4px 0 16px rgba(56, 189, 248, 0.6)}.stage-bg-nav.next:active i{transform:translateX(4px)}.stage-bg.bg-slide-next{animation:bgSlideNext 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards}.stage-bg.bg-slide-prev{animation:bgSlidePrev 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes bgSlideNext{0%{opacity:0.15;transform:translateX(100%);filter:blur(4px)}65%{filter:blur(0px)}100%{opacity:1;transform:translateX(0);filter:blur(0px)}}@keyframes bgSlidePrev{0%{opacity:0.15;transform:translateX(-100%);filter:blur(4px)}65%{filter:blur(0px)}100%{opacity:1;transform:translateX(0);filter:blur(0px)}}.stage-char-container{position:absolute;bottom:0px;left:0;right:0;display:flex;align-items:flex-end;justify-content:center;height:100%;z-index:10}#main-char-canvas{width:var(--char-active-size) !important;height:var(--char-active-size) !important;display:none}.action-group{width:100%;display:none}.char-carousel-wrapper{width:100%;overflow:hidden;position:relative;height:100%;display:flex;align-items:flex-end;justify-content:flex-start;z-index:10;cursor:grab;padding-bottom:4px}.char-carousel-wrapper:active{cursor:grabbing}.char-carousel-track{display:flex;align-items:flex-end;transition:transform 0.45s cubic-bezier(0.25, 1, 0.5, 1);will-change:transform}.char-carousel-item{flex-shrink:0;width:128px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease;opacity:0.35;transform:scale(0.55);transform-origin:bottom center;user-select:none;position:relative}.char-carousel-item.active{opacity:1;transform:scale(1);transform-origin:bottom center;align-items:center;margin-bottom:-4px}.char-carousel-item canvas{width:var(--char-active-size) !important;height:var(--char-active-size) !important;image-rendering:pixelated;display:block;position:relative !important;bottom:auto !important}.char-carousel-name{font-size:0.5rem;font-weight:500;z-index:1040;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);padding:2px 3px;color:#FFF;text-align:center;white-space:nowrap;pointer-events:none;background-color:#000;line-height:1.1}.char-carousel-item.active .char-carousel-name{font-size:0.7rem;font-weight:700}.message-panel{width:100%;z-index:10}.msg-group{width:100%}.param-selector{display:flex;align-items:center;justify-content:space-between;background:rgba(255, 255, 255, 0.95);border:1px solid rgba(255, 255, 255, 0.9);border-radius:16px;padding:8px 10px;box-shadow:0 4px 15px rgba(0, 0, 0, 0.12);transition:all 0.2s cubic-bezier(0.25, 1, 0.5, 1);user-select:none;height:72px}.param-selector:hover{border-color:#10b981;background:#ffffff;box-shadow:0 8px 18px rgba(16, 185, 129, 0.2)}.param-btn{background:rgba(15, 23, 42, 0.1);border:1px solid rgba(15, 23, 42, 0.2);border-radius:10px;color:#0f172a;font-size:1rem;padding:3px 7px;cursor:pointer;transition:all 0.18s ease;display:flex;align-items:center;justify-content:center}.param-btn:hover{background:#10b981;color:#ffffff;border-color:#10b981}.param-btn:active{transform:scale(0.9)}.param-label-group{text-align:center;flex-grow:1;min-width:0}.param-val{font-family:'Orbitron', sans-serif;font-size:1rem;font-weight:700;color:#0f172a;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.param-val small{font-family:'Noto Sans TC', sans-serif;font-size:0.60rem;font-weight:500;color:#64748b;margin-left:3px}.param-name{font-size:0.7rem;font-weight:700;letter-spacing:0.5px;color:#64748b;margin-top:2px;text-transform:uppercase}.param-selector.param-clickable{cursor:pointer;transition:all 0.2s cubic-bezier(0.25, 1, 0.5, 1)}.param-selector.param-clickable:hover{border-color:#10b981;background:#ffffff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(16, 185, 129, 0.22)}.param-selector.param-clickable:active{transform:translateY(0)}.btn-home-action{border-radius:14px;font-size:0.72rem;font-weight:700;background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);color:#FFFFFF;transition:all 0.2s ease;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0}.btn-home-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16, 185, 129, 0.25)}.btn-home-action i{font-size:1.25rem;transition:transform 0.2s}.btn-home-action:hover i{transform:scale(1.15)}.btn-start-run{background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);border-radius:14px;font-family:'Orbitron', sans-serif;font-weight:900;font-size:1.05rem;color:#ffffff;transition:all 0.2s ease;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0}.btn-start-run:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(16, 185, 129, 0.55)}.btn-start-run:active{transform:translateY(0)}.home-bottom .btn{border-radius:14px !important;color:#FFFFFF !important}.glass-modal{border:1px solid rgba(0, 0, 0, 0.08) !important;backdrop-filter:blur(25px) !important;border-radius:20px !important;box-shadow:0 20px 50px rgba(0, 0, 0, 0.25) !important}.glass-modal .modal-header,.glass-modal .modal-footer{border-color:rgba(0, 0, 0, 0.06) !important}.glass-modal .btn-close{filter:none}#msg-group-countdown{border-radius:20px;padding:18px 14px}#msg-group-countdown .countdown-number{font-family:'Orbitron', sans-serif;font-size:4.4rem;font-weight:900;line-height:1;background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}#msg-group-countdown .countdown-label{font-weight:800;letter-spacing:2px}#msg-group-running .tip-box{background:rgba(255, 255, 255, 0.95);border:1px solid rgba(16, 185, 129, 0.3);border-radius:18px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;box-shadow:0 4px 18px rgba(0, 0, 0, 0.12)}#msg-group-running .tip-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}#msg-group-running .tip-label{font-size:0.65rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#059669;margin-bottom:3px}#msg-group-running .tip-text{font-size:0.82rem;color:#0f172a;line-height:1.5;font-weight:700}#msg-group-result{background:rgba(255, 255, 255, 0.95);border-radius:20px;padding:10px;box-shadow:0 4px 18px rgba(0, 0, 0, 0.12)}#msg-group-result .result-title{font-family:'Noto Sans TC', sans-serif;font-size:1.15rem;font-weight:900;color:#059669 !important;text-shadow:none;margin-bottom:12px}#msg-group-result .result-actions{padding:0px;color:#0f172a;font-size:0.85rem;font-weight:700}#msg-group-result .result-actions .val{font-family:'Orbitron', sans-serif;font-weight:900;color:#10b981;font-size:1.05rem}#msg-group-result .run-disp-box{padding:0px;text-align:center}#msg-group-result .run-disp-box .val{font-family:'Orbitron', sans-serif;font-size:2.2rem;font-weight:900;line-height:1;color:#d97706}#msg-group-result .run-disp-box .lbl{font-size:0.6rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#64748b;margin-top:4px}.btn-pause{background:rgba(255, 255, 255, 0.95);border:2px solid #f59e0b;color:#d97706;font-weight:800;box-shadow:0 4px 15px rgba(245, 158, 11, 0.2)}.btn-pause:hover{background:#f59e0b;color:#ffffff;box-shadow:0 6px 20px rgba(245, 158, 11, 0.4)}.btn-stop{background:rgba(255, 255, 255, 0.95);border:2px solid #ef4444;color:#dc2626;font-weight:800;box-shadow:0 4px 15px rgba(239, 68, 68, 0.2)}.btn-stop:hover{background:#ef4444;color:#ffffff;box-shadow:0 6px 20px rgba(239, 68, 68, 0.4)}.btn-restart{background:rgba(16, 185, 129, 0.12) !important;border:1px solid rgba(16, 185, 129, 0.35) !important;color:#10b981 !important;box-shadow:none !important}.btn-restart:hover{background:rgba(16, 185, 129, 0.22) !important;color:#10b981 !important;transform:none !important}.btn-result-home{background:rgba(255, 255, 255, 0.95);border:2px solid #10b981;color:#059669;font-weight:800;box-shadow:0 4px 15px rgba(16, 185, 129, 0.2)}.btn-result-home:hover{background:#10b981;color:#ffffff;box-shadow:0 6px 20px rgba(16, 185, 129, 0.4)}.btn-result-history{background:rgba(255, 255, 255, 0.95);border:2px solid #8b5cf6;color:#7c3aed;font-weight:800;box-shadow:0 4px 15px rgba(139, 92, 246, 0.2)}.btn-result-history:hover{background:#8b5cf6;color:#ffffff;box-shadow:0 6px 20px rgba(139, 92, 246, 0.4)}.pie-countdown-wrap{padding-top:10px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:38px;height:38px}.pie-countdown-chart{width:36px;height:36px;border-radius:50%;background:conic-gradient(#00d4aa var(--pie-pct, 100%), rgba(255, 255, 255, 0.22) 0);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(0, 212, 170, 0.45);transition:background 0.4s ease;padding:3px}.pie-countdown-inner{width:100%;height:100%;border-radius:50%;background:#0f172a;color:#ffffff;font-family:'Orbitron', sans-serif;font-size:0.65rem;font-weight:400;display:flex;align-items:center;justify-content:center;line-height:1}#history-list-container .card{transition:transform 0.15s ease}#history-list-container .card:hover{transform:translateY(-1px)}.pwa-install-toast{position:fixed;top:32px;left:50%;transform:translateX(-50%) translateY(-140%);width:calc(100% - 32px);max-width:440px;background:rgba(15, 23, 42, 0.94);border:1px solid rgba(26, 163, 255, 0.45);backdrop-filter:blur(12px);border-radius:16px;padding:8px 10px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(26, 163, 255, 0.25);z-index:1050;transition:transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.45s ease;opacity:0;pointer-events:none}.pwa-install-toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.pwa-toast-close{position:absolute;top:3px;right:5px;font-size:0.85rem;font-weight:800;opacity:0.65;transition:opacity 0.15s ease;z-index:2}.pwa-toast-close:hover{opacity:1}.pwa-toast-body{display:flex;align-items:center;gap:12px}.pwa-toast-icon{width:36px;height:36px;padding:0px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-toast-content{flex:1;min-width:0}.pwa-toast-title{font-size:0.92rem;font-weight:700;color:var(--text-main);line-height:1.2;white-space:nowrap;margin-bottom:4px;padding-right:20px}.pwa-toast-row2{display:flex;align-items:center;justify-content:space-between;gap:8px}.pwa-toast-desc{font-size:0.72rem;color:var(--text-dim);line-height:1.25;margin:0}.btn-accent{background-color:var(--accent) !important;color:#ffffff !important;border:none !important;box-shadow:0 0 12px rgba(26, 163, 255, 0.4);white-space:nowrap;font-size:0.78rem;padding:4px 14px;transition:transform 0.15s ease, filter 0.15s ease}.btn-accent:hover,.btn-accent:active{transform:scale(1.03);filter:brightness(1.1)}#history-screen{display:none;position:fixed;inset:0;z-index:1045;background:var(--bg-deep, #1e293b);flex-direction:column;overflow:hidden;padding-top:60px}#history-screen.show{display:flex}.hist-cal-nav{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#1e293b;flex-shrink:0}.hist-nav-btn{border-radius:8px;line-height:1.2;border-color:rgba(255, 255, 255, 0.25);color:#e2e8f0}.hist-nav-btn:hover,.hist-nav-btn:active{background:rgba(255, 255, 255, 0.15);color:#fff}.hist-year-select,.hist-month-select{flex:1;border-radius:8px;border:1px solid rgba(255, 255, 255, 0.18);background:rgba(255, 255, 255, 0.1);color:#fff;font-weight:600}.hist-year-select:focus,.hist-month-select:focus{outline:none;box-shadow:0 0 0 2px rgba(96, 165, 250, 0.5);background:rgba(255, 255, 255, 0.18)}.hist-year-select option,.hist-month-select option{background:#1e293b;color:#e2e8f0}.hist-cal-wrap{flex-shrink:0;padding:6px 4px 4px;background:#f1f5f9}.hist-cal-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.cal-weekday{text-align:center;font-size:0.65rem;font-weight:700;color:#4c557b;padding:4px 0;background:#89b6f0;border-radius:4px;user-select:none}.cal-weekday--weekend{color:#dc2626}.cal-cell{background:#fff;border:1px solid rgba(0, 0, 0, 0.07);border-radius:6px;min-height:54px;padding:3px 3px 2px;cursor:pointer;transition:box-shadow 0.12s, transform 0.12s;display:flex;flex-direction:column;gap:1px;position:relative;overflow:hidden}.cal-cell:active{transform:scale(0.96);box-shadow:1px 1px 0px 1.5px var(--accent)}.cal-cell--empty{background:transparent !important;border:none;cursor:default;pointer-events:none}.cal-cell--weekend{background:rgba(249, 199, 244, 0.5)}.cal-cell--selected{box-shadow:1px 1px 0px 1.5px var(--accent)}.cal-cell--fail{background:rgba(156, 163, 175, 0.30) !important}.cal-cell--lv1{background:rgba(254, 240, 138, 0.75) !important}.cal-cell--lv2{background:rgba(187, 247, 208, 0.75) !important}.cal-cell--lv3{background:rgba(186, 230, 253, 0.75) !important}.cal-cell--lv4{background:rgba(233, 213, 255, 0.75) !important}.cal-cell--lv5{background:rgba(254, 215, 170, 0.75) !important}.cal-cell--lv6{background:rgba(254, 202, 202, 0.80) !important}.cal-cell-top{display:flex;align-items:center;justify-content:space-between;width:100%;line-height:1;border-radius:4px;padding:1px 2px}.cal-cell-top--today{background:rgba(0, 0, 0, 0.6) !important}.cal-date-num{font-size:0.72rem;font-weight:700;color:#334155;line-height:1.1}.cal-cell--weekend .cal-date-num{color:#dc2626}.cal-cell-top--today .cal-date-num{color:#ffffff !important;font-weight:900}.cal-cell-top--today .cal-dot{background:#ffffff !important}.cal-dots{display:flex;gap:2px;align-items:center;justify-content:flex-end;min-height:6px}.cal-dot{width:6px;height:6px;border-radius:50%;background:#7c3aed;flex-shrink:0}.cal-info{font-size:0.65rem;color:#475569;line-height:1.2;word-break:keep-all;overflow:hidden;text-align:right;margin-top:auto}.cal-info .cal-bpm{color:#0369a1;font-weight:500}.hist-day-detail{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-top:2px solid #e2e8f0;padding:10px 12px 80px;margin-top:2px}.hist-day-title{font-size:0.85rem;font-weight:700;color:#1e293b;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid #e2e8f0}#history-list-container .card{background:rgba(248, 250, 252, 0.98) !important;color:#1e293b !important}.hist-no-record{text-align:center;padding:6px 0px 0px 0px;color:#94a3b8;font-size:1.5rem}.hist-sync-toast{position:fixed;bottom:64px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(30, 41, 59, 0.95);color:#38bdf8;border:1px solid rgba(56, 189, 248, 0.3);padding:8px 18px;border-radius:20px;font-size:0.82rem;font-weight:700;box-shadow:0 4px 15px rgba(0, 0, 0, 0.35);opacity:0;pointer-events:none;transition:opacity 0.25s ease, transform 0.25s ease;z-index:1070;white-space:nowrap}.hist-sync-toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.hist-bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;padding:8px 10px;background:#1e293b;border-top:1px solid rgba(255, 255, 255, 0.1);z-index:1060}.hist-bottom-btn{flex:1;font-size:0.8rem;font-weight:700;border-radius:10px;padding:16px 4px}@media (max-width:480px){#main-char-canvas{width:192px;height:192px}.running-content,.home-content{width:420px}.run-stage{height:315px;border-radius:20px;padding:12px;gap:6px}.run-stage::after{border-radius:0 0 20px 20px}.stage-bg{background-size:1260px 315px}@keyframes stageBgScroll{from{background-position:0 bottom}to{background-position:-1260px bottom}}.run-disp-box{padding:0px}.run-disp-box .val{font-size:1.9rem}.btn-run-ctrl{font-size:0.95rem;padding:15px 10px}.speed-opts,.time-opts{grid-template-columns:repeat(3, 1fr)}.home-content{padding:10px}.countdown-number{font-size:4.4rem}.tip-text{font-size:0.72rem}.stage-char-container,.char-carousel-wrapper{height:320px}.char-carousel-item{width:128px;height:128px}.char-carousel-item canvas{width:128px;height:128px}.param-selector{height:72px}}@media (max-width:420px){:root{--char-active-size:192px;--stage-height:315px}.running-content,.home-content{width:400px}.run-stage{height:var(--stage-height)}.param-selector{height:68px}}@media (max-width:400px){:root{--char-active-size:172px;--stage-height:285px}.running-content,.home-content{width:380px}.run-stage{height:var(--stage-height)}.param-selector{height:64px}}@media (max-width:380px){:root{--char-active-size:160px;--stage-height:270px}.running-content,.home-content{width:350px}.run-stage{height:var(--stage-height)}.cal-cell{min-height:44px;padding:2px 2px 1px}.cal-date-num{font-size:0.65rem}.cal-dot{width:5px;height:5px}.cal-info{font-size:0.55rem}.param-selector{height:60px}}@media (max-width:325px){:root{--char-active-size:128px;--stage-height:240px}.running-content,.home-content{width:320px;padding:5px 0px}.message-panel{padding:0px 10px}.run-stage{height:var(--stage-height)}.cal-cell{min-height:40px}.hist-cal-nav{padding:6px 8px}.param-selector{height:54px}.modal-header{padding:10px 15px}}.stage-training-toast.burn-fat{background:rgba(127, 29, 29, 0.25) !important;border:0px !important;color:#ff4d4d !important}.cal-dot.dot-incomplete{background-color:#9ca3af !important}.cal-dot.dot-completed{background-color:#00ff40 !important}.cal-dot.dot-burn{background-color:#ff7676 !important;box-shadow:0 0 6px rgba(255, 114, 114, 0.8) !important}.shared-selectors-disabled{pointer-events:none !important;opacity:0.55 !important;user-select:none !important}#msg-group-countdown{border-radius:20px;padding:18px 14px;text-align:center}.countdown-number{font-family:'Orbitron', sans-serif;font-size:4.5rem;font-weight:900;line-height:1;color:#10b981;background:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(16, 185, 129, 0.45);display:inline-block;animation:cdPulse 1s ease-in-out}.countdown-label{font-size:1.1rem;font-weight:800;letter-spacing:2px;color:#38bdf8}@keyframes cdPulse{0%{transform:scale(1.4);opacity:0.3}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}