.sonne-tool{gap:24px;padding-bottom:40px;display:grid}.sonne-tool label{margin-bottom:8px;display:block}.sonne-tool input{background:var(--control);width:100%;color:var(--text);border:1px solid var(--control-line);border-radius:8px;margin-bottom:12px}.sonne-tool button{background:var(--control);min-height:44px;color:var(--text);border:1px solid var(--control-line);border-radius:8px;padding:10px 14px}.sonne-tool button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg)}.sonne-buttons{flex-wrap:wrap;gap:8px;display:flex}.sonne-tool :is(button,input,a,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sonne-results{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sonne-main-value span:first-child{font-family:var(--number-font);font-size:clamp(40px,6vw,68px);font-weight:600;line-height:1.2;display:block}.sonne-chart{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(4px,1vw,18px);max-width:960px;margin-top:28px;display:grid}.sonne-pair{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0 49px,var(--line) 49px 50px);align-items:flex-end;gap:3px;height:200px;display:flex}.sonne-bar{border-radius:3px 3px 0 0;width:50%;min-width:0;display:block}.sonne-month-name{text-align:center;margin-top:8px;font-size:12px;display:block}.sonne-bar.observed,.sonne-chart-legend .observed{background:var(--link)}.sonne-bar.normal,.sonne-chart-legend .normal{background:var(--accent);border:1px solid var(--control-line);background-image:repeating-linear-gradient(45deg,#0000 0 4px,#644900 4px 5px)}.sonne-chart-legend{flex-wrap:wrap;gap:16px;margin-block:18px;display:flex}.sonne-chart-legend>span{align-items:center;gap:8px;display:flex}.sonne-chart-legend i,.sonne-map-legend i{border:1px solid var(--control-line);flex:none;width:16px;height:16px;display:inline-block}.sonne-tool details summary{cursor:pointer;min-height:44px;padding-block:12px}.sonne-table-wrap{overflow:auto}.sonne-tool table{border-collapse:collapse;width:100%}.sonne-tool td,.sonne-tool th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.sonne-map{height:clamp(380px,80vw,700px)}.sonne-map svg{width:100%;height:100%}.sonne-map path[data-ags]{cursor:pointer}.sonne-map path[data-ags]:focus{stroke:var(--text);stroke-width:5px;paint-order:stroke fill;outline:none}.sonne-map-legend{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.sonne-map-legend span{align-items:center;gap:6px;display:flex}.sonne-tool .source a{overflow-wrap:anywhere}.sonne-tool .panel-content{min-width:0}@media (width<=700px){.sonne-results{grid-template-columns:1fr}.sonne-tool h1{overflow-wrap:anywhere}.sonne-tool th,.sonne-tool td{padding:10px 4px;font-size:13px}}.sonne-tool [hidden]{display:none!important}.sonne-kreis-row{align-items:end;gap:12px;display:grid}.sonne-kreis-row input{margin:0}.sonne-kreis-row button{white-space:nowrap;justify-self:start}.sonne-map-pair{align-items:start;gap:24px;display:grid}.sonne-map-choice{background:var(--control);border:1px solid var(--control-line);border-radius:12px;padding:20px}.sonne-map-choice p{margin-top:16px}.sonne-map-choice a{align-items:center;min-height:44px;margin-top:12px;display:inline-flex}.sonne-short-method p{margin-top:12px}@media (width>=700px){.sonne-kreis-row{grid-template-columns:minmax(0,1fr) auto}}@media (width>=1100px){.sonne-map-pair:has(.sonne-map-choice:not([hidden])){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.sonne-map-pair:has(.sonne-map-choice:not([hidden])) .sonne-map{height:560px}}.sonne-map path[aria-pressed=true]{stroke:var(--text);stroke-width:4px;paint-order:stroke fill}