html,body{height:100%;margin:0;padding:0}body{display:flex}.hidden{display:none!important}#blocker{position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;background-color:#000000b3;cursor:default}#app{display:flex;flex-direction:column;width:100%;height:100%}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#f5f5f5;border-bottom:1px solid #ddd;flex-shrink:0}.top-bar h1{margin:0;font-size:1.2rem}.tab-navigator{display:flex;flex-direction:column;flex:1;overflow:hidden}.tab-bar{display:flex;border-bottom:2px solid #ddd;background-color:#f8f8f8;flex-shrink:0}.tab-button{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:1rem;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-button:hover{background-color:#eee}.tab-button-active{border-bottom-color:#333;font-weight:700}.tab-content-area{flex:1;overflow:auto}.tab-panel{height:100%}.tab-wip{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.5rem;color:#999}.panel-simple{background-color:#fff;box-shadow:0 4px 8px #0003}.stacks-children{display:flex;flex-direction:column;gap:12px;padding:24px;min-width:300px;max-width:fit-content}.input-simpletext{width:100%}.primary{background-color:#ffb6c1;box-shadow:0 8px 16px #006400}c-studycard{position:relative;display:flex;flex-direction:column;gap:12px;background-color:#fff;border-radius:8px;padding:20px 24px;box-shadow:0 1px 3px #0000001a;border-left:4px solid #d1d5db;transition:box-shadow .2s}c-studycard:hover{box-shadow:0 2px 8px #0000001f}c-studycard.today{border-left-color:#3b82f6}c-studycard.overdue{border-left-color:#ef4444}c-studycard.future{border-left-color:#6b7280}c-studycard.unset{border-left-color:#d1d5db}c-studycard .studycard-type-tag{margin:-20px -24px 0;padding:5px 24px;border-radius:8px 8px 0 0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}c-studycard.mainform-card .studycard-type-tag{background-color:#eff6ff;color:#2563eb}c-studycard.diligence-variant-card .studycard-type-tag{background-color:#f5f3ff;color:#7c3aed}.studycard-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.studycard-header h1{margin:0;font-size:18px;font-weight:600;color:#1f2937}c-studycard>h3{margin:0;font-size:14px;font-weight:400;color:#6b7280}.input-multiline{display:flex;flex-direction:column;gap:6px}.input-multiline label{font-size:14px;font-weight:500;color:#374151}.input-multiline textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s,box-shadow .2s}.input-multiline textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.studycard-body{display:flex;flex-direction:column;gap:12px;max-height:0;overflow:hidden;transition:max-height .3s ease}.studycard-toggle{display:flex;justify-content:center;align-items:center;background:none;background-color:#e6e6e6;padding:0;margin:0 -24px -20px;height:28px;color:#c9cdd3;border:none;border-radius:0 0 8px 8px;cursor:pointer;transition:background-color .15s,color .15s}.studycard-toggle:hover{background-color:#f3f4f6;color:#6b7280;transform:none}.studycard-toggle:active{background-color:#e5e7eb;transform:none}.studycard-toggle-chevron{font-size:14px;line-height:1;transition:transform .2s}.studycard-toggle.expanded .studycard-toggle-chevron{transform:rotate(180deg)}.btn-studycard-study{background-color:#3b82f6;color:#fff;align-self:flex-start}.btn-studycard-study:hover{background-color:#2563eb}.btn-studycard-study.studying{background-color:#ef4444}.btn-studycard-study.studying:hover{background-color:#dc2626}c-studycard .timer{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px}.timer-display{font-size:24px;font-weight:600;color:#166534;font-variant-numeric:tabular-nums}.timer-btn-pauseresume{background-color:#fff;color:#374151;border:1px solid #d1d5db!important;padding:6px 14px;font-size:13px}.timer-btn-pauseresume:hover{background-color:#f3f4f6}.post-study-dialog{border:none;border-radius:12px;padding:28px 32px;box-shadow:0 4px 24px #0003;min-width:400px;max-width:500px}.post-study-dialog::backdrop{background-color:#00000080}.post-study-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#111827;text-align:center}.post-study-subtitle{margin:0 0 24px;font-size:14px;color:#6b7280;text-align:center;line-height:1.6}.post-study-subtitle strong{color:#374151;font-weight:600}.post-study-step{margin-bottom:24px}.post-study-step:last-of-type{margin-bottom:28px}.post-study-step h3{margin:0 0 12px;font-size:15px;font-weight:600;color:#1f2937}.post-study-options{display:flex;gap:8px;flex-wrap:wrap}.post-study-options button{background-color:#f3f4f6;color:#374151;border:2px solid transparent;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.post-study-options button:hover{background-color:#e5e7eb;border-color:#d1d5db}.post-study-options button.selected{background-color:#3b82f6;color:#fff;border-color:#2563eb;box-shadow:0 2px 4px #3b82f64d}.post-study-options button.selected:hover{background-color:#2563eb;border-color:#1d4ed8}.duration-slider{width:100%;height:6px;margin:12px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px;outline:none;cursor:pointer}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;transition:transform .15s,box-shadow .15s}.duration-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #3b82f666}.duration-slider::-moz-range-thumb{width:20px;height:20px;background-color:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;transition:transform .15s,box-shadow .15s}.duration-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #3b82f666}.duration-display{text-align:center;font-size:16px;font-weight:600;color:#3b82f6;margin-top:8px}.post-study-submit{width:100%;background-color:#10b981;color:#fff;padding:12px 20px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.post-study-submit:hover{background-color:#059669}.post-study-submit:active{transform:scale(.98)}.add-new-form{display:flex;flex-direction:column;gap:20px;padding:24px;max-width:560px}.add-new-section{display:flex;flex-direction:column;gap:12px;background-color:#fff;border-radius:8px;padding:20px 24px;box-shadow:0 1px 3px #0000001a}.add-new-section-title{margin:0;font-size:15px;font-weight:600;color:#1f2937}.add-new-type-switch{display:flex;border-radius:6px;overflow:hidden;border:1px solid #d1d5db}.add-new-type-switch button{flex:1;padding:10px 16px;font-size:14px;font-weight:500;border:none;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.add-new-type-switch button:first-child{border-right:1px solid #d1d5db}.add-new-type-switch button.selected{font-weight:600}.add-new-type-switch button.selected.type-dv{background-color:#f5f3ff;color:#7c3aed}.add-new-type-switch button.selected.type-mf{background-color:#eff6ff;color:#2563eb}.input-optional-header{display:flex;align-items:center;gap:8px}.input-optional-header input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.input-optional-header label{font-size:14px;font-weight:500;color:#374151;cursor:pointer}.input-slider-field{display:flex;flex-direction:column;gap:6px}.input-slider-label{font-size:14px;font-weight:500;color:#374151}.input-optional-field.disabled input,.input-optional-field.disabled select,.input-optional-field.disabled .post-study-options button{opacity:.4;pointer-events:none}.input-simpletext{display:flex;flex-direction:column;gap:6px}.input-simpletext label{font-size:14px;font-weight:500;color:#374151}.input-simpletext input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input-simpletext input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-dropdown{display:flex;flex-direction:column;gap:6px}.input-dropdown label{font-size:14px;font-weight:500;color:#374151}.input-dropdown select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;transition:border-color .2s,box-shadow .2s}.input-dropdown select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-dropdown select[multiple]{min-height:80px}.add-new-submit{width:100%;background-color:#10b981;color:#fff;padding:12px 20px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.add-new-submit:hover{background-color:#059669}.add-new-submit:active{transform:scale(.98)}.add-new-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:14px;font-weight:500;color:#166534}.btn-overlay{position:absolute;top:6px;right:6px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #d1d5db;border-radius:50%;color:#9ca3af;font-size:11px;line-height:1;cursor:pointer;opacity:.5;transition:opacity .15s,background-color .15s,color .15s;z-index:1}.btn-overlay:hover{opacity:1;background-color:#f3f4f6;color:#374151}.btn-overlay:active{background-color:#e5e7eb}.simple-error{padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:14px;color:#991b1b}