/*
Theme Name: FineLime / FiiniLimetti
Theme URI: https://finelime.fi
Author: FineLime
Description: FineLime: lime and otter line illustrations, public wit, private waters.
Version: 2.0.0
Requires PHP: 8.1
Text Domain: finelime
*/
:root{color-scheme:dark;--bg:#101b19;--panel:#182721;--panel2:#203831;--lime:#bdf36d;--white:#f1f8ed;--muted:#9eb5a7;--line:#365046;--aqua:#9bd5c6;--aqua-dim:#5b9c90}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% -10%,#244132 0,transparent 45%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--white);line-height:1.6;min-height:100vh}a{color:inherit}button,input{font:inherit}.wrap{width:min(1190px,100%);margin:auto;padding:24px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.lime-link{color:var(--lime);width:62px;height:62px;display:grid;place-items:center;border:1px solid #7c9d62;border-radius:20px;background:#1b2d24;text-decoration:none;transition:transform .22s,background .22s,box-shadow .22s}.lime-link:hover{transform:rotate(-8deg) scale(1.05);background:#233b2a;box-shadow:0 0 35px #bdf36d1a}.lime-link svg{width:46px;height:46px}.lime-link:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.wordmark{font-size:30px;font-weight:820;letter-spacing:-1.8px;line-height:1.1}.wordmark span{color:var(--lime)}.wordmark-dot{color:var(--white)!important}.brand-caption,.smallcaps,.eyebrow{font-size:11px;letter-spacing:1.75px;font-weight:750}.brand-caption{color:var(--muted);font-size:9px;margin-top:4px}.sep{color:#547267}.header-right{display:flex;align-items:center;gap:20px}.aq-mark{color:var(--aqua);letter-spacing:7px;font-size:24px}.version{font-size:10px;color:var(--muted);letter-spacing:1.5px}.led{display:inline-block;background:var(--lime);width:7px;height:7px;border-radius:50%;box-shadow:0 0 11px #bdf36d66;margin-right:9px}.accent{color:var(--lime)}.public-main{padding-top:1px}.hero{position:relative;padding:clamp(62px,10vw,124px) 0 95px;overflow:hidden}.eyebrow{color:var(--lime)}h1{font-weight:760;letter-spacing:-.063em;line-height:1.04;font-size:clamp(44px,6vw,88px);margin:23px 0 28px}.hero h1{max-width:1000px}.lead{font-size:clamp(17px,2vw,22px);max-width:635px;color:#d1dfd3;margin:9px 0}.lead-secondary{color:var(--muted)}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--aqua);font-size:12px;font-weight:700;letter-spacing:.05em;margin-top:33px}.hero-water{position:absolute;right:-28%;bottom:-105px;width:100%;opacity:.21;pointer-events:none;color:#b6e8b1;transform:rotate(-9deg)}.hero-water svg{width:100%;height:auto}.public-lower{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.panel{background:linear-gradient(155deg,#1b2c23,#17251f);border:1px solid var(--line);padding:27px;border-radius:19px;position:relative;overflow:hidden}.smallcaps{color:var(--aqua)}.report-line{font-size:clamp(18px,2vw,25px);letter-spacing:-.02em;line-height:1.42;margin:24px 0 0;max-width:480px}.report-line+.report-line{color:#adbfad;margin-top:6px}.report-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);margin-top:44px;padding-top:17px;font-size:10px;letter-spacing:1.3px;color:var(--muted)}.dispatch-card{min-height:245px}.notice{font-size:clamp(20px,2vw,25px);line-height:1.4;margin:22px 0;max-width:340px}.subtle-illustration{position:absolute;right:9px;bottom:-70px;width:145px;height:200px;opacity:.21;color:var(--lime);pointer-events:none}.subtle-illustration svg{width:100%;height:100%}.subtle-illustration .orbit{position:absolute;right:15px;top:20px;font-size:24px;color:var(--aqua)}.understatement{margin:45px 0 12px;display:flex;gap:22px;align-items:center;color:var(--muted);font-size:13px}.understatement-rule{height:1px;background:#456254;width:62px;flex:none}.understatement strong{color:#c1d4c5;font-weight:500}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:70px;padding:27px 0;color:#9bb7a5;font-size:12px}.foot-first{display:flex;align-items:center;gap:11px}.foot-otter{display:grid;place-items:center;width:34px;height:37px;color:var(--aqua)}.tiny-otter{height:36px;width:31px}.footer-aq{color:var(--aqua);letter-spacing:3px}.foot-right{color:#789587}
/* private waters */
body.is-private{background:radial-gradient(ellipse at 92% 7%,#1d4d48 0,transparent 44%),radial-gradient(ellipse at 9% 60%,#203a35 0,transparent 50%),#0d1e21}body.is-private .accent{color:var(--aqua)}body.is-private .led{background:var(--aqua);box-shadow:0 0 12px #9bd5c666}body.is-private .panel{background:linear-gradient(145deg,#163438,#142c30);border-color:#335357}.private-hero{position:relative;padding:47px 0 4px;overflow:hidden}.private-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.private-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1;min-height:280px}.dashboard-title{font-size:clamp(44px,7vw,88px);margin:30px 0 9px}.private-tagline{font-size:clamp(20px,2.9vw,30px);letter-spacing:-.035em;color:var(--white);margin:0 0 6px}.sub{color:var(--muted);margin:0 0 22px}.private-constellation{display:flex;align-items:center;gap:12px;color:var(--aqua);font-size:23px}.private-constellation span{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#b3d0c4}.guardian{width:230px;height:270px;position:relative;flex-shrink:0;display:grid;place-items:center;color:var(--aqua)}.guardian-glow{position:absolute;inset:25px;background:radial-gradient(circle,#447e6838,transparent 72%);border-radius:50%}.guardian-otter{width:200px;height:240px;filter:drop-shadow(0 0 18px #76bba51a)}.guardian-label{font-size:9px;letter-spacing:1.5px;color:var(--aqua);position:absolute;bottom:0}.wave-area{height:60px;overflow:hidden;color:var(--aqua);opacity:.22}.private-waves{width:100%;height:auto}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-symbol{font-size:26px;color:var(--aqua)}.weather-current{display:flex;align-items:baseline;gap:13px;margin:12px 0}.temp{font-size:75px;font-weight:760;line-height:1;letter-spacing:-.07em}.forecast{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:22px 0}.forecast-day{background:#234144;border:1px solid #385e60;border-radius:12px;padding:12px 5px;text-align:center;font-size:11px}.forecast-day strong{display:block;font-size:18px;color:var(--white)}.forecast-day span{display:block;color:#b2d3d0}.forecast-day em{font-style:normal;color:var(--aqua);font-size:10px}.source-note{margin-top:11px}.links-panel h2{font-size:28px;letter-spacing:-.045em;margin:13px 0 5px}.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.quick-link{background:#234144;border:1px solid #426467;border-radius:13px;min-height:70px;padding:12px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:8px;overflow-wrap:anywhere}.quick-link:hover{border-color:var(--aqua)}.quick-link span{color:var(--aqua)}.button{background:var(--aqua);color:#112322;border:0;border-radius:11px;padding:11px 15px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.button-quiet{background:#234144;color:var(--white);border:1px solid #48696b;font-size:12px}.field{display:block;width:100%;background:#112b2e;color:var(--white);border:1px solid #537e79;border-radius:9px;padding:10px;margin:5px 0 10px}.link-form{display:grid;grid-template-columns:1fr;gap:7px;margin-top:10px}.muted{color:var(--muted);font-size:13px}.empty{font-size:14px;color:var(--muted);padding:17px 0}.message{font-size:13px;color:var(--aqua)}summary{cursor:pointer;color:var(--aqua);font-weight:700;margin-top:22px}.link-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #385153;padding:10px 0}.remove{background:transparent;color:#f0afae;border:1px solid #835d5c;border-radius:7px;padding:5px 8px;cursor:pointer}.private-notice{margin-top:18px}.private-notice .notice{max-width:none}
@media(max-width:760px){.wrap{padding:18px}.topbar{padding:4px 0 17px}.lime-link{width:50px;height:50px;border-radius:15px}.lime-link svg{width:37px;height:37px}.wordmark{font-size:25px}.brand-caption{font-size:8px}.header-right{gap:8px}.aq-mark{font-size:18px;letter-spacing:3px}.version{display:none}.hero{padding:73px 0 68px}h1{font-size:clamp(42px,10.5vw,68px)}.hero-water{right:-20%;bottom:-60px;width:125%}.public-lower,.dashboard-grid{grid-template-columns:1fr}.panel{padding:20px}.dispatch-card{min-height:225px}.understatement{margin-top:30px}.footer{flex-direction:column;align-items:flex-start;margin-top:44px}.private-hero{padding-top:29px}.private-topline .eyebrow{font-size:9px}.private-intro{min-height:240px}.dashboard-title{font-size:clamp(43px,10vw,65px)}.guardian{width:115px;height:160px}.guardian-otter{width:110px;height:140px}.guardian-label{font-size:6px;text-align:center}.private-constellation span{font-size:8px;letter-spacing:.6px}.wave-area{height:35px}.forecast{gap:6px}.forecast-day{padding:9px 3px}.forecast-day strong{font-size:15px}}
@media(max-width:430px){.private-intro{align-items:flex-end}.guardian{width:98px;height:150px}.guardian-otter{width:93px;height:120px}.private-tagline{font-size:20px}.dashboard-title{font-size:44px}.private-constellation{gap:5px;font-size:17px}.private-constellation span{font-size:7px}.lead{font-size:17px}.public-lower{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
