.theme-selector{position:relative}.theme-button{padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}.theme-button:hover{opacity:.8}.theme-menu{position:absolute;top:50px;right:0;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1000}.theme-menu h3{margin-bottom:15px;font-size:1rem}.theme-menu label{display:block;margin-bottom:10px;font-size:.9rem}.theme-menu input[type=color]{margin-left:10px;cursor:pointer;border:none;border-radius:5px}.basic-timer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;margin-bottom:100px;margin-right:100px}.timer-display{font-size:5rem;margin-bottom:20px}.timer-controls{display:flex;gap:10px;margin-bottom:20px}.time-adjust-controls{display:flex;gap:10px;margin-bottom:20px;margin-top:30px}.time-adjust-controls button{width:80px;height:45px;padding:0}.format-toggle{margin-top:10px}button{padding:10px 20px;font-size:1rem;border-radius:5px;border:none;cursor:pointer;transition:all .3s ease}button:hover{filter:brightness(1.2)}button:disabled{opacity:.5;cursor:not-allowed}.customtimer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-bottom:80px;margin-right:80px}.timersection{display:flex;flex-direction:column;align-items:center;justify-items:center}h1,h2,h3{margin:10px 0;color:var(--text-color, #ffffff)}h4{font-size:5rem;margin:20px}input[type=text]{width:80%;padding:10px;margin-bottom:15px;font-size:1rem;border:2px solid var(--button-color, #444);border-radius:5px;background-color:var(--button-bg-color, #121212);color:var(--button-text-color, #ffffff)}input[type=text]:focus{outline:none;border-color:var(--button-hover-color, #555)}button{padding:10px 20px;margin:5px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;background-color:var(--button-color, #333);color:var(--button-text-color, #ffffff);transition:all .3s ease}button:hover{background-color:var(--button-hover-color, #555)}button:disabled{background-color:var(--button-disabled-color, #777);cursor:not-allowed}.format-toggle{display:flex;flex-direction:column;align-items:center;justify-items:center}.format-toggle button{margin-top:15px}ul{list-style-type:none;padding:0}ul li{margin:5px 0;font-size:1rem;color:var(--text-color, #ffffff)}.section-status{display:flex;justify-content:space-between;width:100%;padding:10px}.completed-sections,.remaining-sections{width:45%}.completed-sections ul,.remaining-sections ul{max-height:150px;overflow-y:auto;padding:10px;border:1px solid var(--border-color, #444);border-radius:5px;background-color:var(--background-color, #1f1f1f)}.completed-sections h3,.remaining-sections h3{margin-bottom:10px;font-size:1.2rem}body{margin:0;font-family:Arial,sans-serif}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:2px solid #444}.app-title{margin:0;font-size:1.5rem;color:#fff}.app-content{display:flex;flex:1}.left-panel{width:15%;padding:20px;background-color:#1f1f1f;border-right:2px solid #444;box-sizing:border-box}.left-panel h2{margin-top:0;margin-bottom:30px;font-size:1.2rem;color:#fff}.timer-list{list-style:none;padding:0;margin:0}.timer-list li{margin:10px 0}.timer-list button{width:100%;padding:10px;background-color:transparent;color:var(--button-text-color, #ffffff);border:2px solid transparent;border-radius:5px;font-size:1rem;cursor:pointer;transition:all .3s ease}.timer-list button:hover{background-color:var(--button-color, #333);border-color:var(--border-color, #444)}.timer-list .add-timer-button{border-color:var(--border-color, #444)}.main-panel{width:80%;padding:20px;background-color:#2e2e2e;box-sizing:border-box;justify-content:center;display:flex;align-items:center}.main-panel.fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:auto}.fullscreen-button{position:fixed;bottom:20px;right:20px;background-color:#333;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;z-index:1000}.fullscreen-button:hover{background-color:#555}.theme-button{background-color:#333;color:#fff;border:none;padding:10px;cursor:pointer;border-radius:5px}.theme-button:hover{background-color:#555}.theme-menu{position:absolute;top:50px;right:0;background-color:#1f1f1f;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0003;width:200px;z-index:100}.theme-menu h3{margin:0 0 10px;font-size:1rem;color:#fff}.theme-menu label{display:flex;align-items:center;margin:10px 0;color:#fff;input[type="color"] {margin-left: 10px; cursor: pointer; border: none; border-radius: 5px;}}