#root{max-width:1280px;margin:0 auto;text-align:center}.app-container{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:1.5rem 5vw;box-sizing:border-box}@media(max-width:768px){.app-container{padding:1rem 1.5rem}}.app-main-content{display:flex;flex-direction:column;align-items:center;gap:4rem;width:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 .5rem;box-sizing:border-box}.top-bar-row-1{margin-bottom:1rem}.top-bar-row-2{margin-bottom:3rem}.logo-link{text-decoration:none;color:inherit;font-weight:700;font-size:1.8rem;font-family:var(--font-display);letter-spacing:-.01em;display:flex;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer;margin-left:.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.logo-link:hover{transform:scale(1.02)}.action-group{display:flex;gap:12px;align-items:center;margin-right:.5rem}.footer-container{margin-top:auto;padding-top:3rem;padding-bottom:1rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.5;font-size:.8rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.footer-link-btn{background:none;border:none;padding:0;color:inherit;cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit;transition:all .2s ease}.footer-link-btn:hover{background:var(--text);color:var(--bg)}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-logo{font-size:2.5rem;font-weight:800;color:#38bdf8;margin-bottom:1rem;opacity:.8}.loading-subtext{padding:4px 24px;font-size:.9rem;opacity:.5;border-radius:20px}:root{--bg: #F4F4F4;--text: #1A1A1A;--border: #1A1A1A;--glass-bg: rgba(244, 244, 244, .6);--glass-border: rgba(26, 26, 26, .2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}body.dark{--bg: #1A1A1A;--text: #F4F4F4;--border: #F4F4F4;--glass-bg: rgba(26, 26, 26, .6);--glass-border: rgba(244, 244, 244, .2);color-scheme:dark}@media(prefers-color-scheme:dark){body:not(.light){--bg: #1A1A1A;--text: #F4F4F4;--border: #F4F4F4;--glass-bg: rgba(26, 26, 26, .6);--glass-border: rgba(244, 244, 244, .2);color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);line-height:1.5;overflow-x:hidden;overflow-y:auto}*{box-shadow:none!important}button,input,textarea,select{font-family:inherit;color:inherit;background:var(--glass-bg);border:1px solid var(--border);padding:.5rem 1rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}button:hover{background:var(--text);color:var(--bg)}button:disabled{opacity:.5;cursor:not-allowed}input:focus,textarea:focus{outline:none;border-width:2px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{transform:translateY(-2px) scale(1.01);background:#ffffffd1;box-shadow:0 10px 20px #0000000d;color:var(--text)}body.dark .glass-panel:hover{background:#282828d9;box-shadow:0 10px 20px #00000080;color:var(--text)}@media(prefers-color-scheme:dark){body:not(.light) .glass-panel:hover{background:#282828d9;box-shadow:0 10px 20px #00000080;color:var(--text)}}.fullscreen-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:2rem 0}.timer-text{font-size:clamp(3.5rem,12vw,8rem);font-weight:800;color:var(--text);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;transition:color .3s;width:100%;max-width:100vw;box-sizing:border-box}.timer-text.overdue{animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.gold-particle{position:fixed;width:6px;height:6px;background:radial-gradient(circle,gold,#b8860b);border-radius:50%;pointer-events:none;z-index:10000;animation:explode 3s cubic-bezier(.16,1,.3,1) forwards}@keyframes explode{0%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0) rotate(360deg);opacity:0}}#root{width:100%;height:100%}.sidebar-region{background:transparent;border-radius:8px;border:1px solid var(--glass-border)}.sidebar-item{border-radius:8px;transition:all .2s ease;background:transparent;border:1px solid var(--glass-border);cursor:pointer}.sidebar-item:hover,.sidebar-badge{background:#80808026}body.dark .sidebar-item:hover{background:#ffffff1f}@media(prefers-color-scheme:dark){body:not(.light) .sidebar-item:hover{background:#ffffff1f}}