.empty-state[hidden]{display:none}
.plus-icon{font-size:8rem;font-weight:200;line-height:1;margin-top:-12px}
.ceded-mini{background:#f8e8e7;color:#d7393e;font-size:1.65rem;font-weight:700}
.ceded-ring{display:grid;place-items:center;border:2px solid #d7393e;border-radius:50%;color:#d7393e;font-size:1.6rem;font-weight:700}
.empty-icon{width:76px;height:76px;display:grid;place-items:center;border:5px solid #d7393e;border-radius:50%;color:#d7393e;font-size:4rem;font-weight:200;line-height:1}
.context-field{margin-top:20px}.context-field label{display:flex;align-items:baseline;justify-content:space-between;margin:0 4px 8px;font-size:1rem;font-weight:700}.context-field label span{color:#716f6b;font-size:.8rem;font-weight:500}.context-field textarea{display:block;width:100%;min-height:70px;max-height:130px;resize:vertical;border:1px solid #ded8d1;border-radius:17px;background:#fff;padding:13px 15px;color:#252525;font:inherit;font-size:1rem;line-height:1.35;box-shadow:0 4px 15px rgba(74,59,43,.05)}.context-field textarea::placeholder{color:#9a9691}.context-field textarea:focus{outline:3px solid rgba(29,101,166,.3);border-color:#1d65a6}.primary-action{min-height:230px}.history-row.has-context{align-items:flex-start;padding:17px 0}.history-copy{flex:1;margin-left:14px;min-width:0}.history-copy .history-label{display:block;margin:0}.history-context{display:block;color:#716f6b;font-size:.88rem;line-height:1.35;margin-top:5px;overflow-wrap:anywhere}
.backup-panel{margin:26px 0 18px;padding:20px;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(74,59,43,.08)}.backup-panel h2{margin:0;font-size:1.08rem}.backup-panel>div>p{margin:4px 0 0;color:#716f6b;font-size:.86rem;line-height:1.4}.backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.backup-button{min-height:48px;border:0;border-radius:14px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:7px}.backup-button span{font-size:1.25rem;line-height:1}.backup-button.readable{grid-column:1/-1;background:#426a4e;color:#fff}.backup-button.export{background:#e7efe8;color:#426a4e}.backup-button.import{background:#eeeae5;color:#4e4d4a}.backup-button:disabled{opacity:.45;cursor:not-allowed}.backup-note{margin:13px 1px 0;color:#716f6b;font-size:.75rem;line-height:1.35}@media(max-width:370px){.backup-actions{grid-template-columns:1fr}}
.clear-panel{margin:0 0 20px;padding:20px;border:1px solid #ead6d6;border-radius:22px;background:#fff}.clear-panel h2{margin:0;font-size:1.08rem}.clear-panel>div>p{margin:4px 0 0;color:#716f6b;font-size:.86rem;line-height:1.4}.clear-history{width:100%;min-height:48px;margin-top:17px;border:1px solid #d9a9aa;border-radius:14px;background:#fff4f4;color:#a3262b;font-weight:750}.clear-history:disabled{opacity:.45;cursor:not-allowed}.clear-note{margin:11px 1px 0;color:#716f6b;font-size:.75rem;line-height:1.35}.update-banner{position:fixed;z-index:15;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),480px);padding:17px;border:1px solid #d8e5da;border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(35,43,37,.2)}.update-banner[hidden]{display:none}.update-banner strong,.update-banner span{display:block}.update-banner strong{font-size:.98rem}.update-banner span{margin-top:2px;color:#716f6b;font-size:.82rem}.update-actions{display:flex;gap:8px;margin-top:13px}.update-actions button{min-height:44px;border:0;border-radius:12px;font-weight:750}.update-actions button:first-child{flex:1;background:#426a4e;color:#fff}.update-actions button:last-child{padding:0 14px;background:#eeeae5;color:#4e4d4a}
.choice.selected.resisted{background:#426a4e}.toast{max-width:calc(100% - 32px);white-space:normal;text-align:center}.dialog-backdrop{align-items:end}@media(min-width:600px){.dialog-backdrop{place-items:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(forced-colors:active){.record-button,.backup-button,.clear-history,.update-actions button,.choice{border:1px solid ButtonText}}
.nav-button{color:#686b65}
.view-title{font-size:2.5rem;letter-spacing:-.04em;line-height:1;margin:12px 0 28px}
button,a,summary,input,textarea{touch-action:manipulation}
.chart-panel{margin:0 0 27px;padding:20px;border-radius:23px;background:#fff;box-shadow:0 8px 28px rgba(74,59,43,.08)}.chart-panel[hidden]{display:none}.chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.chart-header h3{margin:0;font-size:1.08rem}.chart-header p{margin:3px 0 0;color:#716f6b;font-size:.78rem}.chart-range{display:flex;padding:3px;border-radius:12px;background:#eeeae5}.chart-range button{min-height:36px;border:0;border-radius:9px;padding:0 10px;background:transparent;color:#555651;font-size:.74rem;font-weight:750}.chart-range button[aria-pressed="true"]{background:#fff;color:#252525;box-shadow:0 2px 8px rgba(53,48,43,.1)}.chart-totals{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0 8px;color:#5b5d58;font-size:.78rem}.chart-totals span{display:flex;align-items:center;gap:6px}.chart-totals strong{color:#252525;font-size:1rem}.chart-dot{width:9px;height:9px;border-radius:3px}.chart-dot.ceded{background:#b93238}.chart-dot.resisted{background:#426a4e}.chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:12px}.chart-scroll:focus-visible{outline:3px solid #1d65a6;outline-offset:2px}.history-chart{display:block;height:180px;overflow:visible}.history-chart text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;fill:#686b65;font-size:10px}.history-chart .grid{stroke:#e6e1db;stroke-width:1}.history-chart .bar-ceded{fill:#b93238}.history-chart .bar-resisted{fill:#426a4e}.chart-details{margin-top:9px;border-top:1px solid #ece7e1;padding-top:10px}.chart-details summary{color:#555651;font-size:.78rem;font-weight:700;cursor:pointer}.chart-details div{margin-top:9px;color:#686b65;font-size:.76rem;line-height:1.55}.chart-details p{margin:3px 0}@media(max-width:380px){.chart-header{display:block}.chart-range{width:max-content;margin-top:12px}}
