*{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 16px 100px;width:100%}#page-inner{max-width:560px;width:100%;margin:0 auto}.section-title{font-size:12px;font-weight:700;color:var(--ek-muted, #9a9a9f);text-transform:uppercase;letter-spacing:.03em;margin:18px 0 8px}.section-title:first-child{margin-top:0}#filter-row{display:flex;gap:8px;margin-bottom:4px}.filter-chip{font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;border:1px solid #e2e2e8;border-radius:999px;padding:6px 14px;background:var(--ek-surface, #ffffff);color:var(--ek-ink-soft, #6b6b70);transition:background-color .12s ease,color .12s ease,border-color .12s ease}.filter-chip.active{background:var(--ek-notes-strong, #96690f);border-color:var(--ek-notes-strong, #96690f);color:#fff}#empty-today,#empty-upcoming{text-align:center;color:var(--ek-faint, #b3b3b8);font-size:12.5px;padding:18px 10px;background:var(--ek-surface, #ffffff);border-radius:var(--ek-radius-md, 14px);border:1px dashed #e6e6ea}.note-card{display:flex;align-items:flex-start;gap:12px;background:var(--ek-surface, #ffffff);border-radius:var(--ek-radius-md, 14px);padding:12px 14px;margin-bottom:10px;box-shadow:var(--ek-shadow-card, 0 1px 2px rgba(20,20,30,.04), 0 4px 14px rgba(20,20,30,.06));cursor:pointer;transition:box-shadow .12s ease}.note-card:hover{box-shadow:0 2px 4px #14141e0f,0 8px 20px #14141e17}.note-card-icon{font-size:20px;flex-shrink:0;margin-top:1px}.note-card-body{flex:1 1 auto;min-width:0}.note-card-title{font-size:14.5px;font-weight:700;color:var(--ek-ink, #232323);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-preview{font-size:12.5px;color:var(--ek-ink-soft, #6b6b70);margin-top:3px;line-height:1.4;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.note-card-date{font-size:12px;color:var(--ek-muted, #9a9a9f);margin-top:4px}.note-card-badge{flex-shrink:0;font-size:11.5px;font-weight:700;color:var(--ek-notes, #a8781f);background:var(--ek-notes-tint, #fbf1da);border-radius:999px;padding:4px 10px;text-align:center;white-space:nowrap}.note-card-badge.today{color:#fff;background:var(--ek-notes-strong, #96690f)}.note-card-delete{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:none;color:#c7c7cc;font-size:18px;line-height:1;cursor:pointer;transition:background-color .12s ease,color .12s ease}.note-card-delete:hover{background:#f1f1f3;color:#7a7a80}.note-card-date.has-reminder{color:var(--ek-notes, #a8781f);font-weight:600}#past-details{margin-top:18px}#past-summary{font-size:12px;font-weight:700;color:var(--ek-muted, #9a9a9f);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;padding:6px 0;list-style:none}#past-summary::-webkit-details-marker{display:none}#past-summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}#past-details[open] #past-summary:before{transform:rotate(90deg)}#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:var(--ek-notes-strong, #96690f);border:none;border-radius:999px;padding:13px 22px;box-shadow:0 8px 24px #96690f59;cursor:pointer;z-index:20;transition:background-color .12s ease,transform .12s ease}#fab:hover{background:#7f5808;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:340px;background:var(--ek-surface, #ffffff);border-radius:var(--ek-radius-lg, 18px);box-shadow:var(--ek-shadow-modal, 0 20px 50px rgba(0,0,0,.22));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:var(--ek-ink, #232323)}#form-close{border:none;background:none;color:#8a8a90;font-size:20px;line-height:1;cursor:pointer}#note-title-input{width:100%;font-family:inherit;font-size:13.5px;padding:9px 11px;border:1px solid #e2e2e8;border-radius:10px;margin-bottom:8px;box-sizing:border-box;transition:border-color .12s ease}#note-title-input:focus{outline:none;border-color:var(--ek-notes, #a8781f)}.note-toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.note-toolbar-label{font-size:11.5px;font-weight:600;color:var(--ek-muted, #9a9a9f)}.note-toolbar-btn{font-family:inherit;font-size:12px;font-weight:700;color:var(--ek-notes, #a8781f);background:var(--ek-notes-tint, #fbf1da);border:none;border-radius:8px;padding:5px 10px;cursor:pointer;transition:background-color .12s ease}.note-toolbar-btn:hover{background:#f6e6bd}#note-content-input{width:100%;font-family:inherit;font-size:13.5px;line-height:1.5;padding:9px 11px;border:1px solid #e2e2e8;border-radius:10px;margin-bottom:14px;box-sizing:border-box;resize:vertical;min-height:80px}#note-content-input:focus{outline:none;border-color:var(--ek-notes, #a8781f)}#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}#reminder-toggle-row{margin-bottom:10px}#reminder-toggle-btn{display:flex;align-items:center;gap:6px;width:100%;font-family:inherit;font-size:13px;font-weight:600;text-align:left;color:var(--ek-ink-soft, #6b6b70);background:#f7f7f9;border:1px dashed #e2e2e8;border-radius:10px;padding:9px 11px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}#reminder-toggle-btn:hover{background:#f1f1f3}#reminder-toggle-btn.on{color:var(--ek-notes-strong, #96690f);background:var(--ek-notes-tint, #fbf1da);border:1px solid var(--ek-notes-tint, #fbf1da)}#reminder-toggle-btn .reminder-remove{display:none;margin-left:auto;font-size:11.5px;font-weight:700;color:#b3b3b8;padding:2px 8px;border-radius:999px}#reminder-toggle-btn.on .reminder-remove:hover{background:#f6e6bd;color:var(--ek-notes-strong, #96690f)}#reminder-panel{display:none;margin:0 0 14px;padding:12px;background:#f7f7f9;border-radius:10px}#reminder-panel.open{display:block}.reminder-field-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.reminder-field-row:last-child{margin-bottom:0}.reminder-field-label{font-size:12px;font-weight:600;color:var(--ek-muted, #9a9a9f);flex:0 0 62px}#reminder-time-input,#reminder-repeat-select{flex:1 1 0;min-width:0;font-family:inherit;font-size:13px;padding:7px 8px;border:1px solid #e2e2e8;border-radius:8px;background:#fff}#reminder-weekday-row{display:none}#reminder-weekday-row.open{display:flex}.reminder-weekday-chips{display:flex;gap:5px;flex:1 1 0;flex-wrap:wrap}.weekday-chip{width:30px;height:30px;border-radius:50%;border:1px solid #e2e2e8;background:#fff;color:var(--ek-ink-soft, #6b6b70);font-size:11.5px;font-weight:700;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.weekday-chip.active{background:var(--ek-notes-strong, #96690f);border-color:var(--ek-notes-strong, #96690f);color:#fff}#reminder-templates-row{align-items:flex-start;flex-wrap:wrap}.reminder-template-chips{display:flex;gap:6px;flex:1 1 0;flex-wrap:wrap}.template-chip{position:relative;display:inline-flex;align-items:center;gap:4px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid #e2e2e8;border-radius:999px;padding:6px 10px 6px 12px;background:#fff;color:var(--ek-ink-soft, #6b6b70)}.template-chip:hover{background:#f4f4f8}.template-chip-new{color:var(--ek-notes-strong, #96690f);border-style:dashed}.template-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-size:10px;color:#b3b3b8;margin-left:2px}.template-chip-remove:hover{background:#f6e6bd;color:var(--ek-notes-strong, #96690f)}#template-new-form{display:none;gap:6px;margin:0 0 10px}#template-new-form.open{display:flex}#template-icon-input{width:44px;flex:0 0 44px;text-align:center}#template-icon-input,#template-label-input{font-family:inherit;font-size:13px;padding:7px 8px;border:1px solid #e2e2e8;border-radius:8px;background:#fff}#template-label-input{flex:1 1 0;min-width:0}#template-save-btn,#template-cancel-btn{flex:0 0 auto;width:32px;font-family:inherit;font-size:14px;font-weight:700;border:1px solid #e2e2e8;border-radius:8px;background:#fff;cursor:pointer}#template-save-btn{color:var(--ek-notes-strong, #96690f)}#template-cancel-btn{color:#9a9a9f}#reminder-lead-select{flex:1 1 0;min-width:0;font-family:inherit;font-size:13px;padding:7px 8px;border:1px solid #e2e2e8;border-radius:8px;background:#fff}#save-as-template-btn{display:block;width:100%;margin-top:2px;font-family:inherit;font-size:12px;font-weight:600;text-align:left;color:var(--ek-notes-strong, #96690f);background:none;border:none;cursor:pointer;padding:4px 0 0}#save-as-template-btn:hover{text-decoration:underline}#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;transition:background-color .12s ease}.form-btn.secondary{background:#f1f1f3;color:#6b6b70}.form-btn.secondary:hover{background:#e6e6ea}.form-btn.primary{background:var(--ek-notes-strong, #96690f);color:#fff}.form-btn.primary:hover{background:#7f5808}html[data-theme=dark] #empty-today,html[data-theme=dark] #empty-upcoming{border-color:#33333f}html[data-theme=dark] .note-card:hover{box-shadow:0 2px 4px #00000059,0 8px 20px #0006}html[data-theme=dark] .note-card-delete{color:#6c6c78}html[data-theme=dark] .note-card-delete:hover{background:#33333f;color:#b7b7c2}html[data-theme=dark] .note-card-date.has-reminder{color:#e0ab52}html[data-theme=dark] .filter-chip{background:#1c1c25;border-color:#3a3a46;color:#b7b7c2}html[data-theme=dark] .filter-chip.active{background:#e0ab52;border-color:#e0ab52;color:#1c1c25}html[data-theme=dark] #reminder-toggle-btn{background:#1c1c25;border-color:#3a3a46;color:#b7b7c2}html[data-theme=dark] #reminder-toggle-btn:hover{background:#23232e}html[data-theme=dark] #reminder-toggle-btn.on{background:#47391c;border-color:#47391c;color:#e0ab52}html[data-theme=dark] #reminder-toggle-btn.on .reminder-remove:hover{background:#5c4a24;color:#e0ab52}html[data-theme=dark] #reminder-panel{background:#1c1c25}html[data-theme=dark] #reminder-time-input,html[data-theme=dark] #reminder-repeat-select{background:#14141a;border-color:#3a3a46;color:#ececf0}html[data-theme=dark] .weekday-chip{background:#14141a;border-color:#3a3a46;color:#b7b7c2}html[data-theme=dark] .weekday-chip.active{background:#e0ab52;border-color:#e0ab52;color:#1c1c25}html[data-theme=dark] .template-chip{background:#14141a;border-color:#3a3a46;color:#b7b7c2}html[data-theme=dark] .template-chip:hover{background:#1c1c25}html[data-theme=dark] .template-chip-new{color:#e0ab52}html[data-theme=dark] .template-chip-remove:hover{background:#47391c;color:#e0ab52}html[data-theme=dark] #template-icon-input,html[data-theme=dark] #template-label-input,html[data-theme=dark] #template-save-btn,html[data-theme=dark] #template-cancel-btn,html[data-theme=dark] #reminder-lead-select{background:#14141a;border-color:#3a3a46;color:#ececf0}html[data-theme=dark] #template-save-btn,html[data-theme=dark] #save-as-template-btn{color:#e0ab52}html[data-theme=dark] #fab{box-shadow:0 8px 24px #e0ab524d}html[data-theme=dark] #fab:hover{background:#f0bd66}html[data-theme=dark] #form-close{color:#8b8b96}html[data-theme=dark] #form-close:hover{color:#ececf0}html[data-theme=dark] #note-title-input,html[data-theme=dark] #note-content-input,html[data-theme=dark] #date-row select{background:#1c1c25;border-color:#3a3a46;color:#ececf0}html[data-theme=dark] .note-toolbar-btn:hover{background:#47391c}html[data-theme=dark] .form-btn.secondary{background:#2f2f3a;color:#b7b7c2}html[data-theme=dark] .form-btn.secondary:hover{background:#383844}html[data-theme=dark] .form-btn.primary:hover{background:#f0bd66}