/* v0.6.3 interactions: clickable top actions, reminders, gating, modals */
.app-top-actions{display:flex;align-items:center;gap:8px}
.app-top-actions .top-action{appearance:none;border:1px solid #293a52;background:#0c1728;color:#dce8f7;border-radius:10px;padding:9px 11px;display:inline-flex;align-items:center;gap:6px;font:inherit;cursor:pointer}
.app-top-actions .top-action:hover,.app-top-actions .top-action:focus-visible{border-color:#5e8fc1;background:#122239;outline:none}
.app-top-actions .top-action b{font-size:.82rem}
.category-row{width:100%;appearance:none;text-align:left;font:inherit;cursor:pointer}
.category-row.has-reminder{border-color:#8b6623;background:linear-gradient(90deg,rgba(245,158,11,.12),transparent)}
.category-row.has-reminder.active{border-color:#e7a62f;background:linear-gradient(90deg,#123a70 0%,#123a70 72%,rgba(245,158,11,.18) 100%)}
.category-reminder{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:#f59e0b;color:#181006;font-weight:900;font-size:.7rem;box-shadow:0 0 0 2px rgba(245,158,11,.12)}
.category-row:not(.has-reminder) .category-count{grid-column:3}.category-row.has-reminder{grid-template-columns:26px 1fr auto auto}
#nextBtn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45);box-shadow:none}
#nextBtn:not(:disabled){box-shadow:0 7px 20px rgba(125,211,252,.13)}
.remember-toggle:has(input:checked){border-color:#c48a22!important;background:rgba(245,158,11,.09)!important;color:#ffd27a!important}
.app-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.app-modal.hidden{display:none!important}
.app-modal-backdrop{position:absolute;inset:0;background:rgba(2,7,15,.76);backdrop-filter:blur(8px)}
.app-modal-card{position:relative;width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:linear-gradient(180deg,#111d30,#0b1525);border:1px solid #32445d;border-radius:18px;padding:26px;box-shadow:0 35px 100px rgba(0,0,0,.52)}
.modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:9px;background:#17243a;color:#dce8f7;padding:0;font-size:1.4rem}.modal-kicker{font-size:.72rem;font-weight:900;letter-spacing:.11em;color:#7dd3fc}.app-modal-card h2{margin:7px 0 8px;font-size:1.45rem}.modal-copy{color:#9eacc0;line-height:1.55;margin:0 38px 18px 0}.remembered-list{display:grid;gap:9px}.remembered-list button{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;background:#101c2d;color:#e9f1fb;border:1px solid #273a52;border-radius:12px;padding:13px 14px}.remembered-list button:hover{border-color:#5a82ab;background:#14243a}.remembered-list button span{display:grid;gap:4px}.remembered-list small{color:#7dd3fc;font-size:.72rem}.remembered-list b{font-size:.88rem;line-height:1.35}.remembered-list em{font-style:normal;white-space:nowrap;font-size:.73rem;color:#fbbf24}.empty-state{padding:22px;border:1px dashed #344760;border-radius:12px;color:#94a3b8;text-align:center}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #26364d}.setting-row span{display:grid;gap:4px}.setting-row small{color:#91a0b5;line-height:1.4}.setting-row input{width:20px;height:20px;accent-color:#38bdf8}
body.hide-guidance .guidance-panel{display:none!important}body.hide-micro-tip .micro-tip{display:none!important}
@media(min-width:1180px){body.hide-guidance .right-rail{grid-template-rows:auto}}
@media(max-width:760px){.app-top-actions{width:100%}.app-top-actions .top-action{flex:1;justify-content:center}.app-modal-card{padding:22px 18px}.remembered-list button{align-items:flex-start;flex-direction:column}.remembered-list button em{white-space:normal}}