.tara-page .tara-panel{background:hsl(var(--card));border:3px solid hsl(var(--border));box-shadow:4px 4px 0 hsl(var(--border))}.tara-page .tara-good{--tara-ink:#235342;--tara-wash:#e7f3e8;--tara-accent:#427f58}.tara-page .tara-average{--tara-ink:#684817;--tara-wash:#fff1d2;--tara-accent:#a67725}.tara-page .tara-bad{--tara-ink:#803c35;--tara-wash:#fbe8e3;--tara-accent:#ad5b50}.dark .tara-page .tara-good{--tara-ink:#c1e5c8;--tara-wash:#20392d;--tara-accent:#8ebd93}.dark .tara-page .tara-average{--tara-ink:#f1d7a4;--tara-wash:#403421;--tara-accent:#d8b264}.dark .tara-page .tara-bad{--tara-ink:#f3c6bf;--tara-wash:#422c2a;--tara-accent:#d48e82}.tara-page .tara-summary{background:var(--tara-wash);color:var(--tara-ink);border:3px solid hsl(var(--border));box-shadow:6px 6px 0 hsl(var(--border));align-items:center;gap:2rem;padding:2rem;display:flex}.tara-score{flex:0 0 170px;width:170px;height:170px;position:relative}.tara-score svg{width:100%;height:100%;transform:rotate(-90deg)}.tara-score circle{fill:none;stroke-width:9px}.tara-score-track{stroke:currentColor;opacity:.13}.tara-score-fill{stroke:var(--tara-accent);stroke-linecap:round}.tara-score>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tara-score strong{font-size:3.5rem;line-height:1.1;font-family:var(--font-display,inherit)}.tara-score span{letter-spacing:.15em;margin-top:.5rem;font-size:.65rem;font-weight:700}.tara-pill{border:1px solid var(--tara-accent);color:var(--tara-ink);background:var(--tara-wash);align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.tara-page .tara-panel.tara-good,.tara-page .tara-panel.tara-bad{background:var(--tara-wash);color:var(--tara-ink)}.tara-guide p{color:hsl(var(--muted-foreground));margin-top:1rem;line-height:1.8}.tara-guide h2{margin-bottom:1.5rem;font-size:clamp(2.25rem,4vw,3rem);font-weight:700;line-height:1.2}.tara-guide p{font-size:1.125rem}.tara-guide h3{margin-top:1.5rem;font-size:1.2rem;font-weight:700}.tara-guide a{color:hsl(var(--primary));text-underline-offset:3px;text-decoration:underline}.tara-toolbar{background:hsl(var(--card));border:2px solid hsl(var(--border));align-items:center;gap:.5rem;min-width:0;padding:.5rem;display:flex}.tara-toolbar input{border:1px solid hsl(var(--border) / .35);flex-shrink:0;width:145px;height:36px;padding:.4rem .5rem;font-size:.875rem}.tara-toolbar input[type=time]{width:112px}.tara-toolbar .tara-place-trigger{border:1px solid hsl(var(--border) / .35);flex:1;justify-content:flex-start;gap:.4rem;min-width:0;height:36px;padding:.4rem .6rem}.tara-toolbar .tara-update-button{gap:.4rem;height:36px;padding:.4rem .75rem}.tara-wheel{overflow:visible}.tara-wheel-rim{fill:hsl(var(--card));stroke:hsl(var(--border));stroke-width:3px}.tara-wheel-segment>path{fill:var(--tara-wash);stroke:hsl(var(--border));stroke-width:2px;cursor:pointer;transition:filter .15s}.tara-wheel-segment>path:hover{filter:brightness(.95)}.tara-wheel-segment.is-selected>path{stroke:var(--tara-accent);stroke-width:7px}.tara-wheel-segment>path:focus-visible{stroke:hsl(var(--foreground));stroke-width:9px;outline:none}.tara-wheel-segment>text{fill:var(--tara-ink);pointer-events:none}.tara-wheel-label{font-size:26px;font-weight:700}.tara-wheel-number{opacity:.65;font-size:21px;font-weight:600}.tara-wheel-moon{fill:hsl(var(--card));stroke:var(--tara-accent);stroke-width:3px}.tara-wheel a:focus-visible{outline:3px solid hsl(var(--foreground));outline-offset:3px}.tara-wheel-center{fill:hsl(var(--card));stroke:hsl(var(--border));stroke-width:2px}.tara-wheel-center-caption{fill:hsl(var(--muted-foreground));letter-spacing:2px;font-size:16px;font-weight:600}.tara-wheel-center-name{fill:hsl(var(--foreground));font-size:29px;font-weight:700}.tara-wheel-detail{color:var(--tara-ink);background:var(--tara-wash);border:2px solid var(--tara-accent);padding:1.5rem}@media (width<=600px){.tara-page .tara-summary{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.5rem}.tara-score{align-self:center}.tara-toolbar{gap:.25rem;padding:.25rem}.tara-toolbar input{width:117px;padding:.25rem;font-size:.75rem}.tara-toolbar input[type=time]{width:86px}.tara-toolbar .tara-place-trigger{gap:.2rem;padding:.25rem;font-size:.75rem}.tara-toolbar .tara-place-trigger svg{width:12px}.tara-toolbar .tara-update-button{flex-shrink:0;width:32px;padding:.25rem}}
