.site-tools{position:fixed;z-index:40;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;color:var(--ink,#243f28)}
.site-tool{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line,#dbe5d2);border-radius:50%;background:#fff;color:inherit;box-shadow:0 3px 18px #19271e16;position:relative;transition:background .18s,box-shadow .18s}
.site-tool svg{width:25px;height:25px}
.site-tool:hover,.site-tool:focus-visible{background:var(--wash,#edf6e1);box-shadow:0 4px 20px #19271e24}
.site-tool:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.site-tool-label{position:absolute;right:calc(100% + 12px);padding:7px 12px;border-radius:7px;background:#fff;border:1px solid var(--line,#dbe5d2);font:14px/1.4 Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s}
.instagram-tool:hover .site-tool-label,.instagram-tool:focus-visible .site-tool-label{opacity:1;visibility:visible}
.weather-tool{position:relative}
.weather-tooltip{position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%);width:260px;max-width:calc(100vw - 100px);padding:21px 23px;background:#fff;border:1px solid var(--line,#dbe5d2);border-radius:12px;box-shadow:0 10px 38px #19271e20;opacity:0;visibility:hidden;transition:opacity .15s;pointer-events:none;display:flex;flex-direction:column}
.weather-tooltip::after{content:'';position:absolute;left:100%;top:0;width:16px;height:100%}
.weather-tool:hover .weather-tooltip,.weather-tool:focus-within .weather-tooltip{opacity:1;visibility:visible;pointer-events:auto}
.weather-tool.is-dismissed .weather-tooltip{opacity:0;visibility:hidden;pointer-events:none}
.weather-eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--muted,#5d6b59)}
.weather-temperature{font:46px/1.15 Georgia,serif;letter-spacing:-1.8px;margin:9px 0 8px;font-weight:400;font-variant-numeric:tabular-nums}
.weather-condition{font:14px/1.5 Arial,sans-serif}
.weather-details{display:block;font:14px/1.5 Arial,sans-serif;margin-top:3px}
.weather-inference{display:block;font:12px/1.5 Arial,sans-serif;color:var(--muted,#5d6b59);margin-top:6px}
.weather-updated{font:12px/1.6 Arial,sans-serif;color:var(--muted,#5d6b59);margin-top:9px}
.weather-source{font:11px/1.5 Arial,sans-serif;color:var(--muted,#5d6b59);border-top:1px solid var(--line,#dbe5d2);margin-top:13px;padding-top:10px}
.weather-preview{min-height:100svh;display:grid;place-items:center;padding:32px 24px;background:var(--wash)}
.weather-preview-card{width:min(100%,440px);padding:36px;background:#fff;border:1px solid var(--line);border-radius:16px}
.weather-preview-card h1{font:38px/1.15 var(--serif);margin:22px 0}
.weather-preview-card .weather-temperature{font-size:72px;margin-top:20px;display:block}
.weather-preview-card .weather-condition,.weather-preview-card .weather-updated,.weather-preview-card .weather-source{display:block}
.weather-preview-note{margin-top:28px;padding-top:21px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.weather-preview-brand{font-size:18px;font-weight:700;letter-spacing:.5px}
@media(max-width:640px){.site-tools{right:10px;top:auto;bottom:max(24px,env(safe-area-inset-bottom));transform:none;gap:8px}.site-tool{width:46px;height:46px}.site-tool svg{width:23px;height:23px}.weather-tooltip{top:auto;bottom:0;transform:none;right:calc(100% + 10px);padding:18px;width:240px;max-width:calc(100vw - 82px)}.weather-preview-card{padding:26px}}
@media(prefers-reduced-motion:reduce){.site-tool,.site-tool-label,.weather-tooltip{transition:none}}