:root{--font-ui: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--line-height: 1.5;--surface-page: #f6f8fb;--surface-card: #ffffff;--surface-subtle: #f3f5f8;--surface-warning: #fff7e6;--surface-overlay: rgba(15, 23, 42, .45);--text-primary: #15202b;--text-muted: #425466;--text-warning: #5a3b00;--border-default: #cfd8e3;--border-strong: #9bb0c8;--border-success: #1b8f52;--border-danger: #b42318;--border-warning: #b36b00;--focus-outline-color: #1f5bd8;--focus-ring-color: rgba(31, 91, 216, .3);--shadow-splash: rgba(15, 23, 42, .2);--splash-surface: #f7f9fc;--splash-border: #ccd7e6;--splash-heading: #1b2738;--splash-body: #27384d;--splash-muted: #4d617b;--splash-warning: #9a5e00;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-ui);line-height:var(--line-height);color:var(--text-primary);background:var(--surface-page)}h1{margin:0;font-size:2rem;line-height:1.2}.app-frame{min-height:100vh;display:flex;flex-direction:column}body.theme-dark{--surface-page: #0f172a;--surface-card: #111827;--surface-subtle: #1f2937;--surface-overlay: rgba(2, 6, 23, .75);--text-primary: #e5e7eb;--text-muted: #b8c6dd;--border-default: #334155;--border-strong: #5c6f90;--focus-outline-color: #93c5fd;--focus-ring-color: rgba(147, 197, 253, .35);--shadow-splash: rgba(2, 6, 23, .45);--splash-surface: #1a2436;--splash-border: #3a4c6f;--splash-heading: #eef4ff;--splash-body: #dce6f8;--splash-muted: #adbdd8;--splash-warning: #f4bf4f}.app-header{border-bottom:1px solid var(--border-default);background:var(--surface-card)}.app-header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.topbar-brand{font-size:1rem;font-weight:700;padding:6px 8px;margin-right:var(--space-3)}.topbar-field{display:inline-flex;align-items:center;gap:var(--space-2)}.topbar-field-label{font-size:.9rem;font-weight:600}.topbar-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);padding:6px 10px}.topbar-metric{font-size:.9rem;color:var(--text-muted);padding:0 6px}.topbar-btn{padding:6px 10px;display:inline-flex;align-items:center;gap:6px}.topbar-icon{display:block;width:18px;height:18px}.app-main{flex:1}.app-footer{border-top:1px solid var(--border-default);background:var(--surface-card)}.app-footer-inner{color:var(--text-muted);font-size:.9rem;text-align:center}.app-footer-inner p{margin:0}.app-footer-inner p+p{margin-top:var(--space-1)}.app-shell{max-width:1100px;margin:0 auto;padding:var(--space-4)}.status-box{margin-top:var(--space-3);padding:var(--space-3) 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card)}.status-box.success{border-color:var(--border-success)}.status-box.error{border-color:var(--border-danger)}.deck-row{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.deck-label{font-weight:600}.deck-select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);padding:6px 10px;color:var(--text-primary)}.control-row{margin-top:var(--space-4);display:flex;align-items:center;flex-wrap:wrap;gap:10px}.control-counter{min-width:140px;text-align:center;color:var(--text-muted)}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface-card);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer}.btn:focus-visible,.topbar-select:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:0;box-shadow:0 0 0 2px var(--focus-ring-color)}input[type=checkbox]:focus-visible,input[type=checkbox]:focus,input[type=radio]:focus-visible,input[type=radio]:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-color)}.btn:disabled{opacity:.45;cursor:not-allowed}.status-inline{margin-top:var(--space-2);color:var(--text-muted)}.journal-card{margin-top:var(--space-5);padding:20px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card);display:flex;flex-direction:column;gap:var(--space-5)}.journal-image-pane{position:sticky;top:0;pointer-events:none;width:100%;border-radius:var(--radius-md);background:var(--surface-subtle);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;background:inherit}.journal-image{width:100%;height:auto;max-height:30vh;object-fit:contain;border-radius:var(--radius-md)}.journal-questions{display:flex;flex-direction:column;gap:18px}@media(min-width:901px){.journal-questions{width:100%;max-width:70ch;justify-self:start}}.card-guidance-hint{margin:0;font-size:.9rem;line-height:1.35;color:var(--text-muted)}.question-label{font-weight:700;margin-bottom:6px}.question-text{font-size:16px;line-height:1.5;margin-bottom:10px}.answer-textarea{width:100%;resize:none;overflow:hidden;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);font-size:15px;line-height:1.4}.checkbox-grid{display:grid;gap:var(--space-2)}.checkbox-row{display:flex;align-items:center;gap:10px;padding:var(--space-2) 10px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-card);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px}.checkbox-label{font-size:15px;line-height:1.4}.dialog-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);overflow-y:auto;background:var(--surface-overlay)}.launch-splash-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--surface-overlay);z-index:30}.launch-splash-card{width:min(440px,100%);padding:24px 24px 20px;border:1px solid var(--splash-border);border-radius:var(--radius-lg);background:var(--splash-surface);color:var(--splash-body);text-align:center;box-shadow:0 14px 34px var(--shadow-splash)}.launch-splash-icon-wrap{width:54px;height:54px;border-radius:999px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:var(--surface-subtle);color:var(--splash-muted);opacity:.88}.launch-splash-icon{width:24px;height:24px}.launch-splash-card h2{margin:0 0 8px;font-size:2rem;line-height:1.2;color:var(--splash-heading)}.launch-splash-card p{margin:0}.launch-splash-intro{margin-bottom:14px;font-size:1rem;color:var(--splash-muted)}.launch-splash-actions{margin:0 auto 14px;display:flex;flex-direction:column;width:min(250px,100%);gap:10px}.launch-splash-actions .btn{justify-content:center}.launch-splash-info{margin-top:10px}.launch-splash-info p+p{margin-top:16px}.launch-splash-warning{margin-top:0;font-size:1rem;font-weight:700;color:var(--splash-warning)}.launch-splash-copy{font-size:.98rem;line-height:1.38;color:var(--splash-muted)}.launch-splash-gap{height:16px}.launch-splash-device-note{margin-top:0;font-size:.66rem;line-height:1.35;color:var(--splash-muted);opacity:.82}@media(max-width:640px){.launch-splash-card{padding:20px 18px 16px}.launch-splash-icon-wrap{width:48px;height:48px;margin-bottom:8px}.launch-splash-icon{width:21px;height:21px}.launch-splash-card h2{font-size:1.7rem}.launch-splash-intro{font-size:.96rem}.launch-splash-warning,.launch-splash-copy{font-size:.94rem}.launch-splash-device-note{font-size:.6rem;line-height:1.3}.launch-splash-gap{height:14px}}.end-session-card{width:min(520px,100%);padding:28px 28px 24px;border:1px solid var(--splash-border);border-radius:var(--radius-lg);background:var(--splash-surface);color:var(--splash-body);box-shadow:0 14px 34px var(--shadow-splash)}.end-session-card h2{margin:0 0 8px;font-size:1.4rem}.end-session-intro{margin:0 0 20px}.end-session-toggles{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:left}.end-session-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.end-session-toggle input[type=checkbox]{margin-top:3px;flex-shrink:0}.end-session-toggle-body{display:flex;flex-direction:column;gap:2px}.end-session-toggle-body strong{font-size:.95rem}.end-session-toggle-body span{font-size:.82rem;color:var(--text-muted, #666)}.end-session-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.diary-badge{display:inline-block;margin-left:4px;font-size:.82em;opacity:.75}.diary-modal-card{width:min(400px,100%);padding:24px;border:1px solid var(--splash-border);border-radius:var(--radius-lg);background:var(--splash-surface);color:var(--splash-body);box-shadow:0 14px 34px var(--shadow-splash)}.diary-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.diary-modal-header h2{margin:0;font-size:1.3rem;color:var(--splash-heading)}.diary-empty,.diary-loading{margin:0;color:var(--splash-muted);font-size:.92rem;line-height:1.5}.diary-volume-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.diary-volume-label{font-size:.9rem;color:var(--splash-muted);white-space:nowrap}.diary-volume-select{flex:1;padding:6px 8px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);font-size:.9rem}.diary-export-btn{width:100%}.diary-saved-msg{margin:0 0 14px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--splash-muted);font-size:.88rem;line-height:1.4;border:1px solid var(--border-default)}.dialog-card{width:min(520px,100%);max-height:calc(100dvh - (2 * var(--space-4)));overflow-y:auto;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-card)}.dialog-card h2{margin:0 0 var(--space-3);font-size:1.2rem}.dialog-card p{margin:0}.help-content{margin-top:8px}.help-section+.help-section{margin-top:14px}.help-section h3{margin:0 0 8px;font-size:1rem}.help-section ul{margin:0;padding-left:20px}.help-section li+li{margin-top:6px}.help-strong{font-weight:700}.dialog-actions{margin-top:var(--space-4);display:flex;gap:var(--space-2);justify-content:flex-end;position:sticky;bottom:0;padding-top:var(--space-2);background:var(--surface-card)}.settings-fieldset{margin:0 0 var(--space-3);padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.settings-option{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.settings-content{margin-top:10px}.settings-section+.settings-section{margin-top:14px}.settings-section h3{margin:0 0 8px}.settings-section p+p{margin-top:8px}@media(max-width:760px){.journal-card{gap:var(--space-4)}}@media(max-width:640px){.app-shell{padding:var(--space-3)}h1{font-size:1.7rem}.control-row{gap:var(--space-2)}.control-counter{width:100%;order:10;text-align:left}.btn{padding:8px 10px}.dialog-actions{justify-content:stretch}.dialog-actions .btn{flex:1}}.topbar-personal-deck-name{font-size:.9rem;font-weight:600;padding:6px 4px;color:var(--text-primary)}.deck-picker-section-label{margin-top:14px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--splash-muted)}.deck-manager-card{width:min(640px,100%)}.deck-manager-empty{color:var(--text-muted);margin:var(--space-3) 0}.deck-manager-deck{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md)}.deck-manager-deck-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.deck-manager-deck-name{font-weight:700;font-size:1rem}.deck-manager-deck-count{font-size:.9rem;color:var(--text-muted)}.deck-manager-rename-form,.deck-manager-create-form{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.deck-manager-input{flex:1;min-width:160px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary);font-size:.95rem}.deck-manager-btn-sm{padding:6px 10px;font-size:.88rem}.deck-manager-drop-zone{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-subtle);transition:border-color .15s,background .15s}.deck-manager-drop-zone-active{border-color:var(--focus-outline-color);background:var(--surface-card)}.deck-manager-upload-label{cursor:pointer;font-weight:600;font-size:.9rem;padding:6px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-primary)}.deck-manager-file-input{display:none}.deck-manager-drop-hint{font-size:.85rem;color:var(--text-muted)}.deck-manager-thumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.deck-manager-thumb{position:relative;width:72px;height:90px;border-radius:var(--radius-sm);overflow:visible;flex-shrink:0}.deck-manager-thumb-img{width:72px;height:90px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-subtle)}.deck-manager-remove-btn{position:absolute;top:-8px;right:-8px;width:22px;height:22px;padding:0;border-radius:999px;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1}.deck-manager-error{margin-top:var(--space-3);color:var(--border-danger);font-size:.9rem}.deck-manager-confirm-overlay{z-index:32}.export-actions-row{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-default)}.export-action-block{display:flex;flex-direction:column;gap:var(--space-1);flex:1;min-width:180px}.export-action-btn{align-self:flex-start;white-space:nowrap}.export-action-label{font-size:.85rem;color:var(--text-muted)}.export-action-note{font-size:.78rem;color:var(--text-muted);font-style:italic}@media(max-width:640px){.export-action-label,.export-action-note{display:none}}.session-picker-error{color:var(--border-danger);font-size:.85rem;margin-top:var(--space-2)}.mapper-export-card{max-width:640px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.mapper-export-subtitle{color:var(--text-muted);font-size:.9rem;margin-top:0}.mapper-export-empty{color:var(--text-muted);font-style:italic}.mapper-export-list{list-style:none;padding:0;margin:var(--space-3) 0;display:flex;flex-direction:column;gap:var(--space-3)}.mapper-export-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border-default);border-radius:6px}.mapper-export-item-checkbox{padding-top:2px;flex-shrink:0}.mapper-export-thumb{width:48px;height:60px;object-fit:cover;border-radius:4px;border:1px solid var(--border-default);flex-shrink:0}.mapper-export-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.mapper-export-name-input{width:100%;font-size:.9rem;padding:var(--space-1) var(--space-2);border:1px solid var(--border-default);border-radius:4px;background:var(--surface-card);color:var(--text-primary)}.mapper-export-preview{font-size:.78rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapper-export-footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-default);margin-top:auto}.mapper-export-count{font-size:.85rem;color:var(--text-muted)}.mapper-export-error{color:var(--border-danger);font-size:.85rem}