:root{--font-pixel:"Pixelify Sans", monospace;--font-code:"Source Code Pro", monospace;--font-hand:"Architects Daughter", cursive;--font-sans:system-ui, -apple-system, sans-serif;--bg-main:#f0e9d6;--bg-surface:#c99b6e;--bg-elevated:#d4b888;--bg-card:#ede0c4;--bg-modal:#f5eedc;--bg-overlay:#00000073;--border-color:#b8935a;--border-input:#c0a06a;--border-error:#c0392b;--border-focus:#7a5c3a;--text-main:#3d2b1a;--text-muted:#6b5543;--text-light:#8c7055;--text-inverted:#f5eedc;--text-success:#2d6a4f;--text-error:#c0392b;--text-warning:#b45309;--text-attribute:#22c55e;--accent:#8b4513;--accent-hover:#6b3510;--accent-light:#8b45131f;--accent-border:#8b451366;--btn-primary-bg:#7a4528;--btn-primary-text:#f5eedc;--btn-primary-hover:#5e3318;--btn-secondary-bg:transparent;--btn-secondary-border:#b8935a;--success-bg:#2d6a4f1f;--success-border:#2d6a4f66;--error-bg:#c0392b1a;--error-border:#c0392b80;--shadow-sm:0 2px 6px #3d2b1a1f;--shadow-md:0 4px 16px #3d2b1a2e;--shadow-lg:0 8px 32px #3d2b1a40;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--color-bg-app:#fefae0;--color-bg-modal:#fefae0;--color-bg-form:#fff;--color-bg-accent:lightgray;--color-card-1:#2d6a4f;--color-card-2:#7a2e2e;--color-card-3:#c4873a;--color-card-4:#1b4d5c;--color-badge-open-bg:#16a34a;--color-badge-active-bg:var(--text-error);--color-badge-cancelled-bg:#666;--color-badge-expired-bg:#92400e;--color-badge-text:var(--text-inverted);--color-text-light:var(--text-inverted);--color-text-dark:var(--text-main);--dsh-btn-color-bg:#283618;--dsh-btn-text-color:#fefae0;--color-btn-primary:#dda15e;--color-coin:#d4a017;--color-danger:var(--text-error);--border-pixel:3px solid var(--text-main);--border-card:2px solid var(--text-main);--shadow-pixel:4px 4px 0px var(--text-main);--card-width:160px;--card-height:220px;--card-radius:8px;--font-display:var(--font-pixel);--font-body:var(--font-code)}.dark-mode,[data-theme=dark]{--bg-main:#201a14ce;--bg-surface:#241e18;--bg-elevated:#2e2720;--bg-card:#2a2218;--bg-modal:#201a14;--bg-overlay:#000000a6;--border-color:#4a3d2e;--border-input:#5a4a35;--border-error:#e55c4a;--border-focus:#c9a96e;--text-main:#f0e0c0;--text-muted:#a89070;--text-light:#7a6855;--text-inverted:#e7e7e7;--text-success:#4ade80;--text-error:#f87171;--text-warning:#fbbf24;--accent:#c9a96e;--accent-hover:#d4b888;--accent-light:#c9a96e26;--accent-border:#c9a96e66;--btn-primary-bg:#c9a96e;--btn-primary-text:#1a1510;--btn-primary-hover:#d4b888;--btn-secondary-bg:transparent;--btn-secondary-border:#4a3d2e;--success-bg:#4ade801a;--success-border:#4ade8059;--error-bg:#f871711a;--error-border:#f8717166;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 32px #0009;--color-bg-form:var(--bg-modal);--color-bg-modal:var(--bg-modal);--color-text-dark:var(--text-main);--color-text-light:var(--text-inverted);--color-btn-primary:var(--accent);--color-danger:var(--text-error);--border-card:2px solid var(--border-color);--shadow-pixel:4px 4px 0px var(--text-main)}.user-menu-wrapper{position:relative}.user-icon-btn{border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;width:38px;height:38px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.user-icon-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.user-icon-btn img{object-fit:cover;width:100%;height:100%}.user-icon-placeholder{font-size:18px;line-height:1}.user-dropdown{background:var(--bg-modal);border:1.5px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:500;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-dropdown-item{width:100%;font-family:var(--font-code);color:var(--text-main);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.user-dropdown-item:hover{background:var(--accent-light)}.user-dropdown-item.danger{color:var(--text-error)}.user-dropdown-item.danger:hover{background:var(--error-bg)}.user-dropdown-divider{background:var(--border-color);height:1px;margin:0}.profile-modal .modal-box{max-width:440px;position:relative}.profile-avatar-section{flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-avatar-wrapper{cursor:pointer;width:96px;height:96px;position:relative}.profile-avatar-img{border-radius:var(--radius-full);border:3px solid var(--border-color);object-fit:cover;width:96px;height:96px}.profile-avatar-overlay{border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast);background:#0006;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-username{font-family:var(--font-pixel);color:var(--text-main);font-size:1.3rem}.profile-petname{font-family:var(--font-hand);color:var(--text-muted);font-size:1rem}.profile-stats{border-top:1px solid var(--border-color);gap:12px;padding-top:16px;display:flex}.profile-bubble-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-bubble{background:var(--bg-modal);border:2px solid var(--success-border);color:var(--text-success);border-radius:var(--radius-lg);font-family:var(--font-code);box-shadow:var(--shadow-md);letter-spacing:.2px;padding:12px 18px;font-size:12px}.stat-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.stat-label{font-family:var(--font-code);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:10px;font-weight:600;line-height:1.3}.stat-bar-container{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:flex-end;width:100%;height:60px;display:flex;overflow:hidden}.stat-bar{background:var(--accent);width:100%;transition:height var(--transition-slow);border-radius:0;min-height:49px}.stat-value{font-family:var(--font-pixel);color:var(--text-inverted);font-size:1.1rem}.settings-panel-wrapper{z-index:400;pointer-events:none;position:fixed;inset:0}.settings-panel-backdrop{background:var(--bg-overlay);pointer-events:all;position:absolute;inset:0}.settings-panel{background:var(--bg-elevated);border-right:1.5px solid var(--border-color);width:300px;height:100%;box-shadow:var(--shadow-lg);pointer-events:all;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.settings-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.settings-title{font-family:var(--font-pixel);color:var(--text-main);font-size:1.2rem}.settings-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:18px}.settings-close:hover{background:var(--accent-light);color:var(--text-main)}.settings-list{flex-direction:column;padding:12px 0;display:flex}.settings-item{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.settings-item:hover{background:var(--accent-light)}.settings-item-left{flex-direction:column;gap:2px;display:flex}.settings-item-label{font-family:var(--font-code);color:var(--text-main);font-size:14px;font-weight:600}.settings-item-desc{font-family:var(--font-code);color:var(--text-muted);font-size:11px}.settings-item-arrow{color:var(--text-muted);font-size:14px}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-base);position:absolute;inset:0}.toggle-slider:before{content:"";border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--transition-base);background:#fff;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.mini-modal-overlay{background:var(--bg-overlay);z-index:600;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mini-modal-box{background:var(--bg-modal);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px;display:flex}.mini-modal-title{font-family:var(--font-pixel);color:var(--text-main);margin-bottom:4px;font-size:1.1rem}.pomo-modal{background:var(--bg-modal);border:2px solid var(--border-color);border-radius:var(--radius-xl);width:76vw;min-width:320px;max-width:1100px;height:78vh;min-height:520px;max-height:840px;box-shadow:var(--shadow-lg);--pomo-primary:var(--btn-primary-bg);--pomo-on-primary:var(--btn-primary-text);--pomo-track-bg:color-mix(in srgb, var(--bg-modal) 90%, var(--pomo-primary));--pomo-tab-focus:var(--border-error);--pomo-tab-short:color-mix(in srgb, var(--bg-elevated) 78%, var(--text-success));--pomo-tab-long:color-mix(in srgb, var(--bg-elevated) 78%, var(--accent));flex-direction:column;justify-content:center;align-items:center;padding:28px 26px;display:flex;position:relative;overflow:hidden}@media (width<=600px){.pomo-modal{width:95vw;height:auto;min-height:unset;justify-content:flex-start;max-height:95vh;padding:20px 16px 24px;overflow-y:auto}.pomo-exit-btn{padding:6px 12px;font-size:12px;top:12px;left:12px}.pomo-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;margin-bottom:20px}.pomo-tab{letter-spacing:1px;width:auto;min-width:90px;padding:8px 10px;font-size:12px}.pomo-time-display{letter-spacing:6px;font-size:clamp(3.5rem,18vw,5rem)}.pomo-timer-wrapper{gap:12px;margin-bottom:16px}.pomo-start-btn{padding:14px 40px;font-size:1.1rem}.pomo-pause-btn{padding:10px 24px;font-size:.85rem}.pomo-progress-section{padding:0 8px}.pomo-track-wrapper{height:60px}.pomo-bubble{max-width:300px;padding:24px 20px}.pomo-confirm-buttons .pomo-pause-btn,.pomo-confirm-buttons .pomo-start-btn{width:180px}}@media (width>=601px) and (width<=959px){.pomo-modal{width:88vw;height:auto;min-height:unset;max-height:90vh;padding:24px 20px;overflow-y:auto}.pomo-tabs{gap:12px;margin-bottom:24px}.pomo-tab{width:130px;padding:10px 14px;font-size:14px}.pomo-time-display{font-size:clamp(4rem,12vw,6rem)}.pomo-start-btn{padding:16px 56px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-code);background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-base), color var(--transition-base);font-size:15px;line-height:1.6}button{cursor:pointer}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-pixel);color:var(--text-main);margin:0;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.8rem}h3{font-size:1.3rem}p{margin:0}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.gf-input{background:var(--bg-modal);border:1.5px solid var(--border-input);border-radius:var(--radius-sm);width:100%;font-family:var(--font-code);color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.gf-input::placeholder{color:var(--text-light)}.gf-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-light)}.gf-input.error{border-color:var(--border-error);box-shadow:0 0 0 3px var(--error-bg)}.gf-btn{border-radius:var(--radius-sm);font-family:var(--font-pixel);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);letter-spacing:.5px;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;display:inline-flex}.gf-btn:active{transform:scale(.97)}.gf-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.gf-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.gf-btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-sm)}.gf-btn-ghost{color:var(--accent);border:1.5px solid var(--btn-secondary-border);background:0 0}.gf-btn-ghost:hover:not(:disabled){background:var(--accent-light)}.field-group{flex-direction:column;gap:5px;display:flex}.field-label{font-family:var(--font-code);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.field-error{color:var(--text-error);font-size:12px;font-family:var(--font-code)}.field-hint{color:var(--text-light);font-size:11px;font-family:var(--font-code);line-height:1.4}.msg-success{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--text-success);font-family:var(--font-code);padding:10px 14px;font-size:13px;font-weight:500}.msg-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);color:var(--text-error);font-family:var(--font-code);padding:10px 14px;font-size:13px}.modal-overlay{background:var(--bg-overlay);z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-modal);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;padding:32px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-main);background:var(--accent-light)}.modal-title{font-family:var(--font-pixel);color:var(--text-main);text-align:center;margin-bottom:20px;font-size:1.4rem}@media (width<=480px){.modal-overlay{align-items:flex-end;padding:12px}.modal-box{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92vh;padding:24px 20px}.modal-title{font-size:1.2rem}}@media (width<=375px){.modal-box{padding:20px 16px}.modal-title{font-size:1.1rem}}@media (width<=320px){.modal-overlay{padding:8px}.modal-box{padding:16px 12px}}.landing-page{width:100%;min-height:100vh;display:flex;overflow:hidden}.landing-left{background:var(--bg-main);flex-direction:column;flex:1;justify-content:space-between;min-height:100vh;padding:40px 48px;display:flex;position:relative}.landing-logo{flex-direction:column;gap:4px;display:flex}.landing-logo-title{font-family:var(--font-pixel);color:var(--text-main);letter-spacing:2px;font-size:2rem;line-height:1}.landing-logo-sub{font-family:var(--font-hand);color:var(--text-muted);font-size:1rem}.landing-preview{flex:1;justify-content:center;align-items:center;width:100%;padding:32px 0;display:flex}.landing-preview-img{border-radius:var(--radius-lg);width:100%;max-width:none;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);object-fit:cover;aspect-ratio:auto}.landing-tagline{font-family:var(--font-hand);color:var(--text-muted);text-align:center;font-size:1.05rem;line-height:1.6}.landing-right{background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;width:440px;min-width:380px;padding:48px 40px;display:flex;position:relative}.landing-right .welcome-header{text-align:center;margin-bottom:28px}.welcome-title{font-family:var(--font-pixel);color:var(--text-inverted);letter-spacing:3px;font-size:1.8rem}.welcome-subtitle{font-family:var(--font-pixel);color:#f5eedcbf;letter-spacing:2px;margin-top:4px;font-size:1rem}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-form .field-group .field-label{color:#f5eedccc}.login-form .gf-input{color:var(--text-inverted);background:#f5eedc26;border-color:#f5eedc4d}.login-form .gf-input::placeholder{color:#f5eedc73}.login-form .gf-input:focus{border-color:#f5eedcb3;box-shadow:0 0 0 3px #f5eedc1f}.login-form .gf-input.error{border-color:var(--text-error);box-shadow:0 0 0 3px #ff8a8033}.input-wrapper{position:relative}.input-wrapper .gf-input{padding-right:44px}.input-eye-btn{cursor:pointer;color:#f5eedc99;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-eye-btn:hover{color:var(--text-inverted)}.forgot-link{color:#f5eedcb3;text-align:right;cursor:pointer;transition:color var(--transition-fast);font-size:12px;font-family:var(--font-code);background:0 0;border:none;padding:0;text-decoration:underline}.forgot-link:hover{color:var(--text-inverted)}.login-btn{background:var(--text-main);width:100%;color:var(--bg-surface);font-family:var(--font-pixel);letter-spacing:2px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);border:none;padding:12px;font-size:1rem}.login-btn:hover:not(:disabled){background:#2a1a0a;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.login-error{color:var(--text-error);font-size:12px;font-family:var(--font-code);text-align:center}.landing-signup-row{color:#f5eedcb3;font-size:13px;font-family:var(--font-code);text-align:center;margin-top:16px}.landing-signup-row button{color:var(--text-inverted);font-family:var(--font-code);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.landing-signup-row button:hover{opacity:.8}@media (width>=1440px){.landing-left{padding:48px 64px}.landing-logo-title{font-size:2.4rem}.landing-preview-img{max-width:600px}.landing-tagline{font-size:1.15rem}.landing-right{width:500px;padding:56px 48px}.welcome-title{font-size:2rem}}@media (width>=1920px){.landing-left{padding:56px 80px}.landing-logo-title{font-size:2.8rem}.landing-preview-img{max-width:720px}.landing-tagline{font-size:1.25rem}.landing-right{width:560px;padding:64px 56px}.welcome-title{font-size:2.2rem}}@media (width<=1024px){.landing-right{width:380px;min-width:320px;padding:40px 32px}}@media (width<=860px){.landing-page{flex-direction:column}.landing-left{min-height:auto;padding:32px 24px}.landing-preview-img{max-width:320px}.landing-right{width:100%;min-width:unset;padding:40px 32px}}@media (width<=767px){.landing-preview{display:none}.landing-left{justify-content:center;gap:12px;padding:24px 20px}.landing-tagline{font-size:.95rem}.landing-right{padding:32px 24px}}@media (width<=480px){.landing-left{display:none}.landing-right{justify-content:center;min-height:100vh;padding:48px 20px}}@media (width<=375px){.landing-right{padding:40px 16px}.welcome-title{font-size:1.4rem}.welcome-subtitle{font-size:.85rem}}@media (width<=320px){.landing-right{padding:32px 12px}.welcome-title{font-size:1.2rem}}.task-modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay--no-bg{background:0 0}.modal-overlay--pass-through{pointer-events:none;background:0 0}.modal-overlay--pass-through .modal-container{pointer-events:auto}.task-modal-container{background:var(--color-bg-modal);border:var(--border-pixel);width:80vw;max-width:900px;height:90vh;box-shadow:var(--shadow-pixel);flex-direction:column;display:flex}.task-modal-header{border-bottom:var(--border-card);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.task-modal-tabs{gap:6px;display:flex}.task-modal-tab{font-family:var(--font-display);border:var(--border-card);background:var(--color-btn-primary);color:var(--color-text-dark);padding:6px 10px;font-size:12px}.task-modal-tab:hover{background:#0000000f}.task-modal-tab--active{background:var(--color-btn-primary);box-shadow:var(--shadow-pixel)}.task-modal-close{color:var(--color-text-dark);background:0 0;border:none;font-size:18px;line-height:1}.task-modal-close:hover{color:var(--color-danger)}.task-modal-description{font-family:var(--font-body);color:var(--color-text-dark);padding:10px 20px 0;font-size:16px}.task-modal-body{flex:1;padding:16px 20px;overflow-y:auto}@media (width<=1024px){.task-modal-container{width:92vw;max-width:100%;height:92vh}.task-modal-description{padding:8px 16px 0;font-size:14px}.task-modal-body{padding:12px 16px}}@media (width<=480px){.task-modal-container{width:100%;max-width:100vw;height:100dvh;box-shadow:none;border-bottom:none;border-left:none;border-right:none;overflow-x:hidden}.task-modal-header{flex-wrap:wrap;gap:6px;padding:10px 12px}.task-modal-tabs{flex-wrap:wrap;gap:4px}.task-modal-tab{padding:5px 8px;font-size:13px}.task-modal-description{padding:6px 12px 0;font-size:12px}.task-modal-body{padding:10px 8px;overflow-x:hidden}.task-modal-help-box{width:calc(100% - 32px);max-width:calc(100% - 32px);padding:16px}}.modal-container.modal--slide-left{border-right:var(--border-pixel);width:500px;max-width:none;height:70vh;box-shadow:var(--shadow-pixel);animation:.32s ease-out forwards slideInFromLeft;position:fixed;top:50%;left:0;transform:translate(-100%,-50%)}@keyframes slideInFromLeft{0%{transform:translate(-100%,-50%)}to{transform:translateY(-50%)}}@keyframes slideOutToLeft{0%{transform:translateY(-50%)}to{transform:translate(-100%,-50%)}}.modal-container.modal--slide-left.modal--closing{animation:.32s ease-in forwards slideOutToLeft}.modal-body--store{padding:12px}.task-modal-help-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-modal-help-box{background:var(--color-bg-form);border:var(--border-pixel);width:340px;box-shadow:var(--shadow-pixel);flex-direction:column;gap:14px;padding:24px;display:flex}.task-modal-help-title{font-family:var(--font-display);color:var(--color-text-dark);text-align:center;font-size:14px;text-decoration:underline}.task-modal-help-list{font-family:var(--font-body);color:var(--color-text-dark);flex-direction:column;gap:6px;padding-left:18px;font-size:16px;display:flex}.task-modal-help-close{font-family:var(--font-display);background:var(--color-btn-primary);border:var(--border-pixel);box-shadow:var(--shadow-pixel);color:var(--color-text-dark);align-self:flex-end;padding:8px 14px;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.task-loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.task-loading-icon{width:28px;height:28px;animation:1.2s linear infinite spin;display:inline-block}.task-loading-title{font-family:var(--font-body);color:var(--color-text-dark);font-size:14px;font-weight:700}.task-loading-sub{font-family:var(--font-body);color:var(--color-text-dark);opacity:.6;font-size:12px}.task-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.task-error-icon{font-size:32px}.task-error-title{font-family:var(--font-display);color:var(--color-text-dark);font-size:16px}.task-error-msg{font-family:var(--font-body);color:var(--color-text-dark);opacity:.6;font-size:13px}.task-error-retry{font-family:var(--font-display);background:var(--color-btn-primary);border:var(--border-pixel);box-shadow:var(--shadow-pixel);color:var(--color-text-dark);margin-top:8px;padding:8px 16px;font-size:12px}.task-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:60px 20px;display:flex}.task-empty-title{font-family:var(--font-display);color:var(--color-text-dark);font-size:16px}.task-empty-sub{font-family:var(--font-body);color:var(--color-text-dark);opacity:.6;max-width:280px;font-size:13px}.task-empty-nav-btns{gap:8px;margin-top:12px;display:flex}.task-empty-nav-btn{font-family:var(--font-display);background:var(--color-btn-primary);border:var(--border-pixel);box-shadow:var(--shadow-pixel);color:var(--color-text-dark);cursor:pointer;padding:6px 14px;font-size:12px}.task-empty-nav-btn:hover{opacity:.85}.task-empty-create-btn{font-family:var(--font-display);background:var(--color-btn-primary);border:var(--border-pixel);width:40px;height:40px;box-shadow:var(--shadow-pixel);color:var(--color-text-dark);justify-content:center;align-items:center;margin-top:8px;font-size:20px;display:flex}.subtab-row{align-items:center;gap:4px;display:flex}.subtab-btn{font-family:var(--font-display);border:var(--border-pixel);background:var(--color-bg-form);color:var(--color-text-dark);box-shadow:var(--shadow-pixel);opacity:.5;padding:6px 16px;font-size:12px}.subtab-btn--active{opacity:1;background:var(--color-btn-primary);color:var(--color-text-light);box-shadow:0 0 8px 2px var(--color-btn-primary)}.mytask-toolbar-row{justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:relative}.quest-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:60px 20px;display:flex}.quest-empty-title{font-family:var(--font-display);color:var(--color-text-dark);font-size:16px}.quest-empty-sub{font-family:var(--font-body);color:var(--color-text-dark);opacity:.6;max-width:280px;font-size:13px}.mode-hint{font-family:var(--font-body);color:red;white-space:nowrap;margin-bottom:0;font-size:14px}@media (width<=1024px){.subtab-btn{padding:5px 12px;font-size:11px}.mytask-toolbar-row{flex-wrap:wrap;gap:8px}}@media (width<=480px){.subtab-row{flex-wrap:wrap;gap:4px}.subtab-btn{padding:5px 10px;font-size:13px}.mytask-toolbar-row{flex-direction:column;align-items:flex-start;gap:6px}.mode-hint{white-space:normal;font-size:11px}}.toolbar{justify-content:flex-end;margin-bottom:16px;margin-right:48px;display:flex}.toolbar-controls{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.toolbar-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar-select{font-family:var(--font-display);border:var(--border-pixel);background:var(--color-bg-form);color:var(--color-text-dark);cursor:pointer;box-shadow:var(--shadow-pixel);padding:6px 8px;font-size:12px}.toolbar-select option,.toolbar-select optgroup{font-size:12px;font-family:var(--font-display)}.toolbar-select:focus{outline:none}.toolbar-select optgroup{color:#fefae0;background-color:#2d6a4f;font-style:normal}.toolbar-select option{color:#1a1a1a;background-color:#fefae0}.toolbar-btn{font-family:var(--font-display);border:var(--border-pixel);box-shadow:var(--shadow-pixel);background:var(--color-btn-primary);color:var(--color-text-dark);padding:6px 10px;font-size:12px;transition:opacity .15s}.toolbar-btn:hover{opacity:.85}.toolbar-btn--edit.toolbar-btn--active{background:var(--color-coin);box-shadow:0 0 10px 3px var(--color-coin)}.toolbar-btn--delete.toolbar-btn--active{background:var(--color-danger);color:var(--color-text-light);box-shadow:0 0 10px 3px var(--color-danger)}.toolbar-btn--help{background:var(--color-btn-primary);padding:6px 12px}.toolbar-btn--reset{background:var(--color-bg-form);color:var(--color-danger);border-color:var(--color-danger);padding:4px 7px;font-size:10px;line-height:1}.toolbar-btn--reset:hover{background:var(--color-danger);color:var(--color-text-light);opacity:1}.toolbar-select--active{border-color:var(--color-coin);box-shadow:0 0 6px 1px var(--color-coin)}.toolbar-btn--org{color:#fff;opacity:.5;background:#4a6fa5;border-color:#3a5f95}.toolbar-btn--org-active{opacity:1;box-shadow:0 0 10px 3px #4a6fa5}.toolbar-btn--act{color:#fff;opacity:.5;background:#7b5ea7;border-color:#6b4e97}.toolbar-btn--act-active{opacity:1;box-shadow:0 0 10px 3px #7b5ea7}.toolbar-btn--p2p{color:#fff;opacity:.5;background:#1a5eb8;border-color:#1249a0}.toolbar-btn--p2p-active{opacity:1;box-shadow:0 0 10px 3px #1a5eb8}.toolbar-btn--status-active{color:#fff;opacity:.5;background:#2e7d32;border-color:#1b5e20}.toolbar-btn--status-active-on{opacity:1;box-shadow:0 0 10px 3px #2e7d32}.toolbar-btn--status-submitted{color:#fff;opacity:.5;background:#f57c00;border-color:#e65100}.toolbar-btn--status-submitted-on{opacity:1;box-shadow:0 0 10px 3px #f57c00}.toolbar-btn--status-disputed{color:#fff;opacity:.5;background:#c62828;border-color:#b71c1c}.toolbar-btn--status-disputed-on{opacity:1;box-shadow:0 0 10px 3px #c62828}.toolbar-btn--comm{color:#fff;opacity:.5;background:#6d28d9;border-color:#5b21b6}.toolbar-btn--comm-active{opacity:1;box-shadow:0 0 10px 3px #6d28d9}@media (width<=1024px){.toolbar{max-width:100%;margin-right:24px;overflow:visible}.toolbar-controls{max-width:100%}.toolbar-row{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.toolbar-select{text-overflow:ellipsis;width:auto;max-width:130px;font-size:11px;overflow:hidden}.toolbar-select option,.toolbar-select optgroup{font-size:11px}}@media (width<=480px){.toolbar{justify-content:flex-start;max-width:100%;margin-bottom:12px;margin-right:0}.toolbar-controls{align-items:flex-start;width:100%}.toolbar-row{flex-wrap:wrap;justify-content:flex-start;gap:6px;width:100%}.toolbar-select,.toolbar-btn{padding:5px 7px;font-size:13px}.toolbar-select{text-overflow:ellipsis;width:auto;max-width:120px;overflow:hidden}.toolbar-select option,.toolbar-select optgroup{font-size:13px}}.task-card-wrapper{width:var(--card-width);height:var(--card-height);perspective:1000px}@media (width<=480px){.task-card-wrapper{width:100%}}.task-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.task-card-inner.flipped{transform:rotateY(180deg)}.task-card-face{backface-visibility:hidden;border-radius:var(--card-radius);border:var(--border-card);flex-direction:column;gap:6px;width:100%;height:100%;padding:10px;display:flex;position:absolute;overflow:hidden}.task-card-back{transform:rotateY(180deg)}.task-card-header{justify-content:space-between;align-items:center;display:flex}.task-card-badges{align-items:center;gap:4px;display:flex}.task-card-close{color:var(--color-text-light);background:0 0;border:none;padding:2px 4px;font-size:12px;line-height:1}.task-card-close:hover{color:var(--color-danger)}.task-card-title{font-family:var(--font-body);color:var(--color-text-light);border-bottom:1px solid #ffffff4d;margin-top:4px;padding-bottom:6px;font-size:14px;line-height:1.5}.task-card-instructions{font-family:var(--font-body);color:var(--color-text-light);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.task-card-expired{font-family:var(--font-body);color:#ffffffa6;font-size:11px}.task-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.task-card-actions{align-items:center;gap:4px;display:flex}.task-card-btn{font-family:var(--font-display);background:var(--color-btn-primary);color:var(--color-text-dark);border:1px solid #1a1a1a;padding:4px 6px;font-size:12px}.task-card-btn:hover{opacity:.85}.task-card-btn--flip{color:var(--color-text-light);background:0 0;border:1px solid #fff6;padding:2px 5px;font-size:14px}.task-card-btn--accept,.task-card-btn--accepted{color:#fff;background:#4caf50;border-color:#2d6a2d}.task-card-btn--cancel,.task-card-btn--delete{background:var(--color-danger);color:#fff;border-color:#7f1d1d}.task-card-btn--report{color:#fff;background:#b45309;border-color:#78350f}.task-card-btn--confirm{color:#fff;background:#059669;border-color:#047857}.task-card-btn--dispute{color:#fff;background:#d97706;border-color:#b45309}.task-card-btn--reassign{color:#fff;background:#1a5eb8;border-color:#1e3a8a}.task-card-back-label{font-family:var(--font-display);color:var(--color-text-light);font-size:7px}.task-card-detail{font-family:var(--font-body);color:var(--color-text-light);flex-direction:column;gap:1px;font-size:14px;display:flex}.task-card-detail-label{color:#ffffffa6;font-size:11px}.task-card-objectives{padding-left:14px;font-size:13px;list-style:outside}.task-card-difficulty{border-radius:4px;padding:1px 6px;font-size:12px;display:inline-block}.task-card-difficulty--easy{color:#fff;background:#059669}.task-card-difficulty--medium{color:#fff;background:#b45309}.task-card-difficulty--hard{color:#fff;background:#dc2626}.task-card-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-card-expanded-wrapper{perspective:1000px;width:320px;height:440px}.task-card-small .task-card-instructions{-webkit-line-clamp:2;flex:none}.task-card-small{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);border:var(--border-card);flex-direction:column;gap:6px;padding:5px;display:flex;position:relative;overflow:hidden}.task-card-mode-overlay{border-radius:var(--card-radius);background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.task-card-overlay-btn{font-family:var(--font-display);border:var(--border-pixel);padding:8px 14px;font-size:12px}.task-card-overlay-btn--edit{background:var(--color-coin);color:var(--color-text-dark)}.task-card-overlay-btn--delete{background:var(--color-danger);color:var(--color-text-light);border:none;padding:8px 16px;font-size:24px}.task-card-confirm-text{font-family:var(--font-display);color:var(--color-text-light);text-align:center;font-size:12px;line-height:1.8}.task-card-confirm-actions{gap:8px;display:flex}.task-card-confirm-btn{font-family:var(--font-display);border:var(--border-pixel);padding:6px 12px;font-size:12px}.task-card-confirm-btn--yes{background:var(--color-danger);color:var(--color-text-light)}.task-card-confirm-btn--no{background:var(--color-bg-form);color:var(--color-text-dark)}.task-card-category{font-family:var(--font-code);text-transform:capitalize;letter-spacing:.5px;color:var(--color-text-light);border:1px solid #ffffff4d;border-radius:20px;width:fit-content;padding:4px 8px;font-size:14px;display:inline-block}.task-card-category--organization{background:#4a6fa5}.task-card-category--activity{background:#7b5ea7}.task-card-posted-by{font-family:var(--font-body);color:#ffffffd9;align-items:center;gap:3px;margin:0;font-size:11px;display:flex}.task-card-user-icon{object-fit:contain;width:11px;height:11px}.task-card-meta-group{flex-direction:column;gap:1px;display:flex}.task-card-assignee{font-family:var(--font-body);color:#ffffffd9;font-size:11px}.task-card-report-list{flex-direction:column;gap:6px;width:100%;padding:0 12px;display:flex}.task-card-report-item{font-family:var(--font-body);color:var(--color-text-light);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.task-card-report-item input[type=checkbox]{cursor:pointer;flex-shrink:0;width:14px;height:14px}.task-card-source-badge{font-family:var(--font-code);text-transform:capitalize;letter-spacing:.5px;color:var(--color-text-light);border:1px solid #ffffff4d;border-radius:20px;padding:2px 8px;font-size:14px}.task-card-source-badge--p2p{background:#1a5eb8}.task-card-source-badge--community{background:#6d28d9}.task-card-submitted-badge{font-family:var(--font-display);color:var(--color-text-light);background:#d97706;border:1px solid #ffffff4d;border-radius:20px;padding:4px 8px;font-size:10px}.task-card-waiting-text{color:#fff9;margin:0;font-size:10px;font-style:italic}.task-card-delete-modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-card-delete-modal{background:var(--color-bg-modal);border:var(--border-pixel);border-radius:var(--card-radius);flex-direction:column;align-items:center;gap:16px;min-width:240px;max-width:calc(100vw - 32px);padding:24px 32px;display:flex}.task-card-delete-modal-text{font-family:var(--font-display);color:var(--color-text-dark);text-align:center;margin:0;font-size:14px}.task-card-mode-overlay--locked{cursor:not-allowed;background:#501414bf;gap:6px}.task-card-locked-icon{font-size:22px;line-height:1}.task-card-locked-text{font-family:var(--font-display);color:#ffc8c8e6;text-align:center;font-size:11px}.task-card-accept-success{background:#1e6432eb;gap:4px;animation:.25s accept-success-in}@keyframes accept-success-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.task-card-accept-success-icon{color:#86efac;margin:0;font-size:40px;line-height:1}.task-card-accept-success-title{font-family:var(--font-display);color:#fff;margin:0;font-size:16px}.task-card-accept-success-sub{font-family:var(--font-body);color:#ffffffb3;margin:0;font-size:11px}.task-card-btn-tooltip-wrapper{display:inline-block;position:relative}.task-card-btn-tooltip-wrapper:after{content:attr(data-tooltip);color:#d4c9b0;font-family:var(--font-body);white-space:normal;text-align:center;pointer-events:none;opacity:0;z-index:20;background:#0d2a1af2;border:1px solid #2d5a3a;border-radius:4px;max-width:120px;padding:4px 8px;font-size:11px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.task-card-btn-tooltip-wrapper:hover:after{opacity:1}.task-card-toast{color:#d4c9b0;font-family:var(--font-body);white-space:nowrap;pointer-events:none;z-index:10;background:#0d2a1af2;border:1px solid #2d5a3a;border-radius:4px;padding:6px 10px;font-size:11px;animation:.2s toast-in;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.coin-badge{align-items:center;gap:4px;display:flex}.coin-badge-icon{width:1rem;height:1rem}.coin-badge-amount{font-family:var(--font-code);color:var(--color-text-light);font-size:14px}.status-badge{font-family:var(--font-code);text-transform:capitalize;letter-spacing:.5px;color:var(--color-text-light);border:1px solid #ffffff4d;border-radius:20px;padding:2px 8px;font-size:14px}.status-badge--open{background-color:var(--color-badge-open-bg)}.status-badge--active{background-color:var(--color-badge-active-bg)}.status-badge--cancelled{background-color:var(--color-badge-cancelled-bg)}.status-badge--expired{background-color:var(--color-badge-expired-bg)}.status-badge--rejected{color:#dc2626;background-color:#fff1f2}.status-badge--disputed{background-color:#dc2626}.status-badge--pending_review,.status-badge--pending_confirmation{background-color:#d97706}.status-badge--completed{background-color:#059669}.dispute-form-backdrop{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dispute-form{background:#0d2a1a;border:2px solid #2d5a3a;border-radius:8px;flex-direction:column;gap:10px;width:300px;max-width:calc(100vw - 32px);padding:20px;display:flex}.dispute-form-title{font-family:var(--font-display);color:#f5f0e8;letter-spacing:1px;margin:0;font-size:18px}.dispute-form-subtitle{font-family:var(--font-body);color:#d4c9b0;margin:0;font-size:11px}.dispute-form-reasons{flex-direction:column;gap:6px;display:flex}.dispute-form-reason{font-family:var(--font-body);color:#d4c9b0;cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.dispute-form-reason input[type=radio]{accent-color:#dc2626;cursor:pointer;flex-shrink:0;margin-top:2px}.dispute-form-textarea{color:#d4c9b0;font-family:var(--font-body);resize:none;box-sizing:border-box;background:#0a1f12;border:1px solid #2d5a3a;border-radius:4px;width:100%;padding:8px;font-size:12px}.dispute-form-textarea::placeholder{color:#d4c9b066}.dispute-form-textarea:focus{border-color:#4a8a5a;outline:none}.dispute-form-error{color:#e74c3c;font-size:11px;font-family:var(--font-code);margin:4px 0 8px}.dispute-form-actions{justify-content:flex-end;gap:8px;display:flex}.dispute-form-btn{font-family:var(--font-display);cursor:pointer;letter-spacing:.5px;border:none;border-radius:4px;padding:5px 14px;font-size:13px}.dispute-form-btn--submit{color:#fff;background:#dc2626}.dispute-form-btn--submit:disabled{opacity:.35;cursor:not-allowed}.dispute-form-btn--cancel{color:#d4c9b0;background:#1a3a2a;border:1px solid #2d5a3a}.dispute-form-btn--cancel:hover{background:#243f2e}.task-grid{grid-template-columns:repeat(4, var(--card-width));border:1px solid #1a1a1a59;gap:16px;width:fit-content;margin:0 auto;padding:16px;display:grid}@media (width<=1024px){.task-grid{grid-template-columns:repeat(3, var(--card-width));justify-content:center;width:100%}}@media (width<=767px){.task-grid{grid-template-columns:repeat(2, var(--card-width));justify-content:center;gap:12px;width:100%}}@media (width<=480px){.task-grid{grid-template-columns:repeat(1, var(--card-width));border:none;justify-content:center;gap:10px;width:100%;padding:10px 0}.task-grid-create-slot{width:var(--card-width);height:64px}}.task-grid-create-slot{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background:0 0;border:2px dashed #0000004d;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.task-grid-create-slot:hover{border-color:var(--color-text-dark);background:#0000000f}.task-grid-create-icon{color:#0000004d;font-size:40px;font-weight:300;line-height:1}.task-grid-create-slot:hover .task-grid-create-icon{color:var(--color-text-dark)}.form-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.form-container{background:var(--color-bg-form);border:var(--border-pixel);width:420px;max-width:calc(100vw - 16px);max-height:85vh;box-shadow:var(--shadow-pixel);flex-direction:column;display:flex}.form-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 26px;display:flex}.form-title{font-family:var(--font-display);color:var(--color-text-dark);font-size:16px}.form-close{color:var(--color-text-dark);background:0 0;border:none;font-size:16px;line-height:1}.form-close:hover{color:var(--color-danger)}.form-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-display);color:var(--color-text-dark);align-items:center;gap:6px;font-size:14px;display:flex}.form-input{font-family:var(--font-body);border:var(--border-card);background:var(--color-bg-form);color:var(--color-text-dark);width:100%;padding:6px 8px;font-size:16px}.form-input:focus{outline:2px solid var(--color-btn-primary)}.form-textarea{resize:vertical}.form-input--short{width:120px}.form-objective-row{align-items:center;gap:6px;display:flex}.form-objective-remove{color:var(--color-danger);background:0 0;border:none;flex-shrink:0;font-size:12px}.form-objective-add{font-family:var(--font-display);border:1px dashed var(--border-color);color:var(--color-text-dark);background:0 0;align-self:flex-start;padding:4px 8px;font-size:12px}.form-objective-add:hover{background:#0000000d}.form-reward-info{font-family:var(--font-body);color:var(--color-btn-primary);cursor:default;font-size:14px}.form-reward-note{font-family:var(--font-body);color:#888;font-size:13px;line-height:1.4}.form-footer{border-top:2px solid var(--border-color);justify-content:flex-end;padding:12px 20px;display:flex}.form-btn--submit{font-family:var(--font-display);background:var(--color-btn-primary);border:var(--border-pixel);box-shadow:var(--shadow-pixel);color:var(--color-text-dark);padding:8px 16px;font-size:14px}.form-btn--cancel{font-family:var(--font-display);border:var(--border-card);color:var(--color-text-dark);background:0 0;margin-right:10px;padding:8px 16px;font-size:14px}.form-btn--cancel:hover{background:#0000000d}.form-btn--submit:hover{opacity:.85}.form-input--error{border-color:var(--color-danger);outline:1px solid var(--color-danger)}.form-error{font-family:var(--font-body);color:var(--color-danger);font-size:14px}.form-type-row{gap:8px;display:flex}.form-type-btn{font-family:var(--font-display);border:var(--border-pixel);color:var(--color-text-dark);cursor:pointer;background:0 0;padding:6px 16px;font-size:13px}.form-type-btn:hover{background:#0000000d}.form-type-btn--active{background:var(--color-btn-primary);color:var(--color-text-light,#f5eedc)}.store-modal{flex-direction:column;gap:12px;display:flex;position:relative}.store-header{justify-content:space-between;align-items:center;display:flex}.store-title{font-family:var(--font-display);font-size:18px}.store-desc{font-family:var(--font-body);color:var(--color-text-dark);font-size:14px}.store-item{background:var(--color-bg-form);border:var(--border-pixel);flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.store-item-img{background:linear-gradient(#f5f5f5,#e9e9e9);border-radius:8px;width:80px;height:80px}.store-item-title{font-size:14px}.store-item-cost{color:var(--color-text-dark);font-size:12px}.store-item-buy{font-family:var(--font-display);border:var(--border-pixel);background:var(--color-btn-primary);padding:6px 10px;font-size:12px}.store-success{color:#2e7d32;margin:8px 0;font-size:.9rem}.store-error{color:#c62828;margin:8px 0;font-size:.9rem}.store-bubble-overlay{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.store-bubble{background:var(--bg-modal);border:2px solid var(--success-border);color:var(--text-success);border-radius:var(--radius-lg);font-family:var(--font-code);box-shadow:var(--shadow-md);letter-spacing:.2px;padding:12px 18px;font-size:12px}.store-bubble-error{color:#8a1f1f;background:#fff2f2;border-color:#d66}.store-overlay{z-index:110;background:#0000001a;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0}.store-panel{box-sizing:border-box;border-right:var(--border-pixel);width:min(420px,88vw);height:calc(100vh - 100px);box-shadow:var(--shadow-pixel);background:var(--color-bg-modal);z-index:120;padding:12px;animation:.32s ease-out forwards storeSlideIn;position:fixed;top:50%;left:0;overflow:hidden;transform:translate(-100%,-50%)}@keyframes storeSlideIn{0%{transform:translate(-100%,-50%)}to{transform:translateY(-50%)}}@keyframes storeSlideOut{0%{transform:translateY(-50%)}to{transform:translate(-100%,-50%)}}.store-panel.store--closing{animation:.32s ease-in forwards storeSlideOut}.store-modal{height:100%;overflow:auto}.store-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.store-grid>.item-card:nth-child(2n) .item-tooltip{left:auto;right:70%}.store-grid>.item-card:nth-child(2n) .item-tooltip:after{border-bottom-color:#141414f5;left:auto;right:10px}@media (width<=480px){.store-panel{width:92vw;height:calc(100vh - 80px);padding:10px}.store-grid{grid-template-columns:repeat(1,1fr);gap:8px}.store-item-img{width:64px;height:64px}}.item-card{background:var(--color-bg-form);border:var(--border-pixel);flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.item-image-wrap{background:linear-gradient(#f5f5f5,#e9e9e9);border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:visible}.item-image{object-fit:contain;cursor:pointer;border-radius:8px;width:100%;height:100%}.item-name{text-align:center;margin:0;font-size:14px}.item-cost{color:var(--color-text-dark);font-size:12px}.item-buy{font-family:var(--font-display);border:var(--border-pixel);background:var(--color-btn-primary);cursor:pointer;padding:6px 10px;font-size:12px}.item-buy:disabled{opacity:.6;cursor:not-allowed}.item-qty{background:#0000000f;border-radius:8px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;right:6px}.item-actions{justify-content:center;gap:4px;width:100%;margin-top:4px;display:flex}.item-buy{font-family:var(--font-display);border:var(--border-pixel);background:var(--color-btn-primary);cursor:pointer;white-space:nowrap;flex:1;padding:6px 4px;font-size:11px}.item-buy--secondary{background:#db9d5e}.item-card--store{padding:10px}.item-card--inventory{cursor:pointer;z-index:1;justify-content:center;height:72px;padding:8px;position:relative}.item-card--inventory.item-card--empty{opacity:1}.item-card--inventory.item-card--empty .item-image,.item-card--inventory.item-card--empty .item-qty{opacity:.55}.item-card--inventory:hover,.item-card--inventory:focus-within{z-index:20}.item-card--inventory .item-image-wrap{cursor:pointer;border-radius:6px;width:40px;height:40px}.item-tooltip{color:#f5f5f5;text-align:left;z-index:9999;opacity:0;visibility:hidden;pointer-events:none;background:#141414f5;border-radius:8px;min-width:170px;max-width:220px;padding:8px 10px;line-height:1.35;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:120%;left:70%;transform:translateY(-4px);box-shadow:0 10px 22px #0000004d}.item-tooltip:after{content:"";border:6px solid #0000;border-bottom-color:#141414f5;position:absolute;bottom:100%;left:10px;transform:none}.item-tooltip-name{margin-bottom:4px;font-size:12px;font-weight:700}.item-tooltip-line{font-size:11px}.item-image-wrap:hover .item-tooltip,.item-image-wrap:focus-within .item-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.attribute{color:var(--text-attribute);font-weight:700}@media (width<=480px){.item-card--store .item-image-wrap{width:64px;height:64px}.item-tooltip{border-radius:7px;min-width:126px;max-width:min(148px,100vw - 56px);padding:6px 8px;line-height:1.25}.item-tooltip-name{margin-bottom:3px;font-size:10px}.item-tooltip-line{font-size:9px}}.inventory-modal{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-direction:column;gap:10px;height:100%;min-height:0;padding-right:8px;display:flex;overflow:hidden auto}.inventory-header{justify-content:space-between;align-items:center;display:flex}.inventory-title{font-family:var(--font-display);font-size:16px}.inventory-desc{font-family:var(--font-body);color:var(--color-text-dark);font-size:13px}.inventory-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.inventory-slot-img{background:linear-gradient(#f5f5f5,#e9e9e9);border-radius:6px;width:40px;height:40px}.inventory-slot-badge{background:#0000000f;border-radius:8px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;right:6px}.inventory-wrapper{grid-template-columns:1fr;gap:1.5rem;min-height:0;display:grid}.inventory-section,.pet-collection-section{flex-direction:column;gap:8px;min-height:0;display:flex}.section-title{font-family:var(--font-display);margin:0;font-size:12px}.pets-scroll{min-height:0;max-height:276px;padding-right:6px;overflow-y:auto}.pets-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pet-slot{background:var(--color-bg-form);border:var(--border-pixel);justify-content:center;align-items:center;height:84px;display:flex;position:relative}.pet-slot-img{background:linear-gradient(#f5f5f5,#e9e9e9);border-radius:10px;width:64px;height:64px}.inventory-overlay{z-index:110;background:#0000001a;justify-content:flex-start;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.inventory-panel{border-right:var(--border-pixel);width:min(520px,92vw);height:auto;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-pixel);background:var(--color-bg-modal);box-sizing:border-box;z-index:120;flex-direction:column;gap:10px;padding:12px;animation:.32s ease-out forwards inventorySlideIn;display:flex;position:fixed;top:50%;left:0;overflow:hidden;transform:translate(-100%,-50%)}@keyframes inventorySlideIn{0%{transform:translate(-100%,-50%)}to{transform:translateY(-50%)}}@keyframes inventorySlideOut{0%{transform:translateY(-50%)}to{transform:translate(-100%,-50%)}}.inventory-panel.inventory--closing{animation:.32s ease-in forwards inventorySlideOut}@media (width<=420px){.inventory-overlay{justify-content:center}.inventory-panel{width:92vw;max-height:92vh;padding:10px;animation:.2s ease-out forwards inventoryFadeIn;top:50%;left:50%;transform:translate(-50%,-50%)}.inventory-panel.inventory--closing{animation:.2s ease-in forwards inventoryFadeOut}.inventory-grid{grid-template-columns:repeat(4,1fr)}.pets-grid{grid-template-columns:repeat(3,1fr)}}@keyframes inventoryFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes inventoryFadeOut{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.98)}}.feed-confirm-bubble{background:var(--surface-color,#fff);z-index:3000;text-align:center;border-radius:12px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.feed-confirm-content p{color:var(--text-color,#333);margin:0 0 16px}.feed-confirm-actions{justify-content:center;gap:12px;display:flex}.pet-tooltip-overlay{color:#f5f5f5;min-width:170px;max-width:210px;font-family:var(--font-code);z-index:1200;pointer-events:none;background:#171717f5;border-radius:8px;padding:7px 9px;font-size:.72rem;line-height:1.35;position:fixed;transform:translate(-50%,-12px);box-shadow:0 10px 22px #00000047}.pet-tooltip-overlay:after{content:"";border:6px solid #0000;border-top-color:#171717f5;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width<=768px){.inventory-overlay{justify-content:center;align-items:flex-start;overflow:hidden}.inventory-panel{left:12px;right:12px;top:max(16px, env(safe-area-inset-top));bottom:max(16px, env(safe-area-inset-bottom));box-sizing:border-box;width:auto;height:auto;max-height:none;padding:10px;position:fixed;overflow:hidden;animation:none!important;transform:none!important}.inventory-modal{-webkit-overflow-scrolling:touch;height:100%;min-height:0;padding-right:4px;overflow:hidden auto}.inventory-desc{font-size:12px;line-height:1.45}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pets-scroll{-webkit-overflow-scrolling:touch;max-height:260px;overflow-y:auto}.pets-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pet-slot{height:82px}}.pet-sprite-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.pet-sprite-img{object-fit:contain;will-change:transform;filter:drop-shadow(0 8px 24px #00000026);width:100%;height:100%;transition:filter .3s}.pet-sprite-wrapper:hover .pet-sprite-img{filter:drop-shadow(0 12px 32px #00000038)}.pet-shadow{pointer-events:none;z-index:-1;background:radial-gradient(#0000002e 0%,#0000 70%);border-radius:50%;width:55%;height:18px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes egg-idle{0%,to{transform:rotate(0)translateY(0)}15%{transform:rotate(2.5deg)translateY(-2px)}30%{transform:rotate(0)translateY(0)}45%{transform:rotate(-2.5deg)translateY(-2px)}60%{transform:rotate(0)translateY(0)}}.pet-sprite-img.stage-egg.anim-idle{animation:3.5s ease-in-out infinite egg-idle}.egg-shimmer{pointer-events:none;border-radius:50%;animation:4s ease-in-out infinite egg-shimmer-pulse;position:absolute;inset:0}@keyframes egg-shimmer-pulse{0%,to{box-shadow:inset 0 0 20px #ffffdc00}50%{box-shadow:inset 0 0 40px #ffffdc4d}}@keyframes kid-idle{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-10px)rotate(-2deg)}40%{transform:translateY(0)rotate(0)}60%{transform:translateY(-6px)rotate(1.5deg)}80%{transform:translateY(0)rotate(0)}}.pet-sprite-img.stage-kid.anim-idle{animation:2.8s ease-in-out infinite kid-idle}@keyframes adult-idle{0%,to{transform:translateY(0)scale(1)rotate(0)}25%{transform:translateY(-4px)scale(1.015)rotate(-1deg)}50%{transform:translateY(0)scale(1.03)rotate(0)}75%{transform:translateY(-4px)scale(1.015)rotate(1deg)}}.pet-sprite-img.stage-adult.anim-idle{animation:4s ease-in-out infinite adult-idle}@keyframes egg-click{0%{transform:rotate(0)}10%{transform:rotate(8deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}60%{transform:rotate(-4deg)}70%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}.pet-sprite-img.stage-egg.anim-clicked{animation:.6s ease-out egg-click}@keyframes kid-click{0%{transform:translateY(0)scale(1)}15%{transform:translateY(4px)scale(.95,1.05)}35%{transform:translateY(-35px)scale(1.05,.95)}55%{transform:translateY(0)scale(.97,1.03)}70%{transform:translateY(-12px)scale(1.02)}85%{transform:translateY(0)scale(.99,1.01)}to{transform:translateY(0)scale(1)}}.pet-sprite-img.stage-kid.anim-clicked{animation:.7s cubic-bezier(.22,1,.36,1) kid-click}@keyframes adult-click{0%{transform:translateY(0)rotate(0)scale(1)}20%{transform:translateY(-25px)rotate(15deg)scale(1.08)}50%{transform:translateY(-35px)rotate(0)scale(1.1)}70%{transform:translateY(-10px)rotate(-10deg)scale(1.05)}to{transform:translateY(0)rotate(0)scale(1)}}.pet-sprite-img.stage-adult.anim-clicked{animation:.8s cubic-bezier(.22,1,.36,1) adult-click}@keyframes feeding-chomp{0%{transform:scale(1)rotate(0)}15%{transform:scale(1.12)rotate(-3deg)}30%{transform:scale(.95)rotate(2deg)}45%{transform:scale(1.08)rotate(-2deg)}60%{transform:scale(.97)rotate(1deg)}75%{transform:scale(1.04)rotate(0)}to{transform:scale(1)rotate(0)}}.pet-sprite-img.anim-feeding{animation:1.2s ease-out feeding-chomp}@keyframes playing-wiggle{0%,to{transform:translateY(0)translate(0)rotate(0)}10%{transform:translateY(-15px)translate(-10px)rotate(-15deg)}20%{transform:translateY(0)translate(10px)rotate(15deg)}30%{transform:translateY(-12px)translate(-8px)rotate(-10deg)}40%{transform:translateY(0)translate(8px)rotate(10deg)}50%{transform:translateY(-8px)translate(-6px)rotate(-6deg)}60%{transform:translateY(0)translate(6px)rotate(6deg)}70%{transform:translateY(-4px)translate(-4px)rotate(-3deg)}80%{transform:translateY(0)translate(4px)rotate(3deg)}90%{transform:translateY(-2px)translate(0)rotate(0)}}.pet-sprite-img.anim-playing{animation:1.2s ease-out playing-wiggle}@keyframes celebrating-jump{0%,to{transform:translateY(0)rotate(0)scale(1)}10%{transform:translateY(-20px)rotate(-8deg)scale(1.05)}25%{transform:translateY(0)rotate(0)scale(.98)}35%{transform:translateY(-15px)rotate(6deg)scale(1.04)}50%{transform:translateY(0)rotate(0)scale(.99)}60%{transform:translateY(-8px)rotate(-4deg)scale(1.02)}75%{transform:translateY(0)rotate(0)scale(1)}}.pet-sprite-img.anim-celebrating{animation:1.2s cubic-bezier(.22,1,.36,1) celebrating-jump}@keyframes sad-droop{0%,to{transform:translateY(0)rotate(0)scale(1)}50%{transform:translateY(5px)rotate(-3deg)scale(.96)}}.pet-sprite-img.anim-sad{filter:saturate(.6)drop-shadow(0 8px 24px #00000026);animation:3s ease-in-out infinite sad-droop}@keyframes sleeping-nod{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(4px)rotate(-4deg)}}.pet-sprite-img.anim-sleeping{filter:brightness(.85)saturate(.7)drop-shadow(0 8px 24px #00000026);animation:4.5s ease-in-out infinite sleeping-nod}@keyframes evolve-glow-pulse{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 60px 20px #ffd70080}}.pet-sprite-img.anim-evolving{animation:1s ease-in-out infinite evolve-glow-pulse}.dashboard-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:1.5rem 2rem;display:flex}.dashboard-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.app-title{font-family:var(--font-pixel);color:var(--text-main);letter-spacing:1px;margin:0;font-size:1.8rem}.coin-display{background-color:var(--color-coin);border-radius:8px;padding:.75rem .875rem}.coin-display .coin-badge-amount{color:var(--color-text-dark);font-size:1rem}.profile-button{background-color:#0000;border:none}.profile-img{border-radius:50%;width:56px;height:56px}@media (width>=1024px) and (width<=1279px){.dashboard-header{padding:1rem 1.5rem}.app-title{font-size:1.45rem}.dashboard-nav{gap:.9rem}.profile-img{width:48px;height:48px}}@media (width>=481px) and (width<=1023px){.dashboard-header{gap:.5rem .75rem;padding:1rem 1.25rem}.app-title{font-size:1.45rem}.dashboard-nav{gap:.75rem}.profile-img{width:48px;height:48px}}@media (width<=480px){.dashboard-header{justify-content:center;gap:.4rem .75rem;padding:.75rem 1rem}.app-title{font-size:1.2rem}.dashboard-nav{gap:.5rem}.profile-img{width:40px;height:40px}}.dashboard-shortcuts button{background-color:#0000;border:none}.shortcut-btn{cursor:pointer;position:relative}.shortcut-icon{width:clamp(2.4rem,3.5vw,4rem)}.dark-mode .shortcut-icon,[data-theme=dark] .shortcut-icon{filter:brightness(0)invert()}.dashboard-shortcuts{justify-content:right;gap:clamp(.5rem,1.2vw,1rem);padding:1rem;display:flex}.shortcut-tooltip{color:#f5f5f5;text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#171717f5;border-radius:.6rem;min-width:14rem;max-width:18rem;padding:.6rem .75rem;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 22px #00000047}.shortcut-tooltip:after{content:"";border:.4rem solid #0000;border-top-color:#171717f5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-title{margin-bottom:.25rem;font-size:.86rem;font-weight:700;line-height:1.2;display:block}.tooltip-description{color:#e5e5e5;font-size:.76rem;line-height:1.35;display:block}.shortcut-btn:hover .shortcut-tooltip,.shortcut-btn:focus-visible .shortcut-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dashboard-shortcuts .shortcut-btn:last-child .shortcut-tooltip{left:auto;right:0;transform:translate(0)translateY(4px)}.dashboard-shortcuts .shortcut-btn:last-child .shortcut-tooltip:after{left:auto;right:1rem;transform:none}.dashboard-shortcuts .shortcut-btn:last-child:hover .shortcut-tooltip,.dashboard-shortcuts .shortcut-btn:last-child:focus-visible .shortcut-tooltip{transform:translate(0)translateY(0)}@media (width<=1023px){.dashboard-shortcuts{padding:.5rem .75rem}}@media (width<=480px){.dashboard-shortcuts{gap:.2rem;padding:.4rem .5rem}.shortcut-icon{width:clamp(1.8rem,7vw,2.2rem)}.shortcut-tooltip{min-width:9.8rem;max-width:min(11.5rem,100vw - .9rem);padding:.45rem .55rem}.tooltip-title{margin-bottom:.2rem;font-size:.78rem}.tooltip-description{font-size:.68rem;line-height:1.3}.dashboard-shortcuts .shortcut-btn:nth-last-child(2) .shortcut-tooltip{left:50%;right:auto;transform:translate(-68%)translateY(4px)}.dashboard-shortcuts .shortcut-btn:nth-last-child(2) .shortcut-tooltip:after{left:68%;right:auto;transform:translate(-50%)}.dashboard-shortcuts .shortcut-btn:last-child .shortcut-tooltip{bottom:calc(100% + .95rem);left:auto;right:.15rem;transform:translate(0)translateY(4px)}.dashboard-shortcuts .shortcut-btn:last-child .shortcut-tooltip:after{left:auto;right:.55rem;transform:none}.dashboard-shortcuts .shortcut-btn:nth-last-child(2):hover .shortcut-tooltip,.dashboard-shortcuts .shortcut-btn:nth-last-child(2):focus-visible .shortcut-tooltip,.dashboard-shortcuts .shortcut-btn:last-child:hover .shortcut-tooltip,.dashboard-shortcuts .shortcut-btn:last-child:focus-visible .shortcut-tooltip{transform:translate(0)translateY(0)}.dashboard-shortcuts .shortcut-btn:nth-last-child(2):hover .shortcut-tooltip,.dashboard-shortcuts .shortcut-btn:nth-last-child(2):focus-visible .shortcut-tooltip{transform:translate(-68%)translateY(0)}}.dashboard-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.copyright{margin-top:auto}@media (width>=1024px) and (width<=1279px){.dashboard-footer{padding:.75rem 1rem}.copyright{font-size:.9rem}}@media (width<=1023px){.dashboard-footer{padding:.5rem 1rem}}@media (width<=480px){.dashboard-footer{padding:.4rem .75rem}.copyright{font-size:.75rem}}.pet-container{flex-direction:column;align-items:center;gap:12px;padding:8px;display:flex;position:relative}@media (width>=960px){.pet-name-row{flex-shrink:0}.pet-sprite-wrap{flex:1;justify-content:center;align-items:center;width:100%;height:0;min-height:0;display:flex;overflow:visible}.pet-exp{width:100%;min-width:unset;max-width:unset;flex-shrink:0}}.pet-bubble-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pet-bubble{background:var(--bg-modal);border:2px solid var(--success-border);color:var(--text-success);border-radius:var(--radius-lg);font-family:var(--font-code);box-shadow:var(--shadow-md);letter-spacing:.2px;padding:12px 18px;font-size:12px}.pet-bubble.pet-bubble-error{border-color:var(--border-error);color:var(--text-error)}.pet-name{font-family:var(--font-body);letter-spacing:5%;color:var(--text-dark);text-align:center;height:100%;margin:0;font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:50px}.pet-name-row{align-items:center;gap:12px;height:50px;display:flex}.pet-name-edit-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;min-height:34px;transition:transform .12s,filter .12s;display:inline-flex}.square24px{width:1.5rem;height:1.5rem}.pet-name-editor{align-items:center;gap:8px;height:100%;margin:0;padding:0;display:flex}div.pet-name-row button.pet-name-edit-btn{background-color:#0000;padding:0}.pet-name-input{text-align:center;border:none;border-radius:8px;min-width:220px;height:50px;padding:0 10px;font-family:inherit;font-size:1rem}.pet-name-input:focus{outline:solid 1px var(--accent)}.pet-name-action{color:#fff;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:50px;height:50px;padding:0;font-weight:700;display:inline-flex}.pet-name-action-icon{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;line-height:1;display:inline-flex}.pet-name-editor .pet-name-action-confirm{background:#059669;border-color:#059669}.pet-name-editor .pet-name-action-cancel{background:var(--color-danger);border-color:var(--color-danger)}.pet-name-edit-btn:active,.pet-name-action:active{filter:brightness(.92);transform:translateY(1px)scale(.97)}[data-theme=dark] .edit-icon,.dark-mode .edit-icon{filter:brightness(0)invert()}.pet-img{object-fit:contain;width:25rem;height:auto;max-height:clamp(150px,28vh,260px)}@media (width<=959px){.pet-img{max-height:none}}.pet-sprite-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.pet-status-pop{background:var(--bg-modal);border:2px solid var(--border-color);max-width:220px;color:var(--text-main);font-family:var(--font-hand);box-shadow:var(--shadow-md);text-align:center;border-radius:12px;padding:8px 12px;font-size:.85rem;line-height:1.3;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pet-status-pop:after{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--border-color) transparent;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.pet-status-pop:before{content:"";border-style:solid;border-width:6px;border-color:transparent transparent var(--bg-modal) transparent;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)}.pet-exp{flex-direction:column;gap:8px;width:320px;min-width:320px;max-width:320px;display:flex}.pet-evolve-cta{justify-content:center;width:320px;min-width:320px;max-width:320px;display:flex}.pet-evolve-btn{background:var(--text-warning);color:#fff;width:100%;font-family:var(--font-pixel);letter-spacing:1px;cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:16px;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 1rem;animation:1.6s ease-in-out infinite evolve-shake;display:flex}.pet-evolve-btn:focus-visible{outline:2px solid var(--text-warning);outline-offset:4px}.pet-evolve-title{text-transform:none;font-size:1.15rem}.pet-evolve-sub{font-family:var(--font-hand);opacity:.9;font-size:.8rem}.exp-row{justify-content:space-between;align-items:center;display:flex}.exp-label{color:var(--color-text-dark);font-family:inherit;font-size:1.25rem;font-weight:900}.exp-bar{background:#cfcfcf;border-radius:10px;width:100%;height:2rem;overflow:hidden;box-shadow:inset 0 1px #00000026}.exp-fill{background:linear-gradient(90deg, var(--color-coin) 0%, #b8860b 100%);height:100%;transition:width .4s}.pet-level{text-align:center;border-radius:2px;width:fit-content;font-family:inherit;font-size:clamp(1.25rem,2.3vw,1.625rem);font-weight:900}@media (width>=960px) and (width<=1279px){.pet-container{gap:8px;padding:4px 8px}.pet-name-row{gap:8px}.pet-name-input{min-width:180px}}@media (width>=960px) and (height<=640px){.pet-container{gap:4px;padding:2px 8px}.pet-name{font-size:1.4rem;line-height:36px}.pet-name-row{height:36px}.pet-sprite-wrap{max-width:160px;max-height:160px;overflow:hidden}.pet-exp,.pet-evolve-cta{width:260px;min-width:unset;max-width:260px}.exp-bar{height:1.5rem}.exp-label,.pet-level,.pet-evolve-title{font-size:1rem}}@media (width>=481px) and (width<=959px){.pet-img{width:clamp(220px,50vw,300px)}.pet-exp,.pet-evolve-cta{width:clamp(280px,75vw,320px);min-width:unset;max-width:clamp(280px,75vw,320px)}}@media (width<=480px){.pet-container{gap:8px;padding:4px}.pet-img{width:clamp(160px,60vw,220px)}.pet-exp,.pet-evolve-cta{width:min(90vw,300px);min-width:unset;max-width:min(90vw,300px)}.pet-name-row{gap:8px}.pet-name-input{min-width:clamp(160px,55vw,220px)}}@keyframes evolve-shake{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}.evolution-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.evolution-panel{text-align:center;background:linear-gradient(145deg,#fff9e6,#fff5d4);border:2px solid #ffd7004d;border-radius:24px;width:90%;max-width:600px;padding:36px 40px;box-shadow:0 20px 60px #0000004d,0 0 80px #ffd70026}.evolution-title{color:#2d6a4f;margin:0 0 8px;font-size:1.6rem;font-weight:800}.evolution-subtitle{color:#666;margin:0 0 24px;font-size:1rem}.evolution-current{justify-content:center;align-items:center;gap:16px;margin-bottom:28px;display:flex}.evolution-current-img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000026);width:100px;height:100px}.evolution-arrow{color:#b8860b;font-size:2rem;font-weight:700}.evolution-question{color:#fff;background:linear-gradient(135deg,gold,#ffb347);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:900;animation:2s ease-in-out infinite question-pulse;display:flex;box-shadow:0 4px 20px #ffd70066}@keyframes question-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ffd70066}50%{transform:scale(1.08);box-shadow:0 4px 30px #ffd70099}}.evolution-confirm-actions{flex-direction:column;align-items:center;gap:12px;margin-top:8px;display:flex}.evolution-confirm-btn,.evolution-decline-btn{width:300px;font-size:.7rem;font-weight:700;line-height:1.2;font-family:var(--font-pixel);letter-spacing:.5px;text-align:center;cursor:pointer;border-radius:14px;padding:12px 18px;transition:transform .2s,box-shadow .2s,background .2s}.evolution-confirm-btn{border:2px solid var(--color-card-1);background:var(--color-card-1);color:var(--color-text-light);box-shadow:0 6px 16px #2d6a4f33}.evolution-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2d6a4f47}.evolution-decline-btn{border:2px solid var(--color-card-2);background:var(--color-card-2);color:var(--color-text-light)}.evolution-panel .evolution-confirm-btn,.evolution-panel .evolution-decline-btn{letter-spacing:.5px!important;padding:7px 16px!important;font-size:1rem!important}.evolution-panel .evolution-confirm-btn{background:var(--color-card-1)!important;color:var(--color-text-light)!important;border-color:var(--color-card-1)!important}.evolution-panel .evolution-decline-btn{background:var(--color-card-2)!important;color:var(--color-text-light)!important;border-color:var(--color-card-2)!important}.evolution-decline-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #7a6a4533}.evolution-animation{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.evolution-glow-circle{pointer-events:none;background:radial-gradient(circle,#ffd70099,#ffd7001a,#0000);border-radius:50%;width:100px;height:100px;position:absolute}.evolution-morph-img{object-fit:contain;width:200px;height:200px;position:absolute}.pomodoro-page{background:var(--bg-overlay);z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.pomo-modal{background:var(--bg-modal);border:2px solid var(--border-color);border-radius:var(--radius-xl);width:76vw;min-width:320px;max-width:1100px;height:78vh;min-height:520px;max-height:840px;box-shadow:var(--shadow-lg);--pomo-primary:var(--btn-primary-bg);--pomo-on-primary:var(--btn-primary-text);--pomo-track-bg:color-mix(in srgb, var(--bg-modal) 90%, var(--pomo-primary));--pomo-tab-focus:var(--border-error);--pomo-tab-short:color-mix(in srgb, var(--bg-elevated) 78%, var(--text-success));--pomo-tab-long:color-mix(in srgb, var(--bg-elevated) 78%, var(--accent));flex-direction:column;justify-content:center;align-items:center;padding:28px 26px;display:flex;position:relative;overflow:hidden}.pomo-modal.mode-focus{--pomo-primary:var(--border-error);--pomo-on-primary:var(--text-inverted)}.pomo-modal.mode-short{--pomo-primary:var(--text-success);--pomo-on-primary:var(--text-inverted)}.pomo-modal.mode-long{--pomo-primary:#335c67;--pomo-on-primary:var(--text-inverted)}.pomo-exit-btn{border:1.5px solid var(--pomo-primary);border-radius:var(--radius-full);font-family:var(--font-code);color:var(--pomo-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;top:18px;left:18px}.pomo-exit-btn:hover{background:var(--pomo-primary);border-color:var(--pomo-primary);color:var(--pomo-on-primary)}.pomo-tabs{background:0 0;border:none;border-radius:0;gap:22px;margin-bottom:34px;padding:0;display:flex}.pomo-tab{border-radius:var(--radius-md);width:170px;font-family:var(--font-pixel);letter-spacing:2px;cursor:pointer;background:var(--bg-elevated);color:var(--text-inverted);text-align:center;white-space:normal;transition:all var(--transition-fast);border:1.5px solid #0000;padding:12px 18px;font-size:18px;line-height:1.05}.pomo-tab.active{box-shadow:var(--shadow-sm);border-color:var(--border-color);transform:translateY(-1px)}.pomo-tab.mode-focus{background:var(--pomo-tab-focus)}.pomo-tab.mode-short{background:var(--text-success)}.pomo-tab.mode-long{background:#335c67}.pomo-tab:hover:not(.active){transform:translateY(-1px)}.pomo-timer-wrapper{flex-direction:column;align-items:center;gap:18px;margin-bottom:26px;display:flex}.pomo-time-display{font-family:var(--font-hand), var(--font-sans);color:var(--pomo-primary);letter-spacing:12px;text-shadow:none;font-size:clamp(5.5rem,9vw,8.2rem);font-weight:700;line-height:1}.pomo-focus-hint{font-family:var(--font-code);color:var(--pomo-primary);margin-left:6px;font-size:10px}.pomo-controls{justify-content:center;align-items:center;gap:16px;display:flex}.pomo-start-btn{background:var(--pomo-primary);color:var(--pomo-on-primary);font-family:var(--font-pixel);letter-spacing:2px;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 0 var(--border-color), var(--shadow-sm);transition:all var(--transition-fast);border:none;padding:18px 72px;font-size:1.35rem}.pomo-start-btn:hover{box-shadow:0 6px 0 var(--border-color), var(--shadow-md);transform:translateY(-2px)}.pomo-start-btn:active{box-shadow:0 2px 0 var(--border-color);transform:translateY(2px)}.pomo-pause-btn{background:var(--pomo-primary);color:var(--pomo-on-primary);font-family:var(--font-pixel);letter-spacing:1.5px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-shadow:0 3px 0 var(--border-color);transition:all var(--transition-fast);padding:10px 32px;font-size:.95rem}.pomo-pause-btn:hover{box-shadow:0 4px 0 var(--border-color);transform:translateY(-1px)}.pomo-pause-btn:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(2px)}.pomo-progress-section{flex-direction:column;gap:8px;width:100%;max-width:680px;padding:0 32px;display:flex}.pomo-progress-label{font-family:var(--font-code);color:var(--text-muted);justify-content:center;font-size:11px;display:flex}.pomo-progress-label span{color:var(--pomo-primary);font-weight:700}.pomo-track-wrapper{align-items:flex-end;height:80px;display:flex;position:relative}.pomo-track{background:var(--pomo-track-bg);border-radius:var(--radius-full);border:1.5px solid var(--pomo-primary);height:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pomo-track-fill{background:var(--pomo-primary);border-radius:var(--radius-full);height:100%;transition:width 1s linear}.pomo-pet{object-fit:contain;width:60px;height:60px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px #0003);transition:left 1s linear;position:absolute;bottom:10px}.pomo-bubble-overlay{z-index:300;background:var(--bg-overlay);cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pomo-bubble{background:var(--bg-modal);border:2px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;max-width:360px;box-shadow:var(--shadow-lg);flex-direction:column;align-items:center;gap:16px;padding:32px 40px;display:flex}.pomo-bubble-pet{object-fit:contain;width:80px;height:80px;image-rendering:pixelated}.pomo-bubble-title{font-family:var(--font-pixel);color:var(--text-main);font-size:1.2rem}.pomo-bubble-text{font-family:var(--font-hand);color:var(--text-muted);font-size:.95rem;line-height:1.5}.pomo-bubble-hint{font-family:var(--font-code);color:var(--text-light);margin-top:4px;font-size:11px}.pomo-confirm-buttons{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.pomo-confirm-buttons .pomo-pause-btn,.pomo-confirm-buttons .pomo-start-btn{width:220px;padding:12px 24px;font-size:1rem}.pomo-mode-info{font-family:var(--font-hand);color:var(--pomo-primary);margin-top:8px;font-size:1rem}.pomo-status-message{font-family:var(--font-code);color:var(--text-muted);margin-top:6px;font-size:12px}.pomo-status-message.success{color:var(--text-success)}.pomo-status-message.error{color:var(--border-error)}@media (width<=600px){.pomo-modal{width:95vw;height:auto;min-height:unset;justify-content:flex-start;max-height:95vh;padding:20px 16px 24px;overflow-y:auto}.pomo-exit-btn{padding:6px 12px;font-size:12px;top:12px;left:12px}.pomo-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;margin-bottom:20px}.pomo-tab{letter-spacing:1px;width:auto;min-width:90px;padding:8px 10px;font-size:12px}.pomo-time-display{letter-spacing:6px;font-size:clamp(3.5rem,18vw,5rem)}.pomo-timer-wrapper{gap:12px;margin-bottom:16px}.pomo-start-btn{padding:14px 40px;font-size:1.1rem}.pomo-pause-btn{padding:10px 24px;font-size:.85rem}.pomo-progress-section{padding:0 8px}.pomo-track-wrapper{height:60px}.pomo-bubble{max-width:300px;padding:24px 20px}.pomo-confirm-buttons .pomo-pause-btn,.pomo-confirm-buttons .pomo-start-btn{width:180px}}@media (width>=601px) and (width<=959px){.pomo-modal{width:88vw;height:auto;min-height:unset;max-height:90vh;padding:24px 20px;overflow-y:auto}.pomo-tabs{gap:12px;margin-bottom:24px}.pomo-tab{width:130px;padding:10px 14px;font-size:14px}.pomo-time-display{font-size:clamp(4rem,12vw,6rem)}.pomo-start-btn{padding:16px 56px}}.quest-slider-section{flex-direction:column;align-items:center;gap:8px;display:flex}.quest-slider-title{font-family:var(--font-display);color:var(--color-text-dark);letter-spacing:.04em;text-align:center;opacity:.85;margin:0;font-size:18px;font-weight:700}.quest-slider{align-items:center;gap:10px;display:flex}.quest-slider-arrow{box-shadow:none;appearance:none;color:var(--color-text-dark);opacity:.7;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;margin:0;padding:0;font-size:28px;font-weight:900;line-height:1;transition:opacity .15s}.quest-slider-arrow:hover{opacity:1}.quest-slider-empty{width:var(--card-width);height:var(--card-height);border:var(--border-card);border-radius:var(--card-radius);background:#0000000d;justify-content:center;align-items:center;display:flex}.quest-slider-empty p{font-family:var(--font-display);color:var(--color-text-dark);text-align:center;opacity:.5;padding:8px;font-size:9px}.dashboard-main{flex-direction:column;align-items:center;width:min(100%,1400px);margin:0 auto;padding:0 1rem 1rem;display:flex}.main-content{flex-direction:column;align-items:center;min-width:0;display:flex}.main-content .pomodoro-btn{font-family:var(--font-body);letter-spacing:15%;background-color:var(--dsh-btn-color-bg);color:var(--dsh-btn-text-color);border-radius:12px;margin:.9rem auto 0;padding:.6rem 1.2rem;font-size:1.25rem;font-weight:900}.task-slider-container{background-color:var(--color-bg-accent);border-radius:var(--card-radius);width:fit-content;display:flex;overflow:hidden}.task-slider-section{width:fit-content;margin:.75rem auto 0}@media (width>=960px){.dashboard-main{flex:1;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:1.25rem;width:100%;max-width:none;min-height:0;padding:.5rem 1.5rem;display:grid}.main-content{flex-direction:column;grid-column:2;justify-content:flex-start;justify-self:center;align-items:center;gap:0;width:clamp(380px,38vw,580px);height:100%;min-height:0;display:flex;overflow:visible}.main-content .pomodoro-btn{flex-shrink:0;margin:1.2rem auto 0}.task-slider-section{grid-column:3;place-self:center end;margin:0;position:sticky;top:.4rem}}@media (width>=960px) and (width<=1279px){.main-content .pomodoro-btn{padding:.75rem 1rem;font-size:1.5rem}}@media (width>=481px) and (width<=959px){.dashboard-main{flex-direction:column;align-items:center;gap:1rem;padding:0 1.5rem 1rem;display:flex}.main-content .pomodoro-btn{padding:.75rem 1.25rem;font-size:1.5rem}.task-slider-section{width:fit-content;margin:0}}@media (width<=480px){.dashboard-main{padding:0 .75rem .75rem}.main-content .pomodoro-btn{margin:.6rem auto 0;padding:.6rem 1.25rem;font-size:1.25rem}.task-slider-section{width:100%;margin:0}}.admin-page{background:radial-gradient(circle at top left, #8b45131f, transparent 28%), radial-gradient(circle at bottom right, #7b5ea714, transparent 24%), var(--bg-main);isolation:isolate;width:100%;min-height:100vh;display:block;position:relative}.admin-sidebar{background:linear-gradient(180deg, #00000014, #00000005), var(--bg-surface);border-right:1.5px solid var(--border-color);z-index:10;flex-direction:column;width:250px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0;box-shadow:8px 0 24px #0000001f}.admin-sidebar-logo{font-family:var(--font-pixel);color:var(--text-inverted);letter-spacing:2px;font-size:1.2rem;line-height:1.2}.admin-sidebar-sub{font-family:var(--font-code);color:#f5eedc99;margin-top:4px;margin-bottom:32px;font-size:14px}.admin-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-nav-btn{font-family:var(--font-code);color:var(--text-inverted);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:#f5eedc0a;border:none;border-left:3px solid #0000;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:16px;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:flex}.admin-nav-btn:hover{background:#f5eedc1f;transform:translate(2px)}.admin-nav-btn--active{border-left-color:var(--text-inverted);background:#f5eedc2e;box-shadow:inset 0 0 0 1px #f5eedc14}.admin-sidebar-bottom{border-top:1px solid #f5eedc26;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.admin-darkmode-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.admin-darkmode-label{font-family:var(--font-code);color:#f5eedcb3;font-size:14px;font-weight:700}.admin-toggle-switch{flex-shrink:0;width:40px;height:22px;position:relative}.admin-toggle-switch input{opacity:0;width:0;height:0}.admin-toggle-slider{cursor:pointer;background:#f5eedc40;border-radius:9999px;transition:background .25s;position:absolute;inset:0}.admin-toggle-slider:before{content:"";background:#fff;border-radius:9999px;width:16px;height:16px;transition:transform .25s;position:absolute;top:3px;left:3px}.admin-toggle-switch input:checked+.admin-toggle-slider{background:var(--accent)}.admin-toggle-switch input:checked+.admin-toggle-slider:before{transform:translate(18px)}.admin-logout-btn{font-family:var(--font-pixel);color:var(--text-inverted);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:#f5eedc0a;border:1.5px solid #f5eedc47;padding:10px 16px;font-size:14px;transition:all .15s}.admin-logout-btn:hover{background:var(--text-error);border-color:var(--text-error);transform:translateY(-1px)}.admin-main{box-sizing:border-box;width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:36px;position:relative}.admin-page-title{font-family:var(--font-pixel);color:var(--text-main);letter-spacing:1px;text-shadow:1px 1px #fff6;margin-bottom:8px;font-size:1.75rem}.admin-page-desc{font-family:var(--font-code);color:var(--text-muted);max-width:820px;margin-bottom:10px;font-size:14px;line-height:1.6}.admin-gap-note{border-radius:var(--radius-full);color:var(--text-error);font-family:var(--font-code);background:#c0392b14;border:1px solid #c0392b40;align-items:center;gap:8px;margin-bottom:22px;padding:8px 12px;font-size:12px;line-height:1.4;display:inline-flex}.dark-mode .admin-sidebar-logo{color:var(--text-inverted)}.dark-mode .admin-sidebar-sub{color:var(--text-muted)}.dark-mode .admin-nav-btn{color:var(--text-inverted)}.dark-mode .admin-nav-btn:hover{background:#f5eedc1a}.dark-mode .admin-darkmode-label{color:var(--text-inverted)}.dark-mode .admin-logout-btn{color:var(--text-inverted);border-color:var(--border-color)}.dark-mode .admin-gap-note{background:#f8717114;border-color:#f8717140}@media (width<=768px){.admin-sidebar{align-items:center;width:60px;padding:16px 8px}.admin-sidebar-logo,.admin-sidebar-sub,.admin-darkmode-label{display:none}.admin-nav-btn{justify-content:center;gap:0;padding:10px 8px}.admin-nav-label{display:none}.admin-nav-icon{font-size:20px;line-height:1}.admin-darkmode-row{justify-content:center}.admin-logout-btn{min-width:36px;min-height:36px;padding:10px;font-size:0}.admin-logout-btn:after{content:"🚪";font-size:18px}.admin-main{width:calc(100% - 60px);margin-left:60px;padding:20px}}@media (width<=480px){.admin-sidebar{border-right:none;border-top:1.5px solid var(--border-color);z-index:50;flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%;height:auto;padding:8px 12px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #00000026}.admin-sidebar>div:first-child{display:none}.admin-nav{flex-direction:row;flex:unset;gap:8px}.admin-nav-btn{border-radius:var(--radius-sm);border-bottom:3px solid #0000;border-left:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:auto;padding:8px 20px;font-size:10px}.admin-nav-btn--active{border-left-color:#0000;border-bottom-color:var(--text-inverted)}.admin-sidebar-bottom{border-top:none;flex-direction:row;align-items:center;gap:8px;margin-top:0;padding-top:0}.admin-darkmode-row{gap:6px}.admin-darkmode-label{display:none}.admin-logout-btn{padding:8px 12px;font-size:10px}.admin-main{width:100%;margin-left:0;padding:16px 12px 80px}.admin-page-title{font-size:1.2rem}.admin-page-desc{font-size:13px}}@media (width<=375px){.admin-main{padding:12px 10px 80px}.admin-page-title{font-size:1.05rem}.admin-nav-btn{padding:8px 14px;font-size:9px}}@media (width<=320px){.admin-main{padding:10px 8px 80px}.admin-nav-btn{padding:8px 10px}.admin-logout-btn{padding:6px 8px;font-size:9px}}.admin-loading-state{color:var(--text-muted);border-radius:var(--radius-lg);background:#f5eedc73;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.admin-loading-icon{width:32px;height:32px;animation:1s linear infinite spin}.admin-loading-text{font-family:var(--font-code);font-size:14px}.admin-error-state{text-align:center;border-radius:var(--radius-lg);background:#f5eedc80;border:1px solid #c0392b33;flex-direction:column;align-items:center;gap:8px;padding:60px 0;display:flex}.admin-error-title{font-family:var(--font-pixel);color:var(--text-error);font-size:14px}.admin-error-msg{font-family:var(--font-code);color:var(--text-muted);font-size:13px}.admin-error-retry{font-family:var(--font-pixel);background:var(--btn-primary-bg);color:var(--btn-primary-text);border:var(--border-pixel);box-shadow:var(--shadow-pixel);cursor:pointer;margin-top:8px;padding:8px 20px;font-size:11px}.admin-error-retry:hover{opacity:.85}.admin-error-banner{border:2px solid var(--text-error);font-family:var(--font-code);color:var(--text-error);background:#fdecea;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:13px;display:flex}.admin-error-banner-close{cursor:pointer;color:var(--text-error);background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.admin-empty-state{text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#f5eedc80;border:1px dashed #b8935a80;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.admin-empty-title{font-family:var(--font-pixel);color:var(--text-main);margin-bottom:8px;font-size:16px}.admin-empty-sub{font-family:var(--font-code);color:var(--text-muted);font-size:14px}.dark-mode .admin-error-banner{background:#c0392b26}.dark-mode .admin-empty-state,.dark-mode .admin-loading-state,.dark-mode .admin-error-state{background:#241e18eb}.admin-toolbar{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#f5eedc80;border:1px solid #b8935a66;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.admin-toolbar-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-filter-btn{font-family:var(--font-pixel);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff47;border:1.5px solid #8b451340;padding:7px 12px;font-size:14px;transition:transform .15s,background .15s,box-shadow .15s}.admin-filter-btn:hover{background:#8b45131a;transform:translateY(-1px)}.admin-filter-btn--active{background:var(--accent);color:var(--text-inverted);border-color:var(--accent);box-shadow:var(--shadow-sm)}.admin-filter-btn--org.admin-filter-btn--active{color:#fff;background:#4a6fa5;border-color:#4a6fa5}.admin-filter-btn--act.admin-filter-btn--active{color:#fff;background:#7b5ea7;border-color:#7b5ea7}.admin-filter-select{font-family:var(--font-pixel);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff57;border:1.5px solid #8b451340;padding:7px 10px;font-size:14px}.admin-filter-select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #8b45131f}.admin-create-btn{font-family:var(--font-pixel);background:var(--btn-primary-bg);color:var(--btn-primary-text);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;align-items:center;gap:6px;padding:10px 20px;font-size:14px;transition:transform .15s,background .15s,box-shadow .15s;display:flex}.admin-create-btn:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-edit-btn{font-family:var(--font-pixel);color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#8b45130f;padding:5px 12px;font-size:14px;transition:all .15s}.admin-edit-btn:hover{background:var(--accent);color:var(--text-inverted);transform:translateY(-1px)}.admin-action-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-delete-btn{font-family:var(--font-pixel);color:var(--text-error);border:1.5px solid var(--text-error);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#c0392b0d;padding:5px 12px;font-size:14px;transition:all .15s}.admin-delete-btn:hover{background:var(--text-error);color:#fff;transform:translateY(-1px)}.admin-delete-btn:disabled,.admin-delete-btn[disabled]{opacity:.5;cursor:not-allowed;color:var(--text-error);box-shadow:none;background:#c0392b05;transform:none}.admin-delete-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-delete-dialog{background:var(--bg-modal);border:var(--border-pixel);border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:var(--shadow-pixel);padding:28px 32px}.admin-delete-dialog-title{font-family:var(--font-pixel);color:var(--text-error);margin-bottom:12px;font-size:16px}.admin-delete-dialog-desc{font-family:var(--font-code);color:var(--text-main);margin-bottom:24px;font-size:13px;line-height:1.5}.admin-delete-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.admin-delete-dialog-btn{font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;padding:8px 20px;font-size:12px;transition:all .15s}.admin-delete-dialog-btn--confirm{background:var(--text-error);color:#fff;border:none}.admin-delete-dialog-btn--confirm:hover{opacity:.85}.admin-delete-dialog-btn--cancel{color:var(--text-main);border:1.5px solid var(--border-color);background:0 0}.admin-delete-dialog-btn--cancel:hover{background:var(--accent-light)}.admin-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);scrollbar-width:thin;background:#f5eedc99;border:1px solid #b8935a61;margin-top:16px;overflow-x:auto}.admin-table-wrapper::-webkit-scrollbar{height:3px}.admin-table-wrapper::-webkit-scrollbar-track{background:0 0;margin:0 40px}.admin-table-wrapper::-webkit-scrollbar-thumb{background:#8b451359;border-radius:9999px}.admin-table{border-collapse:collapse;width:100%;font-family:var(--font-code);min-width:640px;font-size:14px}.admin-table th{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);white-space:nowrap;background:#ffffff29;padding:12px;font-size:14px}.admin-table th:last-child{border-right:none}.admin-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:12px}.admin-table td:last-child{border-right:none}.admin-table tr:hover{background:#8b451314}.admin-table tr:nth-child(2n){background:#00000005}.dark-mode .admin-table tr:nth-child(2n){background:#ffffff05}.admin-category-badge{font-family:var(--font-code);color:#fff;white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:14px;display:inline-block}.admin-category-badge--organization{background:#4a6fa5}.admin-category-badge--activity{background:#7b5ea7}.admin-difficulty-badge{font-family:var(--font-code);color:#fff;border-radius:4px;padding:2px 6px;font-size:14px;display:inline-block}.admin-difficulty-badge--easy{background:#059669}.admin-difficulty-badge--medium{background:#b45309}.admin-difficulty-badge--hard{background:#dc2626}.admin-accepted-count{font-family:var(--font-code);color:var(--text-main);font-size:14px}.admin-task-count{font-family:var(--font-code);color:var(--text-muted);margin-bottom:8px;font-size:14px}.admin-table .coin-badge-amount{color:#000}.dark-mode .admin-table .coin-badge-amount{color:#fff}.dark-mode .admin-toolbar,.dark-mode .admin-table-wrapper{background:#241e18eb}@media (width<=480px){.admin-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.admin-toolbar-filters{flex-wrap:wrap;gap:6px}.admin-filter-btn{padding:6px 10px;font-size:12px}.admin-create-btn{justify-content:center;width:100%;padding:10px}.admin-table{min-width:600px;font-size:12px}.admin-table th,.admin-table td{padding:8px;font-size:12px}.admin-edit-btn,.admin-delete-btn{padding:4px 8px;font-size:11px}}.admin-dispute-count{font-family:var(--font-code);color:var(--text-muted);margin-bottom:12px;font-size:12px}.admin-dispute-table-wrap{box-sizing:border-box;-webkit-overflow-scrolling:touch;border:var(--border-pixel);border-radius:var(--radius-lg);width:100%;max-width:100%;box-shadow:var(--shadow-md);scrollbar-width:thin;margin-top:4px;overflow-x:auto}.admin-dispute-table-wrap::-webkit-scrollbar{height:3px}.admin-dispute-table-wrap::-webkit-scrollbar-track{background:0 0;margin:0 40px}.admin-dispute-table-wrap::-webkit-scrollbar-thumb{background:#8b451359;border-radius:9999px}.admin-dispute-list{border-radius:var(--radius-lg);width:100%;min-width:900px;overflow:hidden}.admin-dispute-list-header,.admin-dispute-row{text-align:center;align-items:center;gap:0;padding:10px 14px;display:flex}.admin-dispute-list-header{border-bottom:2px solid var(--border-color);font-family:var(--font-code);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;background:#ffffff29;font-size:14px}.admin-dispute-list-header .admin-dispute-col{text-align:center;justify-content:center}.admin-dispute-row{background:var(--bg-modal);border-bottom:1px solid var(--border-color);font-family:var(--font-code);color:var(--text-main);min-height:48px;font-size:14px;transition:background .15s;position:relative}.admin-dispute-row:last-child{border-bottom:none}.admin-dispute-row:hover{background:#8b451314}.admin-dispute-col{border-right:1px solid var(--border-color);flex-wrap:wrap;align-items:center;padding:0 10px;display:flex;overflow:hidden}.admin-dispute-col:last-child{border-right:none}.admin-dispute-col--title{min-width:130px;font-family:var(--font-pixel);white-space:normal;word-break:break-word;flex:2;font-size:13px;line-height:1.4}.admin-dispute-col--reward{flex:0 0 80px;justify-content:center}.admin-dispute-col--creator,.admin-dispute-col--assignee{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:90px;max-width:130px;overflow:hidden}.admin-dispute-col--raised{flex:0 0 110px;justify-content:center}.admin-dispute-col--reason{min-width:140px;color:var(--text-muted);white-space:normal;word-break:break-word;flex:3;font-size:13px;line-height:1.4}.admin-dispute-row .admin-dispute-col--reason{text-align:left;justify-content:flex-start}.admin-dispute-reason-details{opacity:.8;font-style:italic}.admin-dispute-col--actions{flex:0 0 250px;justify-content:center;gap:6px;display:flex}.admin-dispute-raised-by{font-family:var(--font-code);white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:14px;display:inline-block}.admin-dispute-raised-by--creator{color:var(--text-error);border:1px solid var(--error-border);background:#c0392b26}.admin-dispute-raised-by--assignee{color:var(--text-success);border:1px solid var(--success-border);background:#2d6a4f26}.admin-dispute-raised-by--unknown{color:var(--text-muted);border:1px solid var(--border-color);background:#0000000f}.admin-dispute-no-reason{color:var(--text-muted);font-style:italic}.admin-dispute-btn{font-family:var(--font-pixel);border:var(--border-pixel);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;border-width:2px;padding:5px 9px;font-size:12px;transition:opacity .15s}.admin-dispute-btn--creator{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.admin-dispute-btn--creator:hover{background:var(--btn-primary-hover)}.admin-dispute-btn--assignee{background:var(--text-success);color:#fff;border-color:var(--text-success)}.admin-dispute-btn--assignee:hover{opacity:.85}.admin-dispute-confirm-overlay{z-index:10;background:#000000d1;flex-direction:row;justify-content:center;align-items:center;gap:16px;padding:0 20px;display:flex;position:absolute;inset:0}.admin-dispute-confirm-text{font-family:var(--font-pixel);color:#fff;flex:1;font-size:10px;line-height:1.6}.admin-dispute-confirm-actions{flex-shrink:0;gap:8px;display:flex}.admin-dispute-confirm-btn{font-family:var(--font-pixel);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 14px;font-size:10px}.admin-dispute-confirm-btn--yes{background:var(--text-error);color:#fff}.admin-dispute-confirm-btn--yes:hover{opacity:.85}.admin-dispute-confirm-btn--no{background:var(--bg-modal);color:var(--text-main);border:1px solid var(--border-color)}.admin-dispute-confirm-btn--no:hover{background:var(--accent-light)}.admin-dispute-resolved-toast{z-index:20;background:#2d6a4feb;flex-direction:row;justify-content:center;align-items:center;gap:12px;animation:.25s admin-resolve-in;display:flex;position:absolute;inset:0}@keyframes admin-resolve-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.admin-dispute-resolved-icon{color:#fff;font-size:24px;line-height:1}.admin-dispute-resolved-text{font-family:var(--font-pixel);color:#fff;font-size:14px}.admin-dispute-list .coin-badge-amount{color:#000}.dark-mode .admin-dispute-list .coin-badge-amount{color:#fff}@media (width<=480px){.admin-dispute-list-header,.admin-dispute-row{font-size:12px}.admin-dispute-col--actions{flex:0 0 180px}.admin-dispute-btn{padding:4px 7px;font-size:10px}}.app-container{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}@media (width>=960px){.app-container{height:100dvh;min-height:100dvh;overflow:hidden}}.app-title{font-family:var(--font-display);color:var(--text-main);letter-spacing:2px;font-size:20px}