*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:Noto Sans Devanagari,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}body{background:linear-gradient(180deg,#f6f7fb,#eceef4);display:flex;flex-direction:column;min-height:100vh}#main{flex:1 1 auto;padding:16px;width:100%}#page-inner{max-width:560px;width:100%;margin:0 auto}.stat-row{display:flex;gap:10px;margin-bottom:16px}.stat-card{flex:1 1 0;background:#fff;border-radius:16px;padding:14px;box-shadow:0 1px 2px #14141e0a,0 4px 14px #14141e0f;text-align:center}.stat-value{font-size:22px;font-weight:700;color:#f0578c}.stat-label{font-size:11px;color:#9a9a9f;margin-top:3px}#length-card{background:#fff;border-radius:16px;padding:14px 16px;margin-bottom:16px;box-shadow:0 1px 2px #14141e0a,0 4px 14px #14141e0f;display:flex;align-items:center;justify-content:space-between}#length-card-label{font-size:13.5px;font-weight:700;color:#232323}#length-control{display:flex;align-items:center;gap:10px}#length-control button{width:28px;height:28px;border-radius:50%;border:none;background:#f1f1f3;color:#6b6b70;font-size:16px;cursor:pointer;transition:background-color .12s ease}#length-control button:hover{background:#e6e6ea}#length-value{font-size:15px;font-weight:700;color:#232323;min-width:20px;text-align:center}#history-title{font-size:12px;font-weight:700;color:#9a9a9f;margin:18px 0 8px 4px;text-transform:uppercase;letter-spacing:.03em}.history-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 14px;margin-bottom:8px;box-shadow:0 1px 2px #14141e0a,0 2px 8px #14141e0d}.history-dot{width:8px;height:8px;border-radius:50%;background:#f0578c;flex-shrink:0}.history-date{flex:1 1 auto;font-size:13.5px;font-weight:600;color:#232323}.history-gap{font-size:11.5px;color:#9a9a9f}.history-delete{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:none;background:none;color:#c7c7cc;font-size:17px;line-height:1;cursor:pointer;transition:background-color .12s ease,color .12s ease}.history-delete:hover{background:#f1f1f3;color:#7a7a80}#empty-history{text-align:center;color:#b3b3b8;font-size:12.5px;padding:18px;background:#fff;border-radius:12px;border:1px dashed #e6e6ea}#fab{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:700;color:#fff;background:#f0578c;border:none;border-radius:999px;padding:13px 22px;box-shadow:0 8px 24px #f0578c66;cursor:pointer;z-index:20;transition:background-color .12s ease,transform .12s ease}#fab:hover{background:#d94378;transform:translate(-50%) translateY(-1px)}@media (min-width: 860px){#fab{left:calc(50% + 120px)}body.sidebar-collapsed #fab{left:calc(50% + 32px)}}#fab:active{transform:translate(-50%) translateY(0)}#form-overlay{position:fixed;inset:0;background:#14141661;display:none;align-items:center;justify-content:center;padding:20px;z-index:50}#form-overlay.open{display:flex}@media (min-width: 860px){#form-overlay{padding-left:260px}body.sidebar-collapsed #form-overlay{padding-left:84px}}#form-panel{width:100%;max-width:320px;background:#fff;border-radius:18px;box-shadow:0 20px 50px #00000038;padding:18px 20px 20px}#form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#form-header span{font-size:16px;font-weight:700;color:#232323}#form-close{border:none;background:none;color:#8a8a90;font-size:20px;line-height:1;cursor:pointer}#date-row{display:flex;gap:6px;margin-bottom:14px}#date-row select{flex:1 1 0;min-width:0;font-family:inherit;font-size:13px;padding:8px 4px;border:1px solid #e2e2e8;border-radius:10px;background:#fff}#form-actions{display:flex;gap:8px}.form-btn{flex:1 1 0;font-family:inherit;font-size:13px;font-weight:600;border:none;border-radius:10px;padding:10px;cursor:pointer}.form-btn.secondary{background:#f1f1f3;color:#6b6b70}.form-btn.secondary:hover{background:#e6e6ea}.form-btn.primary{background:#f0578c;color:#fff}.form-btn.primary:hover{background:#d94378}html[data-theme=dark] .stat-card,html[data-theme=dark] #length-card,html[data-theme=dark] .history-item{background:#23232d;box-shadow:0 1px 2px #0000004d,0 4px 14px #0000004d}html[data-theme=dark] .stat-label,html[data-theme=dark] .history-gap,html[data-theme=dark] #history-title{color:#8b8b96}html[data-theme=dark] #length-card-label,html[data-theme=dark] #length-value,html[data-theme=dark] .history-date,html[data-theme=dark] #form-header span{color:#ececf0}html[data-theme=dark] #length-control button{background:#2f2f3a;color:#b7b7c2}html[data-theme=dark] #length-control button:hover{background:#383844}html[data-theme=dark] .history-delete{color:#6c6c78}html[data-theme=dark] .history-delete:hover{background:#33333f;color:#b7b7c2}html[data-theme=dark] #empty-history{background:#23232d;border-color:#33333f;color:#6c6c78}html[data-theme=dark] #fab{box-shadow:0 8px 24px #f0578c4d}html[data-theme=dark] #form-panel{background:#23232d;box-shadow:0 20px 50px #0000008c}html[data-theme=dark] #form-close{color:#8b8b96}html[data-theme=dark] #form-close:hover{color:#ececf0}html[data-theme=dark] #date-row select{background:#1c1c25;border-color:#3a3a46;color:#ececf0}html[data-theme=dark] .form-btn.secondary{background:#2f2f3a;color:#b7b7c2}html[data-theme=dark] .form-btn.secondary:hover{background:#383844}