.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.view-tabs{display:flex;gap:32px;margin:18px 0 0;border-bottom:1px solid var(--border)}.view-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 0;color:var(--muted);font-size:15px;cursor:pointer}.view-tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:var(--ink)}.view-tabs button:hover{color:var(--orange)}
main>.storage-status{margin:18px 0}.day-tile{min-width:0;position:relative;min-height:138px}.day-tile>.door{width:100%;height:100%;min-height:inherit}.day-tile:last-child{grid-column:span 2}.day-tile.has-link .tile-status{justify-content:flex-start;right:72px;bottom:12px}.tile-app-button{position:absolute;right:9px;bottom:9px;z-index:6;background:#f6995615;border:1px solid #f6995655;color:#ffc294;border-radius:4px;padding:5px 9px;font:500 13px/1.3 var(--sans);text-decoration:none;transition:background .2s}.tile-app-button:hover{background:#f6995628;color:#ffd7b8}.tile-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;width:100%;line-height:1.15;padding:0 2px}.tile-theme{font:13px/1.4 var(--sans)!important;color:#c4aebf;display:block;margin:5px 0 0}.day-tile .door.has-note{min-height:210px}.day-tile .door .door-inside{padding-bottom:43px}.day-tile .door.has-note .door-inside{padding-top:27px}.day-tile .door.opened .door-inside{gap:5px}.day-tile .door-note{margin-top:7px}.day-tile .door .tile-status>span:first-child{font-size:12px}
.record-heading{font-family:var(--serif);font-size:27px;font-weight:500;margin:0 0 18px}.spaced-label{margin-top:18px}.app-launch-button{border:1px solid #f6995680;border-radius:5px;padding:9px 14px;text-decoration:none;background:#f6995611;font-weight:500}.app-launch-button:hover{background:#f6995622}.time-fields{border:0;border-top:1px solid var(--border);margin:24px 0 18px;padding:20px 0 0;min-width:0}.time-fields legend{font-size:15px;color:var(--ink);padding:0 9px 0 0;font-weight:500}.time-fields>p{font-size:13px;color:var(--muted);margin:0 0 15px}.times-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.times-grid label{font-size:14px;min-height:44px;line-height:1.5;font-weight:400}.times-grid input{font-size:16px}.app-cost-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#14111c55;border:1px solid var(--border);border-radius:7px;padding:14px}.app-cost-preview>div{display:flex;flex-direction:column;gap:7px;min-width:0}.app-cost-preview span{font-size:13px;color:var(--muted)}.app-cost-preview strong{font-size:19px;font-weight:500;color:var(--orange);overflow-wrap:anywhere}
.utility-panel{padding:36px 0 44px;animation:page-arrive .35s ease both;min-height:620px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.panel-heading h1{font-size:52px;line-height:1.05;margin:0 0 10px;font-weight:500}.panel-heading .eyebrow{margin-bottom:12px}.panel-heading>div>p:last-child{font-size:16px;color:var(--muted);margin:0;line-height:1.6}.quiet-button{background:#f6995608;border:1px solid #f6995650;color:var(--orange);padding:10px 15px;border-radius:5px;font-size:14px;cursor:pointer}.quiet-button:hover{background:#f6995618}.completion-overview{display:flex;align-items:center;gap:24px;margin:0 0 22px;color:#c5b5cd;font-size:14px}.completion-overview progress{flex:1;max-width:260px;height:6px;border:0;border-radius:10px;background:#3b3048;color:var(--orange);accent-color:var(--orange);overflow:hidden}.completion-overview progress::-webkit-progress-bar{background:#3b3048;border-radius:10px}.completion-overview progress::-webkit-progress-value{background:var(--orange);border-radius:10px}.completion-overview progress::-moz-progress-bar{background:var(--orange);border-radius:10px}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-card{border:1px solid #baa1cf27;background:linear-gradient(145deg,#2a2234bb,#1c1924dd);border-radius:9px;padding:22px;min-width:0}.metric-card h2{font:500 14px/1.5 var(--sans);color:#ccbcd6;margin:0}.metric-card .metric-value{font-family:var(--serif);font-size:44px;line-height:1.15;margin:13px 0 10px;overflow-wrap:anywhere;letter-spacing:-.4px}.metric-card>span{font-size:13px;line-height:1.6;color:var(--muted);display:block}.cost-card{border-color:#f6995638;background:linear-gradient(145deg,#342831aa,#231d2bcc)}.cost-card .metric-value{color:var(--orange)}.calculation-note{font-size:13px;line-height:1.7;color:var(--muted);margin:16px 0 0}.calculation-note+.calculation-note{margin-top:6px}.stats-list{margin-top:30px}.stats-list>h2{font-family:var(--serif);font-size:28px;font-weight:500;margin:0 0 16px}.empty-message{font-size:16px;color:var(--muted);padding:26px;border:1px dashed #baa1cf32;border-radius:8px;line-height:1.6}.table-scroll{overflow-x:auto;border:1px solid #baa1cf27;border-radius:8px;background:#1b1722bb}.table-scroll table{width:100%;border-collapse:collapse;min-width:820px;text-align:left}.table-scroll th,.table-scroll td{padding:15px 16px;border-bottom:1px solid var(--border);font-size:14px;white-space:nowrap;line-height:1.5}.table-scroll thead th{font-weight:500;color:#c4b0cf;background:#211b2be0}.table-scroll tbody th{font-weight:400;white-space:normal;max-width:260px}.table-scroll tbody tr:last-child>*{border-bottom:0}.stats-app-name{display:block;font-size:15px;color:var(--ink);overflow-wrap:anywhere}.stats-app-day{display:block;font-size:12px;color:var(--muted);margin-top:4px}.table-app-link{color:var(--orange);text-decoration:none;padding:6px 9px;border:1px solid #f6995644;border-radius:4px;font-size:13px;display:inline-block}.table-app-link:hover{background:#f6995612}
.settings-form{max-width:920px;border:1px solid #baa1cf27;background:linear-gradient(145deg,#2a2234bb,#1c1924dd);padding:28px;border-radius:9px}.rates-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.rate-field label{font-size:16px;font-weight:500;display:block;margin-bottom:12px}.number-unit{display:flex;align-items:center;gap:12px}.number-unit input{min-width:0;width:100%;background:#14111eaa;border:1px solid #b494be4a;border-radius:6px;color:var(--ink);font:20px/1.4 var(--sans);padding:12px}.number-unit input:focus{outline:2px solid var(--orange);outline-offset:2px}.number-unit>span{color:var(--orange);font-size:16px;white-space:nowrap}.rate-field>p{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 0}.settings-formulas{margin:24px 0;border-top:1px solid var(--border);padding-top:18px}.settings-formulas p{margin:0 0 14px;display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.6}.settings-formulas strong{color:#d3bdcb;font-weight:500}.settings-formulas span{color:var(--muted)}.settings-form .note-actions{margin-top:14px}.settings-form input:disabled{opacity:.5}
@media(min-width:1500px){.day-tile{min-height:154px}}
@media(max-width:1050px){.day-tile{min-height:136px}.metric-card{padding:18px}.metric-card .metric-value{font-size:39px}}
@media(max-width:700px){.view-tabs{gap:24px;margin-top:10px}.view-tabs button{font-size:14px}.day-tile{min-height:140px}.day-tile .door .door-face{flex-direction:column;gap:0}.day-tile .door.has-note{min-height:196px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card .metric-value{font-size:35px}.panel-heading h1{font-size:44px}.rates-grid{gap:22px}.settings-form{padding:22px}.utility-panel{padding-top:28px}.panel-heading{align-items:flex-start}.tile-app-button{padding:5px 7px;font-size:12px;right:7px}.day-tile.has-link .tile-status{right:63px;left:7px}}
@media(max-width:460px){.day-tile:last-child{grid-column:span 2}.day-tile .door .door-face{flex-direction:column;gap:0}.day-tile:last-child .door .door-face{flex-direction:row;gap:20px}.view-tabs{gap:20px}.metric-grid{gap:10px}.metric-card{padding:16px 13px}.metric-card .metric-value{font-size:30px}.metric-card h2{font-size:13px}.panel-heading{flex-direction:column;gap:16px}.panel-heading h1{font-size:42px}.rates-grid,.times-grid{grid-template-columns:1fr}.times-grid label{min-height:0}.rates-grid{gap:26px}.settings-form{padding:20px}.completion-overview{gap:16px;font-size:13px}.completion-overview progress{max-width:90px}.app-cost-preview{padding:12px;gap:10px}.app-cost-preview span{font-size:12px}.tile-title{font-size:23px}.tile-theme{font-size:12px!important}.day-tile .door.has-note{min-height:196px}}
@media(prefers-reduced-motion:reduce){.utility-panel{animation:none!important}.tile-app-button{transition:none}}

/* Closed doors must never show their revealed content through the front. */
.door:not(.opened):not(.opening) .door-inside{visibility:hidden}
.tile-status>span:first-child{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:700px){
 .door{perspective:none}
 .door-face{backface-visibility:visible;transition:opacity .3s ease,border-color .2s ease}
 .door.available-door:hover .door-face{transform:none}
 .door.opening .door-face{transform:none;opacity:0}
 .day-tile .door .door-inside{padding-bottom:56px}
 .day-tile .door.has-note .door-inside{padding-bottom:56px}
 .tile-status{bottom:10px}
 .day-tile.has-link .tile-status{bottom:10px;left:9px;right:80px}
 .day-tile .door .tile-status>span:first-child{font-size:14px;padding:5px 8px;line-height:1.4}
 .tile-app-button{font-size:14px;padding:5px 9px;line-height:1.4;right:9px;bottom:10px}
}
@media(max-width:460px){
 .calendar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .day-tile{min-height:158px}
 .day-tile .door.available-door:not(.has-note){min-height:158px}
 .day-tile .door.has-note{min-height:210px}
 .day-tile .door .door-inside{font-size:26px;padding-left:10px;padding-right:10px}
 .tile-title{font-size:26px;line-height:1.15;overflow-wrap:normal;word-break:normal}
 .tile-theme{font-size:14px!important}
 .door-caption{font-size:12px;letter-spacing:.5px}
}