:root{--bg-main:#070709;--bg-card:#121216;--text-main:#f5f5f5;--text-muted:#889;--accent:#f36;--accent-glow:rgba(255,51,102,.4);--cyan:#00e5ff;--cyan-glow:rgba(0,229,255,.5);--border:#22222a}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden}#main-layout,body{display:flex;flex-direction:column;align-items:center}#main-layout{width:100%;padding:2rem 1.5rem;transition:opacity .3s ease}header{text-align:center;margin-bottom:2rem;width:100%;max-width:1200px;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:1rem}header,header h1{display:flex;align-items:center}header h1{font-size:1.5rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;gap:12px}header h1:before{content:"";display:inline-block;width:10px;height:10px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent-glow)}.search-container{width:100%;max-width:1200px;margin-bottom:2.5rem;display:flex}#search-bar{width:100%;max-width:350px;background:hsla(0,0%,100%,.03);border:1px solid var(--border);padding:.8rem 1.5rem;border-radius:30px;color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}#search-bar::placeholder{color:var(--text-muted)}#search-bar:focus{border-color:var(--text-muted);background:hsla(0,0%,100%,.05);box-shadow:0 0 15px hsla(0,0%,100%,.02)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;max-width:1200px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;position:relative;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-3px);border-color:#33333f}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.card h3{font-size:1.1rem;font-weight:500;color:var(--text-main);word-break:break-word;padding-right:1rem;line-height:1.4}.card-actions{display:flex;gap:.25rem}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center;padding:6px}.btn-icon:hover{color:var(--text-main);transform:scale(1.1)}.btn-icon.delete:hover{color:var(--accent)}.btn-icon.view:hover{color:var(--cyan)}.btn-icon.share:hover{color:#0f8}.timer-grid{display:flex;justify-content:space-between;text-align:center;background:rgba(0,0,0,.4);padding:1rem;border-radius:10px;border:1px solid var(--border)}.time-box{display:flex;flex-direction:column}.time-val{font-size:1.6rem;font-weight:600;color:var(--text-main);font-variant-numeric:tabular-nums}.time-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:.2rem}.passed-text{color:var(--accent);font-weight:600;font-size:1.2rem;text-align:center;letter-spacing:2px;width:100%}.fab{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background-color:var(--text-main);color:var(--bg-main);font-size:1.5rem;border:none;cursor:pointer;box-shadow:0 4px 15px hsla(0,0%,100%,.2);transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:center;z-index:2}.fab:hover{transform:scale(1.08);box-shadow:0 6px 20px hsla(0,0%,100%,.3)}#maximized-view{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-main);z-index:3;display:flex;flex-direction:column;padding:2rem;opacity:1;transition:opacity .4s ease}.hidden{display:none!important;opacity:0;pointer-events:none}.max-header{display:flex;justify-content:flex-end;width:100%;max-width:1200px;margin:0 auto}.max-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.max-title{font-size:2.2rem;font-weight:300;margin-bottom:2rem;color:var(--text-main);letter-spacing:1px;max-width:90%;word-wrap:break-word}.meter-container{position:relative;width:100%;max-width:400px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.meter-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.meter-bg{fill:none;stroke:var(--bg-card);stroke-width:8}.meter-fill{fill:none;stroke:var(--cyan);stroke-width:8;stroke-linecap:round;stroke-dasharray:879.64;stroke-dashoffset:var(--progress-offset,879.64);transition:stroke-dashoffset 1s linear,stroke .5s ease;filter:drop-shadow(0 0 10px var(--cyan-glow))}.meter-fill.urgent{stroke:var(--accent);filter:drop-shadow(0 0 10px var(--accent-glow))}.meter-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.max-countdown{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;margin-bottom:1.5rem}.max-time-box{display:flex;flex-direction:column;align-items:center}.max-val{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.max-label{font-size:.8rem;color:var(--text-muted);margin-top:5px}.max-label,.max-progress-text{text-transform:uppercase;letter-spacing:2px}.max-progress-text{font-size:.9rem;color:var(--cyan);font-weight:600}.max-progress-text.urgent{color:var(--accent)}.max-sub-text{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2rem;background:hsla(0,0%,100%,.03);padding:10px 20px;border-radius:30px;border:1px solid var(--border);display:inline-block}.max-sub-text span{color:var(--text-main);font-weight:600}dialog{margin:auto;background:var(--bg-card);padding:2.5rem;border-radius:16px;width:90%;max-width:420px;border:1px solid var(--border);color:var(--text-main);box-shadow:0 20px 40px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(5px)}dialog h2{margin-bottom:1.5rem;font-weight:500;font-size:1.3rem}.input-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.input-group label{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.input-group input{background:var(--bg-main);border:1px solid var(--border);padding:.8rem 1rem;border-radius:8px;color:var(--text-main);font-size:1rem;outline:none;transition:border-color .2s}.input-group input:focus{border-color:var(--text-muted)}::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7}::-webkit-calendar-picker-indicator:hover{opacity:1}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}button.btn{padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s,background .2s;font-size:.95rem;display:flex;align-items:center;gap:8px}button.btn:hover{opacity:.8}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border)!important}.btn-primary{background:var(--text-main);color:var(--bg-main)}.empty-state{grid-column:1/-1;text-align:center;color:var(--text-muted);padding:4rem 0;font-size:1rem;font-weight:300}#toast{position:fixed;bottom:-60px;left:50%;transform:translateX(-50%);background:var(--text-main);color:var(--bg-main);padding:12px 24px;border-radius:30px;font-weight:600;font-size:.9rem;box-shadow:0 4px 15px hsla(0,0%,100%,.2);transition:bottom .4s cubic-bezier(.175,.885,.32,1.275);z-index:4;pointer-events:none}#toast.show{bottom:30px}@media (max-width:600px){header h1{font-size:1.2rem}.search-container{justify-content:center}#search-bar{max-width:100%}.fab{bottom:1.5rem;right:1.5rem;width:50px;height:50px}.max-title{font-size:1.6rem}.meter-container{max-width:320px}.max-val{font-size:2rem}.max-countdown{gap:10px 20px}}