:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;justify-content:center;align-items:center;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #f4f4f4;--text: #1a1a1a}@media (prefers-color-scheme: dark){:root{--bg: #1a1a1a;--text: #f4f4f4}}body{background:#222;color:#eee;font-family:sans-serif;margin:0;box-sizing:border-box;padding:0 .5rem}.app-container{min-height:100vh;padding:0;margin:0}.inner-container{width:100%;max-width:500px;margin:0 auto;padding:0}h1{font-size:2rem;margin-bottom:1rem;margin-top:.5rem;text-align:center}.counts-row{display:flex;gap:1rem}.counts-field{flex:1;display:flex;flex-direction:column}.pair-row{display:flex;gap:1rem}.pair-field{flex:1;display:flex;flex-direction:column}.form-row{display:flex;gap:1rem;margin-bottom:.18rem;align-items:flex-end}@media (max-width: 325px){.form-row{flex-direction:column;gap:.5rem;align-items:stretch}}.instructions-container{margin-bottom:0;background:var(--card-background);color:var(--card-foreground);border-radius:6px;padding:0;transition:background .3s,color .3s}.instructions-toggle{background:var(--background);color:var(--foreground);border:none;padding:.5em 1em;font-weight:700;border-radius:4px;cursor:pointer;margin-bottom:.5em;transition:background .3s,color .3s}.instructions-content{margin-top:.5em}form.form-card{background:#262626;padding:1.25rem;border-radius:1rem;box-shadow:0 1px 8px #00000026;display:flex;flex-direction:column;gap:.6rem;min-width:0}.form-card label{display:block;margin-bottom:.35rem}.form-card input[type=text],.form-card input[type=number],.form-card input[type=date],.form-card select,.form-card textarea{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid #444;background:#181818;color:#eee;font-size:1rem;box-sizing:border-box}.form-card textarea{min-height:60px;resize:vertical}.form-card .checkbox-row{display:flex;align-items:center}.form-card input[type=checkbox]{margin-right:.5rem;width:1.25em;height:1.25em}.form-card button[type=submit]{width:100%;padding:1rem;background:#111;color:#fff;border-radius:.5rem;border:none;font-size:1.1rem;font-weight:700;margin-top:.5rem;cursor:pointer}.copied-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#222;color:#fff;padding:1rem 2rem;border-radius:.5rem;box-shadow:0 0 10px #0000004d;z-index:999;font-size:1.2rem}.output-pre{white-space:pre-wrap;background-color:#181818;color:#eee;padding:1rem;margin:1.5rem 0 0;border-radius:.7rem;font-family:monospace;border:1px solid #444;font-size:1rem;overflow-x:auto;word-break:break-word;overflow-wrap:anywhere;word-wrap:break-word}.header-container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.header-container h1{margin:0;padding-top:1rem;width:100%;text-align:center;padding-left:1rem;padding-right:1rem}.return-btn{display:inline-flex;align-items:center;background:#111;color:#fff;border-radius:.5rem;border:none;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 1px 5px #0000001f;margin:.5em 0 0;text-decoration:none;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);width:.5em;padding:.2em .4em;white-space:nowrap;position:absolute;left:0;top:50%;transform:translateY(-50%)}.return-btn .arrow,.return-btn .return-text{opacity:0;width:0;margin:0;transition:opacity .2s,width .2s,margin .2s;overflow:hidden;display:inline-flex}.return-btn:hover,.return-btn:focus{width:7em;padding:.2em 1em}.return-btn:hover .arrow,.return-btn:focus .arrow,.return-btn:hover .return-text,.return-btn:focus .return-text{opacity:1;width:auto;margin-left:.5em}.return-btn .dots{opacity:1;transition:opacity .2s;font-size:1.2em;line-height:1;margin-right:.1em}.return-btn:hover .dots,.return-btn:focus .dots{opacity:0}.return-btn.expanded{width:11.5em;padding:.2em 1em}.return-btn.expanded .arrow,.return-btn.expanded .return-text{opacity:1;width:auto;margin-left:.5em}.return-btn.expanded .dots{opacity:0}footer{margin-top:2rem;text-align:center;font-size:.875rem;padding-top:1rem}footer a{color:#888;text-decoration:none;transition:color .25s}footer a:hover{color:#646cff;text-decoration:underline}.paizo-notice{margin-top:1.5rem;font-size:.75rem;color:#666;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.paizo-notice a{color:#666}.paizo-notice a:hover{color:#888}.period-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr) minmax(0,1fr);gap:.5rem}.period-row label,.period-row input{min-width:0}.clear-dates-button{margin-left:auto;padding:.3rem .5rem;font-size:.85rem;color:#eee;background:#181818;border:1px solid #555;white-space:nowrap}@media (max-width: 440px){.period-row{grid-template-columns:minmax(0,1fr)}}#root{width:100%;min-width:0}.form-section{border:1px solid #555;border-radius:.85rem;padding:.6rem;margin:0;min-width:0}.form-section legend{padding:0 .3rem;font-size:.9rem;color:#ccc}.form-section .form-row>label{flex:1 1 0;min-width:0}.form-section label,.form-section input,.form-section select,.form-section textarea,.form-section .result-mode-row{min-width:0;max-width:100%}.form-section .result-mode-row>label{flex:1}@media (max-width: 440px){form.form-card{padding:.6rem}.form-section .form-row{gap:.5rem}}.entry-mode{display:flex;gap:.4rem;margin-bottom:.7rem}.entry-mode button{flex:1;min-width:0;padding:.5rem;color:#ccc;background:#202020;border:1px solid #555}.entry-mode button[aria-pressed=true]{color:#fff;background:#35434a;border-color:#91b5c5}.check-list{display:grid;gap:.6rem;margin-bottom:.8rem;min-width:0}.check-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:.5rem}.check-progress{font-size:.85rem;color:#ccc}.check-card{min-width:0;margin:0;border:1px solid #444;border-radius:.65rem;padding:.6rem;background:#202020}.check-allocation{display:flex;align-items:center;gap:.6rem}.check-allocation label{flex:1;min-width:0}.check-allocation button,.add-check{color:#eee;background:#292929;border:1px solid #555;padding:.45rem .65rem;font-size:.85rem}.check-result,.check-hint{margin:.4rem 0 0;font-size:.85rem;overflow-wrap:anywhere}.check-result{color:#b6d5c1}.check-hint{color:#bbb}.character-saves{min-width:0;position:relative;margin-bottom:.6rem}.character-save-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.form-card .character-save-buttons button,.form-card .character-picker-actions button{min-height:26px;padding:2px;margin:0;font-size:.8rem;line-height:1.2;background:#333;color:#eee;border:1px solid #777;border-radius:5px}.character-save-note{font-size:.85rem;overflow-wrap:anywhere;margin:.3rem 0}.character-save-note:empty{display:none}.character-picker{min-width:0;padding:4px 0}.form-card .character-picker select{width:100%;min-width:0;min-height:26px;padding:2px 4px}.character-picker-actions{display:flex;gap:.5rem}.character-picker-actions button{flex:1;min-width:0}.character-picker-actions button:disabled{opacity:.45}.character-saves button:focus-visible{outline:2px solid #8dc8ff;outline-offset:2px}.character-skills{min-width:0}.task-dc-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,2fr) minmax(0,1fr);gap:.6rem}.task-dc-row>label{min-width:0}.task-dc-row input,.task-dc-row select{min-width:0;width:100%;box-sizing:border-box}@media (max-width: 480px){.task-dc-row{grid-template-columns:repeat(2,minmax(0,1fr))}.task-dc-row>label:nth-child(2){grid-column:1 / -1;grid-row:2}}.task-dc-row{align-items:end}.instructions-content details{border-top:1px solid #555;padding:.65rem 0}.instructions-content summary{cursor:pointer;font-weight:600}.instructions-content details p{margin:.6rem 0}.app-container{--action-height: 26px;--action-gap: 4px}.app-container button[type=button]:not([aria-pressed]):not(.popover-help-trigger){box-sizing:border-box;min-height:var(--action-height);padding:2px 6px;font-size:.8rem;line-height:1.2}.app-container .character-save-buttons,.app-container .character-picker-actions,.app-container .check-allocation,.app-container .sheet-layout-actions,.app-container .sheet-layout-move,.app-container .sheet-template-row,.app-container .sheet-template-new,.app-container .output-controls{gap:var(--action-gap)}.app-container .character-save-buttons button{padding-inline:2px}.form-card{--field-row-gap: 4px}.form-card label{margin-bottom:var(--field-row-gap)}.form-card input:not([type=checkbox]):not([type=file]),.form-card select,.form-card textarea{display:block}.form-card .form-row{margin-bottom:0;row-gap:0}.form-card .period-row,.form-card .task-dc-row,.form-card .check-pair{row-gap:0}.modifier-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem}.modifier-total{font-size:.75rem;color:#bbb}.result-mode-row{position:relative;display:flex;align-items:baseline;gap:.2em}.popover-help{position:static;display:inline-block;flex-shrink:0}.popover-help-trigger{cursor:pointer;padding:0;border:none;background:transparent;font-size:1em;-webkit-user-select:none;user-select:none}.popover-help-popover{background:#222;color:#fff;position:absolute;right:0;top:120%;z-index:100;padding:.75em 1em;border-radius:8px;box-shadow:0 2px 8px #0000004d;width:280px;max-width:calc(100vw - 4rem);box-sizing:border-box;font-size:.95em;white-space:normal}@media (max-width: 530px){.popover-help-popover{font-size:.85em}}.output-controls{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.output-controls button{background:#333;color:#eee;border:1px solid #666;border-radius:.4rem;padding:.4rem .6rem;cursor:pointer}.output-controls button[aria-pressed=true]{border-color:#9dc6ef;background:#384b5e}.output-controls button:last-child:not([aria-pressed]){margin-left:auto}.output-section .output-pre{margin-top:.4rem;overflow-wrap:anywhere}.sheet-preview{margin-top:.4rem;border:1px solid #444;border-radius:.4rem;overflow:hidden}.sheet-preview-pair{display:grid;grid-template-columns:minmax(7rem,40%) minmax(0,1fr);border-top:1px solid #444}.sheet-preview-pair:first-child{border-top:0}.sheet-preview-label,.sheet-preview-value{padding:.4rem .6rem;overflow-wrap:anywhere}.sheet-preview-label{background:#303030;font-weight:600}.sheet-preview-value{background:#181818}.sheet-layout-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.6rem 0}.sheet-layout-actions button,.sheet-layout-move button{background:#333;color:#eee;border:1px solid #666;border-radius:.4rem;padding:.35rem .55rem;cursor:pointer}.sheet-layout-actions button:disabled,.sheet-layout-move button:disabled{opacity:.45;cursor:default}.sheet-layout-editor{border:1px solid #555;border-radius:.4rem;margin:.5rem 0}.sheet-layout-column{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.5rem;padding:.5rem;border-top:1px solid #555}.sheet-layout-column:first-child{border-top:0}.sheet-layout-toggle{display:flex;align-items:center;gap:.25rem;padding-bottom:.35rem;white-space:nowrap}.sheet-layout-flags{align-self:center}.sheet-layout-name{min-width:0}.sheet-layout-name input{box-sizing:border-box;width:100%}.sheet-layout-blank{align-self:center;overflow-wrap:anywhere}.sheet-layout-move{display:flex;gap:.2rem;padding-bottom:.1rem}.sheet-layout-notice{margin:.25rem 0;font-size:.9rem;overflow-wrap:anywhere}.sheet-template-row,.sheet-template-new{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.4rem;margin-top:.6rem}.output-section{min-width:0;width:100%}.sheet-layout-name input{min-width:0;padding:.4rem;background:#181818;color:#eee;border:1px solid #555;border-radius:.4rem}.sheet-layout-toggle input{width:auto;margin:0}.sheet-template-row label,.sheet-template-new label,.sheet-layout-name{display:flex;flex-direction:column;gap:.25rem}@media (max-width: 420px){.sheet-layout-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-layout-column{grid-template-columns:minmax(0,1fr) auto}.sheet-layout-flags{grid-column:1 / -1;display:flex;gap:.8rem}.sheet-preview-pair{grid-template-columns:minmax(0,40%) minmax(0,1fr)}}.sheet-template-row label,.sheet-template-new label{min-width:0}.sheet-template-row select,.sheet-template-new input{box-sizing:border-box;min-width:0;width:100%;padding:.4rem;border:1px solid #555;border-radius:.4rem;background:#181818;color:#eee}.sheet-template-row button,.sheet-template-new button{padding:.4rem .6rem;border:1px solid #666;border-radius:.4rem;background:#333;color:#eee}.sheet-template-row button:disabled{opacity:.45}.sheet-template-new{grid-template-columns:minmax(0,1fr) auto}