:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-accent: #38bdf8;--color-accent-strong: #0ea5e9;--color-warning: #fbbf24;--color-danger: #f87171;--color-success: #4ade80}:root[data-theme=hell]{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-muted: #64748b;--color-accent: #0891b2;--color-accent-strong: #0e7490;--color-warning: #d97706;--color-danger: #dc2626;--color-success: #16a34a}.app{min-height:100%;max-width:640px;margin:0 auto;padding:calc(1.5rem + env(safe-area-inset-top,0px)) calc(1rem + env(safe-area-inset-right,0px)) calc(6rem + env(safe-area-inset-bottom,0px)) calc(1rem + env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:1.25rem}.app__sidebar{display:contents}.app__header{text-align:center}.app__header h1{margin:0;font-size:1.75rem;font-weight:700}.app__subtitle{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.95rem}.app__main{display:flex;flex-direction:column;gap:1.25rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.card h2{margin:0;font-size:1.1rem}.app__hint{margin:0;color:var(--color-text-muted);font-size:.9rem}.app__error{margin:0;padding:.75rem 1rem;background-color:#f871711f;border:1px solid var(--color-danger);border-radius:10px;color:var(--color-danger);font-size:.9rem}.app__footer{margin-top:auto;padding-top:1rem;text-align:center}.app__footer p{margin:0;color:var(--color-text-muted);font-size:.8rem}.app__version{margin-top:.25rem;font-size:.7rem;opacity:.6}.download-banner{margin-bottom:1.25rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);overflow:hidden}.download-banner__content{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem}.download-banner__text{display:flex;align-items:center;gap:.5rem;min-width:0}.download-banner__label{font-weight:600;font-size:.85rem;white-space:nowrap}.download-banner__hint{color:var(--color-text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-banner__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.download-banner__button{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border:1px solid var(--color-accent);border-radius:8px;background:transparent;color:var(--color-accent);font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,color .15s}.download-banner__button:hover{background:var(--color-accent);color:#fff}.download-banner__close{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;transition:background-color .15s}.download-banner__close:hover{background:var(--color-border)}.mic-status{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500}.mic-status__dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-text-muted);flex-shrink:0}.mic-status__dot--active{background-color:var(--color-success);box-shadow:0 0 0 4px #4ade8033;animation:pulse 1.6s ease-in-out infinite}.mic-status__dot--requesting{background-color:var(--color-warning)}.mic-status__dot--error{background-color:var(--color-danger)}@keyframes pulse{0%,to{box-shadow:0 0 0 4px #4ade8033}50%{box-shadow:0 0 0 8px #4ade8014}}.mic-button{align-self:center;width:100%;max-width:260px;padding:1rem;font-size:1.05rem;font-weight:600;border-radius:999px;border:none;cursor:pointer;color:#0f172a;background-color:var(--color-accent);transition:transform .1s ease,background-color .2s ease}.mic-button:hover:not(:disabled){background-color:var(--color-accent-strong)}.mic-button:active:not(:disabled){transform:scale(.98)}.mic-button:disabled{opacity:.6;cursor:not-allowed}.mic-button--active{background-color:var(--color-danger);color:#fff}.mic-button--active:hover:not(:disabled){background-color:#ef4444}.volume-meter{display:flex;flex-direction:column;gap:.4rem}.volume-meter__track{position:relative;height:18px;border-radius:999px;background-color:var(--color-bg);border:1px solid var(--color-border);overflow:hidden}.volume-meter__threshold{position:absolute;top:0;bottom:0;width:2px;background-color:var(--color-text);opacity:.85;pointer-events:none}.volume-meter__fill{height:100%;border-radius:999px;transition:width 80ms linear,background-color .2s ease;background-color:var(--color-accent)}.volume-meter__fill--medium{background-color:var(--color-warning)}.volume-meter__fill--high{background-color:var(--color-danger)}.volume-meter__label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.volume-meter__calibrated{margin-top:.25rem;font-size:.85rem;color:var(--color-accent);font-variant-numeric:tabular-nums;text-align:right}.slider-control{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--color-text-muted)}.slider-control input[type=range]{width:100%;accent-color:var(--color-accent)}.recorder-controls{display:flex;align-items:center;gap:1rem}.record-button{padding:.75rem 1.25rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:600;border-radius:999px;border:1px solid var(--color-border);cursor:pointer;background-color:var(--color-bg);color:var(--color-text);transition:background-color .2s ease}.record-button:hover:not(:disabled){background-color:var(--color-border)}.record-button:disabled{opacity:.5;cursor:not-allowed}.record-button--active{border-color:var(--color-danger);color:var(--color-danger)}.recorder-timer{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.recording-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.recording-list__item{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:10px}.recording-list__meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.recording-list__item audio{width:100%}.recording-list__prerol{display:flex;flex-direction:column;gap:.25rem;padding-top:.35rem;border-top:1px dashed var(--color-border)}.recording-list__prerol-label{font-size:.75rem;color:var(--color-text-muted)}.tabs{display:flex;gap:.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:.25rem;position:fixed;left:calc(1rem + env(safe-area-inset-left,0px));right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));max-width:640px;margin:0 auto;box-shadow:0 8px 24px #00000059;z-index:20;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tabs__button{flex:1 0 auto;min-width:0;white-space:nowrap;padding:.6rem 1rem;min-height:44px;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.tabs__button--active{background-color:var(--color-accent);color:#0f172a}.detection-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.detection-header h2{margin:0;flex:1}.toggle{display:flex;align-items:center;gap:.4rem;padding:.75rem 0;font-size:.9rem;font-weight:600;cursor:pointer}.toggle input{width:20px;height:20px;flex-shrink:0;accent-color:var(--color-accent)}.detection-status{margin:0;font-size:.9rem;font-weight:600}.detection-status--active{color:var(--color-warning)}.advanced-section{display:flex;flex-direction:column;gap:1rem;padding-top:.25rem;border-top:1px solid var(--color-border)}.link-button{align-self:flex-start;border:none;background:transparent;color:var(--color-accent);font-size:.85rem;font-weight:600;cursor:pointer;padding:.6rem 0}.link-button--danger{color:var(--color-danger)}.danger-button{padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;border-radius:999px;border:1px solid var(--color-danger);background-color:transparent;color:var(--color-danger);cursor:pointer}.danger-button:hover{background-color:#f871711f}.text-input{width:100%;padding:.65rem .75rem;min-height:44px;border-radius:10px;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.95rem}.form-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--color-text-muted)}.form-field select,.form-field input[type=date],.form-field input[type=number],.form-field input[type=text],.form-field textarea{padding:.5rem;min-height:44px;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:.9rem}.form-field textarea{resize:vertical;min-height:3rem}.form-field--row{flex-direction:row;gap:.75rem}.form-field--row>.form-field{flex:1}.filter-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.export-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.event-list__item{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:10px}.event-list__item--favorite{border-color:var(--color-warning)}.event-list__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;font-size:.85rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.favorite-toggle{padding:.75rem;margin:-.75rem;border:none;background:none;color:var(--color-text-muted);font-size:1.3rem;line-height:1;cursor:pointer}.favorite-toggle--active{color:var(--color-warning)}.event-list__date{color:var(--color-text);font-weight:600}.quiet-hours-badge{padding:.15rem .5rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent-strong);font-size:.78rem;font-weight:600;white-space:nowrap}.manual-badge{padding:.15rem .5rem;border-radius:999px;border:1px dashed var(--color-text-muted);color:var(--color-text-muted);font-size:.78rem;font-weight:600;white-space:nowrap}.event-list__volume-estimated{font-style:italic;color:var(--color-text-muted)}.event-list__volume{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.85rem;font-variant-numeric:tabular-nums}.event-list__volume-avg{color:var(--color-text-muted)}.event-list__volume-calibrated{color:var(--color-accent)}.event-list__fields{display:flex;flex-direction:column;gap:.5rem}.event-list__fields select,.event-list__fields textarea,.event-list__fields input[type=text]{width:100%;padding:.5rem;border-radius:8px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:.9rem}.event-list__fields textarea{resize:vertical}.event-list__fields select,.event-list__fields input[type=text]{min-height:44px}.event-list__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.event-list__actions--column{flex-direction:column;align-items:flex-start}.manual-event-button{padding:.6rem 1.1rem;min-height:44px;border-radius:999px;border:1px solid var(--color-accent);background-color:var(--color-accent);color:#0f172a;font-weight:600;font-size:.9rem;cursor:pointer}.manual-event-button:hover{background-color:var(--color-accent-strong);border-color:var(--color-accent-strong)}.manual-event-form{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;margin:.5rem 0 1rem;border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-bg)}.dst-ambiguity{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-subtle, rgba(0, 0, 0, .03))}.dst-ambiguity__option{display:flex;align-items:center;gap:.4rem;font-weight:400}.event-photo{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.5rem}.event-photo__preview{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.event-photo__thumbnail{max-width:140px;max-height:140px;border-radius:8px;border:1px solid var(--color-border);object-fit:cover}.event-photo__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.event-photo__add-label,.event-photo__remove-button{display:inline-flex;align-items:center;position:relative;min-height:44px}.impact-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.impact-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 .85rem;border-radius:999px;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer}.impact-chip--active{border-color:var(--color-accent);background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent-strong)}.timeline-header{display:flex;flex-direction:column;gap:.5rem}.timeline-header h2{margin:0}.timeline-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.timeline-nav__date{font-weight:600;font-variant-numeric:tabular-nums}.timeline{display:flex;flex-direction:column;gap:.35rem}.timeline__track{position:relative;height:48px;border-radius:8px;background-color:var(--color-bg);border:1px solid var(--color-border);overflow:hidden}.timeline__segment{position:absolute;top:4px;bottom:4px;min-width:3px;border-radius:4px;background-color:var(--color-accent);cursor:default}.timeline__segment--medium{background-color:var(--color-warning)}.timeline__segment--high{background-color:var(--color-danger)}.timeline__segment--manual{background-color:var(--color-border);background-image:repeating-linear-gradient(45deg,var(--color-text-muted) 0,var(--color-text-muted) 2px,transparent 2px,transparent 6px)}.timeline__axis{position:relative;height:1.1rem}.timeline__tick{position:absolute;font-size:.7rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline__tick--left{transform:translate(0)}.timeline__tick--center{transform:translate(-50%)}.timeline__tick--right{transform:translate(-100%)}.stats-summary{display:flex;gap:1rem;flex-wrap:wrap}.stats-summary__item{flex:1;min-width:110px;display:flex;flex-direction:column;gap:.15rem;padding:.75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:10px}.stats-summary__value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.stats-summary__label{font-size:.8rem;color:var(--color-text-muted)}.bar-chart{display:flex;align-items:flex-end;gap:.35rem;height:120px}.bar-chart--days{gap:.2rem}.bar-chart__column{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem}.bar-chart__bar{width:100%;min-height:2px;border-radius:4px 4px 0 0;background-color:var(--color-accent)}.bar-chart__value{font-size:.7rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-height:1em}.bar-chart__label{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap}.loudest-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.loudest-list__item{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.6rem .75rem;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:10px}.pattern-insights{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.pattern-insights li{padding-bottom:.6rem;border-bottom:1px solid var(--color-border)}.pattern-insights li:last-child{padding-bottom:0;border-bottom:none}.loudest-list__db{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-warning);flex-shrink:0}.loudest-list__db-calibrated{font-weight:400;color:var(--color-text-muted)}.loudest-list__meta{font-size:.85rem;color:var(--color-text-muted);text-align:right}.heatmap{display:flex;flex-direction:column;gap:.75rem}.heatmap__scroll{overflow-x:auto;padding-bottom:.25rem}.heatmap__row{display:flex;gap:2px;margin-bottom:2px}.heatmap__row:last-child{margin-bottom:0}.heatmap__row--header{margin-bottom:4px}.heatmap__weekday-label{position:sticky;left:0;z-index:1;flex:0 0 26px;width:26px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-text-muted);background-color:var(--color-surface)}.heatmap__weekday-label--corner{font-weight:400}.heatmap__hour-label{flex:0 0 20px;width:20px;font-size:.65rem;color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums}.heatmap__cell{flex:0 0 20px;width:20px;height:20px;border-radius:4px;background-color:var(--color-bg);border:1px solid var(--color-border)}.heatmap__cell:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:1px}.heatmap__cell--1{background-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-bg));border-color:transparent}.heatmap__cell--2{background-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-bg));border-color:transparent}.heatmap__cell--3{background-color:color-mix(in srgb,var(--color-accent) 80%,var(--color-bg));border-color:transparent}.heatmap__cell--4{background-color:var(--color-accent-strong);border-color:transparent}.heatmap__legend{display:flex;align-items:center;gap:.3rem}.heatmap__legend-label{font-size:.75rem;color:var(--color-text-muted)}.heatmap__legend-swatch{flex:0 0 16px;width:16px;height:16px}@media(max-width:400px){.app{padding:calc(1rem + env(safe-area-inset-top,0px)) calc(.75rem + env(safe-area-inset-right,0px)) calc(6rem + env(safe-area-inset-bottom,0px)) calc(.75rem + env(safe-area-inset-left,0px))}.card{padding:1rem}.tabs{gap:.25rem;padding:.2rem}.tabs__button{padding:.55rem .6rem;font-size:.88rem}.download-banner__content{flex-wrap:wrap;gap:.5rem}.download-banner__hint{display:none}}@media(max-width:480px){.bar-chart--days .bar-chart__column:nth-child(odd) .bar-chart__label{visibility:hidden}}@media(min-width:900px){.app{max-width:none;margin:0;padding:0;min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"sidebar main" "sidebar footer";gap:0}.app__sidebar{display:flex;grid-area:sidebar;flex-direction:column;gap:2.25rem;align-self:start;position:sticky;top:0;height:100vh;padding:2rem 1.25rem;overflow-y:auto;background-color:var(--color-surface);border-right:1px solid var(--color-border)}.app__header{text-align:left}.tabs{position:static;left:auto;right:auto;bottom:auto;margin:0;max-width:none;flex-direction:column;align-items:stretch;gap:.25rem;padding:0;border:none;background:none;box-shadow:none;overflow:visible}.tabs__button{flex:none;min-width:0;text-align:left;padding:.7rem .9rem;border-radius:10px;white-space:nowrap}.tabs__button--active{background-color:var(--color-accent);color:#0f172a}.app__main{grid-area:main;width:100%;max-width:880px;margin:0 auto;padding:2.5rem 2.25rem 1rem}.app__footer{grid-area:footer;width:100%;max-width:880px;margin:0 auto;padding:1rem 2.25rem 2rem;text-align:left}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg, #0f172a);color:var(--color-text, #e2e8f0);-webkit-font-smoothing:antialiased}button{font-family:inherit}