body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:all .3s ease}body.light-mode{background:#f5f5f5}body.dark-mode{background:#0a0a0a}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary-light:linear-gradient(135deg,#a8e6cf,#dcedc1 50%,#ffd3a5);--bg-secondary-light:#ffffffd9;--text-primary-light:#2d5016;--text-secondary-light:#4a6741;--text-muted-light:#6b7c6b;--input-bg-light:#fffffff2;--input-text-light:#2d5016;--shadow-light:#2d501626;--accent-light:#81c784;--accent-hover-light:#66bb6a;--warning-light:#ffb74d;--warning-hover-light:#ffa726;--danger-light:#e57373;--danger-hover-light:#ef5350;--info-light:#64b5f6;--info-hover-light:#42a5f5;--bg-primary-dark:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);--bg-secondary-dark:#1a1a2ecc;--text-primary-dark:#e8f5e8;--text-secondary-dark:#b8d4b8;--text-muted-dark:#8bb38b;--input-bg-dark:#1a1a2e99;--input-text-dark:#e8f5e8;--shadow-dark:#0006;--accent-dark:#4fc3f7;--accent-hover-dark:#29b6f6;--warning-dark:#ffb74d;--warning-hover-dark:#ffa726;--danger-dark:#e57373;--danger-hover-dark:#ef5350;--info-dark:#64b5f6;--info-hover-dark:#42a5f5}[data-theme=dracula]{--bg-primary-light:linear-gradient(135deg,#f8f8f2,#f1f1eb 50%,#e8e8e0);--bg-secondary-light:#f8f8f2e6;--text-primary-light:#282a36;--text-secondary-light:#44475a;--text-muted-light:#6272a4;--input-bg-light:#f8f8f2f2;--input-text-light:#282a36;--shadow-light:#282a3626;--accent-light:#50fa7b;--accent-hover-light:#3dd865;--warning-light:#ffb86c;--warning-hover-light:#ffa94d;--danger-light:#f55;--danger-hover-light:#f33;--info-light:#8be9fd;--info-hover-light:#6dd5f7;--bg-primary-dark:linear-gradient(135deg,#282a36,#21222c 50%,#1e1f29);--bg-secondary-dark:#282a36e6;--text-primary-dark:#f8f8f2;--text-secondary-dark:#e6e6e0;--text-muted-dark:#6272a4;--input-bg-dark:#282a36cc;--input-text-dark:#f8f8f2;--shadow-dark:#00000080;--accent-dark:#50fa7b;--accent-hover-dark:#3dd865;--warning-dark:#ffb86c;--warning-hover-dark:#ffa94d;--danger-dark:#f55;--danger-hover-dark:#f33;--info-dark:#8be9fd;--info-hover-dark:#6dd5f7}[data-theme=solarized]{--bg-primary-light:linear-gradient(135deg,#fdf6e3,#eee8d5 50%,#e6e0c8);--bg-secondary-light:#fdf6e3e6;--text-primary-light:#073642;--text-secondary-light:#586e75;--text-muted-light:#93a1a1;--input-bg-light:#fdf6e3f2;--input-text-light:#073642;--shadow-light:#07364226;--accent-light:#859900;--accent-hover-light:#6b7c00;--warning-light:#b58900;--warning-hover-light:#9a7500;--danger-light:#dc322f;--danger-hover-light:#c62d2a;--info-light:#268bd2;--info-hover-light:#1e7bb8;--bg-primary-dark:linear-gradient(135deg,#002b36,#001f2a 50%,#001419);--bg-secondary-dark:#002b36e6;--text-primary-dark:#fdf6e3;--text-secondary-dark:#eee8d5;--text-muted-dark:#93a1a1;--input-bg-dark:#002b36cc;--input-text-dark:#fdf6e3;--shadow-dark:#0009;--accent-dark:#859900;--accent-hover-dark:#6b7c00;--warning-dark:#b58900;--warning-hover-dark:#9a7500;--danger-dark:#dc322f;--danger-hover-dark:#c62d2a;--info-dark:#268bd2;--info-hover-dark:#1e7bb8}[data-theme=nord]{--bg-primary-light:linear-gradient(135deg,#eceff4,#e5e9f0 50%,#d8dee9);--bg-secondary-light:#eceff4e6;--text-primary-light:#2e3440;--text-secondary-light:#3b4252;--text-muted-light:#4c566a;--input-bg-light:#eceff4f2;--input-text-light:#2e3440;--shadow-light:#2e344026;--accent-light:#88c0d0;--accent-hover-light:#5e81ac;--warning-light:#ebcb8b;--warning-hover-light:#d08770;--danger-light:#bf616a;--danger-hover-light:#a54e56;--info-light:#81a1c1;--info-hover-light:#5e81ac;--bg-primary-dark:linear-gradient(135deg,#2e3440,#3b4252 50%,#434c5e);--bg-secondary-dark:#2e3440e6;--text-primary-dark:#eceff4;--text-secondary-dark:#e5e9f0;--text-muted-dark:#4c566a;--input-bg-dark:#2e3440cc;--input-text-dark:#eceff4;--shadow-dark:#00000080;--accent-dark:#88c0d0;--accent-hover-dark:#5e81ac;--warning-dark:#ebcb8b;--warning-hover-dark:#d08770;--danger-dark:#bf616a;--danger-hover-dark:#a54e56;--info-dark:#81a1c1;--info-hover-dark:#5e81ac}[data-theme=tokyo-night]{--bg-primary-light:linear-gradient(135deg,#d5d6db,silver 50%,#a9b1d6);--bg-secondary-light:#d5d6dbe6;--text-primary-light:#1a1b26;--text-secondary-light:#2d3748;--text-muted-light:#565f89;--input-bg-light:#d5d6dbf2;--input-text-light:#1a1b26;--shadow-light:#1a1b2626;--accent-light:#7aa2f7;--accent-hover-light:#5a8ae8;--warning-light:#e0af68;--warning-hover-light:#d4a657;--danger-light:#f7768e;--danger-hover-light:#f55a7a;--info-light:#7dcfff;--info-hover-light:#5bb8e8;--bg-primary-dark:linear-gradient(135deg,#1a1b26,#16161e 50%,#0f0f14);--bg-secondary-dark:#1a1b26e6;--text-primary-dark:#a9b1d6;--text-secondary-dark:#9aa5ce;--text-muted-dark:#565f89;--input-bg-dark:#1a1b26cc;--input-text-dark:#a9b1d6;--shadow-dark:#0009;--accent-dark:#7aa2f7;--accent-hover-dark:#5a8ae8;--warning-dark:#e0af68;--warning-hover-dark:#d4a657;--danger-dark:#f7768e;--danger-hover-dark:#f55a7a;--info-dark:#7dcfff;--info-hover-dark:#5bb8e8}.App{color:#2d5016;color:var(--text-primary-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;text-align:center;transition:all .3s ease}.App.light-mode{background:linear-gradient(135deg,#a8e6cf,#dcedc1 50%,#ffd3a5);background:var(--bg-primary-light)}.App.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background:var(--bg-primary-dark)}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:2rem}h1{font-size:3rem;text-shadow:2px 2px 4px #0000004d}.timer-setup,h1{margin-bottom:2rem}.timer-setup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);padding:2rem;transition:all .3s ease}.duration-input{margin-bottom:1.5rem}.duration-input label{display:block;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.duration-input input{background:#fffffff2;background:var(--input-bg-light);border:none;border-radius:8px;color:#2d5016;color:var(--input-text-light);font-size:1.2rem;padding:.75rem;text-align:center;transition:all .3s ease;width:120px}.dark-mode .duration-input input{background:#1a1a2e99;background:var(--input-bg-dark);color:#e8f5e8;color:var(--input-text-dark)}.start-btn{background:#81c784;background:var(--accent-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.App.dark-mode .start-btn{background:#4fc3f7;background:var(--accent-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.start-btn:hover{background:#66bb6a;background:var(--accent-hover-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .start-btn:hover{background:#29b6f6;background:var(--accent-hover-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.timer-running{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);margin-bottom:2rem;padding:3rem;transition:all .3s ease}.time-display{font-family:Courier New,monospace;font-size:4rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px #0000004d}.lost-focus-btn{background:#e57373;background:var(--danger-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.App.dark-mode .lost-focus-btn{background:#e57373;background:var(--danger-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.lost-focus-btn:hover{background:#ef5350;background:var(--danger-hover-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .lost-focus-btn:hover{background:#ef5350;background:var(--danger-hover-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.name-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);margin-bottom:2rem;padding:2rem;transition:all .3s ease}.name-prompt h3{color:#4caf50;margin-bottom:1rem}.name-prompt p{font-size:1.1rem;margin-bottom:1.5rem}.name-prompt input{background:#fffffff2;background:var(--input-bg-light);border:none;border-radius:8px;color:#2d5016;color:var(--input-text-light);font-size:1.1rem;margin-bottom:1rem;padding:.75rem;transition:all .3s ease;width:300px}.dark-mode .name-prompt input{background:#1a1a2e99;background:var(--input-bg-dark);color:#e8f5e8;color:var(--input-text-dark)}.save-btn{background:#81c784;background:var(--accent-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.App.dark-mode .save-btn{background:#4fc3f7;background:var(--accent-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.save-btn:hover{background:#66bb6a;background:var(--accent-hover-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .save-btn:hover{background:#29b6f6;background:var(--accent-hover-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.break-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);margin-bottom:2rem;padding:2rem;transition:all .3s ease}.break-prompt h3{color:#ff9800;margin-bottom:1rem}.break-prompt p{font-size:1.1rem;margin-bottom:1.5rem}.break-duration-input{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.break-duration-input input{background:#fffffff2;background:var(--input-bg-light);border:none;border-radius:8px;color:#2d5016;color:var(--input-text-light);font-size:1.2rem;padding:.75rem;text-align:center;transition:all .3s ease;width:80px}.dark-mode .break-duration-input input{background:#1a1a2e99;background:var(--input-bg-dark);color:#e8f5e8;color:var(--input-text-dark)}.break-duration-input span{font-size:1.1rem;font-weight:500}.break-buttons{display:flex;gap:1rem;justify-content:center}.start-break-btn{background:#64b5f6;background:var(--info-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.App.dark-mode .start-break-btn{background:#64b5f6;background:var(--info-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.start-break-btn:hover{background:#42a5f5;background:var(--info-hover-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .start-break-btn:hover{background:#42a5f5;background:var(--info-hover-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.skip-break-btn{background:#6b7c6b;background:var(--text-muted-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.App.dark-mode .skip-break-btn{background:#8bb38b;background:var(--text-muted-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.skip-break-btn:hover{background:#4a6741;background:var(--text-secondary-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .skip-break-btn:hover{background:#b8d4b8;background:var(--text-secondary-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.break-running{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);margin-bottom:2rem;padding:3rem;transition:all .3s ease}.break-running h3{color:#ff9800;margin-bottom:1rem}.break-time{color:#ff9800}.break-running p{color:#4a6741;color:var(--text-secondary-light);font-size:1.1rem;margin-bottom:1.5rem}.end-break-btn{background:#ffb74d;background:var(--warning-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 1.5rem;transition:all .3s ease}.App.dark-mode .end-break-btn{background:#ffb74d;background:var(--warning-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.end-break-btn:hover{background:#ffa726;background:var(--warning-hover-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .end-break-btn:hover{background:#ffa726;background:var(--warning-hover-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.break-complete{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);margin-bottom:2rem;padding:2rem;transition:all .3s ease}.break-complete h3{color:#4caf50;margin-bottom:1rem}.break-complete p{font-size:1.1rem;margin-bottom:1.5rem}.okay-btn{background:#81c784;background:var(--accent-light);border:none;border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:all .3s ease}.App.dark-mode .okay-btn{background:#4fc3f7;background:var(--accent-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.okay-btn:hover{background:#66bb6a;background:var(--accent-hover-light);box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.App.dark-mode .okay-btn:hover{background:#29b6f6;background:var(--accent-hover-dark);box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.sessions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);max-width:600px;padding:2rem;transition:all .3s ease;width:100%}.sessions h3,.total-focus-time{margin-bottom:1rem}.total-focus-time{background:#ffffffd9;background:var(--bg-secondary-light);border:2px solid #81c784;border:2px solid var(--accent-light);border-radius:10px;color:#81c784;color:var(--accent-light);font-size:1.1rem;font-weight:600;padding:1rem;text-align:center;transition:all .3s ease}.App.dark-mode .total-focus-time{background:#1a1a2ecc;background:var(--bg-secondary-dark);border:2px solid #4fc3f7;border:2px solid var(--accent-dark);color:#4fc3f7;color:var(--accent-dark)}.clear-btn{background:#e57373;background:var(--danger-light);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.App.dark-mode .clear-btn{background:#e57373;background:var(--danger-dark)}.clear-btn:hover{background:#ef5350;background:var(--danger-hover-light)}.App.dark-mode .clear-btn:hover{background:#ef5350;background:var(--danger-hover-dark)}.sessions-list{max-height:300px;overflow-y:auto}.session-item{align-items:center;background:#ffffffd9;background:var(--bg-secondary-light);border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.session-name{flex:1 1;font-weight:500;text-align:left}.session-duration{color:#4caf50;font-weight:700;margin:0 1rem;min-width:120px;text-align:center}.session-date{color:#6b7c6b;color:var(--text-muted-light);font-size:.8rem}.dark-mode .session-date{color:#8bb38b;color:var(--text-muted-dark)}.clear-confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.clear-confirm-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border-radius:15px;box-shadow:0 8px 32px #2d501626;box-shadow:0 8px 32px var(--shadow-light);max-width:400px;padding:2rem;text-align:center;transition:all .3s ease}.clear-confirm-modal h3{color:#f44336;margin-bottom:1rem}.clear-confirm-modal p{font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.clear-confirm-buttons{display:flex;gap:1rem;justify-content:center}.confirm-clear-btn{background:#f44336;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.confirm-clear-btn:hover{background:#da190b;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.cancel-clear-btn{background:#9e9e9e;border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-clear-btn:hover{background:#757575;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.App-header{padding:1rem}h1{font-size:2rem}.time-display{font-size:3rem}.name-prompt input{width:250px}.break-buttons{align-items:center;flex-direction:column}.session-item{flex-direction:column;gap:.5rem;text-align:center}.session-duration{margin:0;min-width:auto}.clear-confirm-buttons{align-items:center;flex-direction:column}.clear-confirm-modal{margin:1rem;padding:1.5rem}}.info-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;background:var(--bg-secondary-light);border:none;border-radius:50%;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:2rem;top:2rem;transition:all .3s ease;width:40px}.App.dark-mode .info-icon{background:#1a1a2ecc;background:var(--bg-secondary-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.info-icon:hover{background:#fff3;transform:scale(1.1)}.App.dark-mode .info-icon:hover{background:#ffffff1a}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.welcome-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;background:var(--bg-secondary-light);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #2d501626;box-shadow:0 20px 40px var(--shadow-light);max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.App.dark-mode .welcome-modal{background:#1a1a2ecc;background:var(--bg-secondary-dark);border:1px solid #ffffff1a;box-shadow:0 20px 40px #0006;box-shadow:0 20px 40px var(--shadow-dark)}.welcome-modal h2{color:#2d5016;color:var(--text-primary-light);font-size:2rem;margin-bottom:1.5rem}.App.dark-mode .welcome-modal h2{color:#e8f5e8;color:var(--text-primary-dark)}.welcome-modal h3{color:#2d5016;color:var(--text-primary-light);font-size:1.2rem;margin:1.5rem 0 .5rem}.App.dark-mode .welcome-modal h3{color:#e8f5e8;color:var(--text-primary-dark)}.welcome-modal p{color:#4a6741;color:var(--text-secondary-light);line-height:1.6;margin-bottom:1rem}.App.dark-mode .welcome-modal p{color:#b8d4b8;color:var(--text-secondary-dark)}.welcome-modal ol,.welcome-modal ul{color:#4a6741;color:var(--text-secondary-light);margin:1rem 0;padding-left:1.5rem;text-align:left}.App.dark-mode .welcome-modal ol,.App.dark-mode .welcome-modal ul{color:#b8d4b8;color:var(--text-secondary-dark)}.welcome-modal li{line-height:1.5;margin-bottom:.5rem}.welcome-modal .tip{background:#ffffff1a;border-left:4px solid #4caf50;border-radius:10px;font-style:italic;margin-top:1.5rem;padding:1rem}.App.dark-mode .welcome-modal .tip{background:#ffffff0d}.info-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;background:var(--bg-secondary-light);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #2d501626;box-shadow:0 20px 40px var(--shadow-light);max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.App.dark-mode .info-modal{background:#1a1a2ecc;background:var(--bg-secondary-dark);border:1px solid #ffffff1a;box-shadow:0 20px 40px #0006;box-shadow:0 20px 40px var(--shadow-dark)}.info-modal h2{color:#2d5016;color:var(--text-primary-light);font-size:1.8rem;margin-bottom:1.5rem}.App.dark-mode .info-modal h2{color:#e8f5e8;color:var(--text-primary-dark)}.info-modal h3{color:#2d5016;color:var(--text-primary-light);font-size:1.1rem;margin:1.5rem 0 .5rem}.App.dark-mode .info-modal h3{color:#e8f5e8;color:var(--text-primary-dark)}.info-modal p{color:#4a6741;color:var(--text-secondary-light);line-height:1.6;margin-bottom:1rem}.App.dark-mode .info-modal p{color:#b8d4b8;color:var(--text-secondary-dark)}.info-modal ol,.info-modal ul{color:#4a6741;color:var(--text-secondary-light);margin:1rem 0;padding-left:1.5rem;text-align:left}.App.dark-mode .info-modal ol,.App.dark-mode .info-modal ul{color:#b8d4b8;color:var(--text-secondary-dark)}.info-modal li{line-height:1.5;margin-bottom:.5rem}.info-modal .tip{background:#ffffff1a;border-left:4px solid #4caf50;border-radius:10px;font-style:italic;margin-top:1.5rem;padding:1rem}.App.dark-mode .info-modal .tip{background:#ffffff0d}@media (max-width:768px){.info-icon{font-size:16px;height:35px;right:1rem;top:1rem;width:35px}.info-modal,.welcome-modal{margin:1rem;max-height:85vh;padding:1.5rem}.welcome-modal h2{font-size:1.5rem}.info-modal h2{font-size:1.4rem}}.theme-selector{display:flex;flex-direction:column;gap:.5rem;left:2rem;position:absolute;top:2rem;z-index:100}.theme-button{border:none;border-radius:50%;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.App.dark-mode .theme-button{box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark)}.theme-button:hover{box-shadow:0 6px 20px #2d501626;box-shadow:0 6px 20px var(--shadow-light);transform:scale(1.1)}.App.dark-mode .theme-button:hover{box-shadow:0 6px 20px #0006;box-shadow:0 6px 20px var(--shadow-dark)}.theme-button.active{box-shadow:0 0 0 3px #81c784;box-shadow:0 0 0 3px var(--accent-light);transform:scale(1.15)}.App.dark-mode .theme-button.active{box-shadow:0 0 0 3px #4fc3f7;box-shadow:0 0 0 3px var(--accent-dark)}.theme-default{background:linear-gradient(135deg,#a8e6cf,#dcedc1 50%,#ffd3a5)}.theme-dracula{background:linear-gradient(135deg,#f8f8f2,#282a36 50%,#f55)}.theme-solarized{background:linear-gradient(135deg,#fdf6e3,#eee8d5 50%,#859900)}.theme-nord{background:linear-gradient(135deg,#eceff4,#e5e9f0 50%,#88c0d0)}.theme-tokyo-night{background:linear-gradient(135deg,#d5d6db,silver 50%,#7aa2f7)}.theme-button:after{background:#ffffffd9;background:var(--bg-secondary-light);border-radius:8px;box-shadow:0 4px 15px #2d501626;box-shadow:0 4px 15px var(--shadow-light);color:#2d5016;color:var(--text-primary-light);content:attr(data-theme-name);font-size:.9rem;left:50px;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.App.dark-mode .theme-button:after{background:#1a1a2ecc;background:var(--bg-secondary-dark);box-shadow:0 4px 15px #0006;box-shadow:0 4px 15px var(--shadow-dark);color:#e8f5e8;color:var(--text-primary-dark)}.theme-button:hover:after{opacity:1}@media (max-width:768px){.theme-selector{gap:.3rem;left:1rem;top:1rem}.theme-button{height:35px;width:35px}.theme-button:after{font-size:.8rem;left:40px;padding:.4rem .8rem}}
/*# sourceMappingURL=main.e63580e5.css.map*/