:root{--color-bg:#f7f8fa;--color-card-bg:#ffffff;--color-text-primary:#1c1c1c;--color-text-secondary:#4a4a4a;--color-border:#d1d1d1;--color-success:#4caf7c;--color-error:#e27c7c;--color-warning:#f0b36d;--color-info:#5c9ede;--color-accent:#7c7caa}:root.dark{--color-bg:#1e1e22;--color-card-bg:#2c2c34;--color-text-primary:#f2f2f2;--color-text-secondary:#c0c0c0;--color-border:#444455;--color-success:#4caf7c;--color-error:#e27c7c;--color-warning:#f0b36d;--color-info:#5c9ede;--color-accent:#7c7caa}:root{--event-color-1:#7c7caa;--event-color-2:#5c9ede;--event-color-3:#4caf7c;--event-color-4:#f0b36d;--event-color-5:#e27c7c;--event-color-6:#a7a7a7;--event-color-7:#c093c1;--event-color-8:#6fa4a4;--event-color-9:#d4a679;--event-color-10:#8da0cb}:root.dark{--event-color-1:#9c9ccf;--event-color-2:#7fb0ff;--event-color-3:#6fd8a0;--event-color-4:#f4c080;--event-color-5:#f28c8c;--event-color-6:#bbbbbb;--event-color-7:#c8aad3;--event-color-8:#80bebe;--event-color-9:#e0b37f;--event-color-10:#a0b0d8}body{background-color:var(--color-bg);color:var(--color-text-primary)}:root{--color-primary:#2f2c666c;--color-primary-light:#818cf8;--color-primary-dark:#3730a3;--color-neutral-light:#f3f4f6;--color-neutral-medium:#9ca3af;--color-neutral-dark:#374151;--color-error:#dc2626;--color-white:#ffffff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--font-family:"Inter",sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:18px;--font-weight-regular:400;--font-weight-bold:600;--radius:16px}.input{font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--space-sm);border:1.5px solid var(--color-neutral-medium);border-radius:var(--radius);transition:border-color .2s ease;width:100%;box-sizing:border-box}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.3)}.input::placeholder{color:var(--color-neutral-medium)}.test-page{flex-direction:column}.test-header,.test-page{padding:1rem;display:flex;gap:1rem;border:1px dashed gray}.test-header{justify-content:space-between;align-items:center;flex-wrap:wrap}.test-grid{display:grid;grid-gap:1rem;gap:1rem;padding:1rem;border:1px dashed gray}@media (min-width:1400px){.test-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1000px) and (max-width:1399px){.test-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:700px) and (max-width:999px){.test-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:699px){.test-grid{grid-template-columns:1fr}}.test-grid-cell{border:1px dashed gray;padding:1rem;min-height:100px;box-sizing:border-box}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.BottomMenu_bottomMenu__nAijK{position:fixed;bottom:0;left:0;width:100%;background:var(--color-card-bg);display:flex;justify-content:space-between;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;height:5vh}.BottomMenu_rotatedLeft__yMzXL{transform:rotate(-90deg)}.BottomMenu_rotatedRight__hdSrQ{transform:rotate(90deg)}.BottomMenu_backdrop__qEznn{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1500;animation:BottomMenu_fadeIn__UDt4A .3s ease forwards}.BottomMenu_sideMenu__lMw1B{position:fixed;top:0;right:-260px;height:100%;width:250px;background:var(--color-card-bg);padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s ease;transform:translateX(0);z-index:1999}.BottomMenu_sideMenu__lMw1B.BottomMenu_open__J113_{transform:translateX(-260px)}@keyframes BottomMenu_fadeIn__UDt4A{0%{opacity:0}to{opacity:1}}