:root{--ink:#193c36;--muted:#70847c;--paper:#f7f9f5;--green:#226353;--line:#e1e8df;--peach:#f6e9db}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green)}.layout{display:grid;grid-template-columns:244px 1fr;min-height:100vh}aside{padding:35px 24px;background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.paw{background:var(--green);color:#fff;border-radius:12px;padding:2px 8px}.dot{color:#d69959}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--muted)}aside .eyebrow{margin:22px 0 37px;font-size:8px}nav{display:grid;gap:8px}nav button{background:transparent;text-align:start;padding:14px 16px;color:#71827a;border-radius:12px}nav button.active{background:#eaf1e9;color:var(--green);font-weight:750}.aside-bottom{margin-top:auto;background:var(--paper);padding:18px;border-radius:17px;font-size:12px}.mini-paw{font-size:27px}small,.muted{color:var(--muted)}main{padding:35px 5vw;max-width:1500px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}h1{font-size:32px;letter-spacing:-1px;margin:4px 0}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 14px}h3{margin:0 0 6px;font-size:17px}p{margin:8px 0 16px}select,input,textarea{border:1px solid var(--line);padding:12px;border-radius:10px;background:white;color:var(--ink);max-width:100%}header select{width:115px}.hero{background:#173f37;color:#fff;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.hero h2{font-size:32px;line-height:1.2;max-width:390px}.hero p{color:#c5d6ca;max-width:380px}.hero .art{font-size:90px;background:#dce7c6;border-radius:50%;min-width:150px;height:150px;text-align:center;box-shadow:0 0 0 22px #ffffff07,0 0 0 45px #ffffff05}.pill{display:inline-block;background:#ffffff15;color:#d1e8c5;font-size:10px;letter-spacing:1px;padding:6px 12px;border-radius:30px;margin-bottom:17px}.primary{background:var(--green);color:#fff;padding:12px 20px;border-radius:10px;font-weight:650}.hero button{background:#e4edcf;color:#234734}.ghost{background:#edf2e9;color:var(--green);border-radius:9px;padding:9px 13px}.danger{color:#9c3838;background:#fbeeee}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.stat,.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.stat strong{display:block;font-size:30px;font-weight:650}.stat span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 14px}.section-head h2{margin:0}.pet-card{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.pet-card:last-child{border:0}.avatar{width:57px;height:57px;border-radius:17px;background:#f4eadb;display:grid;place-items:center;font-size:30px;flex-shrink:0}.pet-card .details{flex:1;min-width:0;overflow-wrap:anywhere}.task{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.task .details{flex:1;overflow-wrap:anywhere}.task small{display:block}.badge{background:#edf3e5;color:#5a7a3f;padding:4px 8px;font-size:11px;border-radius:6px}.badge.overdue{color:#a14f30;background:#fbede4}.empty{text-align:center;padding:34px 12px;color:var(--muted)}.empty b{display:block;font-size:36px;margin-bottom:10px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.callout{background:var(--peach);border:0}.callout p{color:#796956}.premium{background:#e9eddd}.premium h2{font-size:29px}.settings-grid{display:grid;gap:18px}.settings-grid .card{max-width:760px}footer{font-size:11px;color:var(--muted);padding:30px 0 12px}footer span{display:block}#notice:not(:empty){padding:12px;background:#fff0d8;border-radius:10px;margin:12px 0}dialog{border:1px solid var(--line);border-radius:22px;padding:25px;width:min(470px,94vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#102f2866;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}label{display:block;font-size:12px;font-weight:650;margin:12px 0 5px}form input,form select,form textarea{width:100%}input[type=checkbox]{width:auto}textarea{min-height:95px;resize:vertical}form .primary{margin-top:20px;width:100%}.tabs{display:flex;gap:10px}.screen-title{margin-top:8px}.record{border-inline-start:3px solid #a9bf96;padding:10px 18px;margin:18px 0;overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:3px solid #d89b56;outline-offset:3px}@media(min-width:1500px){main{padding:35px 65px}}@media(max-width:900px){.layout{grid-template-columns:190px 1fr}aside{padding:25px 15px}.brand{font-size:23px}main{padding:25px}.grid{grid-template-columns:1fr}.hero .art{font-size:65px;min-width:110px;height:110px}.hero h2{font-size:27px}}@media(max-width:600px){.layout{display:block}aside{position:fixed;inset:auto 0 0;height:auto;z-index:10;padding:8px 5px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line)}aside>.brand,aside>.eyebrow,.aside-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav button{padding:10px 7px;font-size:11px;text-align:center}nav button span{display:block;font-size:19px;margin-bottom:3px}main{padding:22px 17px 95px}h1{font-size:26px}.hero{padding:26px 22px}.hero h2{font-size:27px}.hero .art{display:none}.stats{gap:8px}.stat{padding:16px 11px}.stat strong{font-size:25px}.stat span{font-size:10px}.card{padding:20px}.section-head button{font-size:12px}.section-head h2{font-size:19px}}@media(prefers-reduced-motion:no-preference){.card,.hero{animation:arrive .3s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}

.icon{display:inline-block;vertical-align:middle;flex-shrink:0}.art .icon{color:#375d4c}.hero .art{display:grid;place-items:center}.reminder-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);margin-inline-start:8px}.ghost{min-height:42px;min-width:42px}.pet-card .ghost{padding:8px}nav .icon{margin-inline-end:8px}.record p{white-space:pre-wrap}.hero .pill{font-size:9px}.card.callout{margin-top:18px}@media(max-width:600px){nav .icon{margin:0}nav button{min-height:56px;flex:1}.hero .art{display:none}.hero .pill{font-size:8px}header .eyebrow{font-size:8px;letter-spacing:1.4px}.settings-grid .actions button{max-width:100%}}

.brand-mark{width:35px;height:35px;vertical-align:middle;margin-inline-end:5px}

/* PawViora orbital identity: lightweight vectors and short interaction effects. */
:root{color-scheme:dark;--ink:#e8f5ef;--muted:#a4bcb8;--paper:#091c25;--green:#83e2c5;--line:#284149;--peach:#142f36}
body{background:radial-gradient(ellipse at 75% 0%,#18464770,transparent 55%),radial-gradient(ellipse at 5% 85%,#15374b60,transparent 45%),#091c25;background-attachment:fixed}
.layout{grid-template-columns:254px minmax(0,1fr)}
aside{background:linear-gradient(165deg,#102a31,#0a1d27);border-color:#2d444a;padding:34px 24px}
.brand{color:#edf8f3;font-weight:750;font-size:26px;letter-spacing:-1.1px;display:flex;align-items:center;gap:5px}
.brand .dot{color:#e6cea0;margin-inline-start:-4px}.brand-mark{width:43px;height:43px;margin-inline-end:4px;border-radius:11px;box-shadow:0 4px 18px #0004}
aside .eyebrow{line-height:1.8;letter-spacing:1.2px;margin:22px 0 37px;color:#91b6ac}
nav button{position:relative;display:flex;align-items:center;gap:3px;color:#afc7c1;padding:15px 14px;border:1px solid transparent;border-radius:13px;transition:background .18s,border-color .18s,transform .18s,color .18s}
nav button.active{background:linear-gradient(105deg,#224a47,#16383e);border-color:#436e64;color:#b5f3d9;box-shadow:inset 3px 0 #a5e3c7,0 5px 18px #0002}
[dir=rtl] nav button.active{box-shadow:inset -3px 0 #a5e3c7,0 5px 18px #0002}
.aside-bottom{background:linear-gradient(145deg,#1c3c3e,#122d36);border:1px solid #355053;color:#c0d7ce;border-radius:20px;padding:20px}.aside-bottom small{font-size:10px;letter-spacing:1px}.mini-paw{color:#bce9d2}
main{margin:0 auto;padding:34px 4.2vw;min-width:0}header{margin-bottom:28px}h1{font-size:34px;font-weight:650;letter-spacing:-1.2px}h2{font-weight:620}h3{font-weight:600}.eyebrow{color:#94b6ad}
.language-control{flex-shrink:0;max-width:48%}.language-control label{margin:0 0 5px;color:#a3bbb4;font-size:10px;font-weight:500;text-align:end;letter-spacing:.5px}.language-control select{width:205px;font-size:12px;padding:10px;border-radius:12px;background:#132d36;border:1px solid #395159;color:#dbece4}
input,select,textarea{background:#0e2630;border-color:#38525a;color:#edf8ef;min-height:44px}input:focus,select:focus,textarea:focus{outline:2px solid #87d9be;outline-offset:2px}input[type=checkbox]{accent-color:#9ae6ca;min-height:0}
.hero{background:radial-gradient(ellipse at 90% 60%,#38756a66,transparent 60%),linear-gradient(120deg,#164544,#102b3a);border:1px solid #416560;border-radius:28px;padding:38px 36px;min-height:290px;box-shadow:0 20px 45px #0002}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 72% 20%,#cfecdc 0 1px,transparent 1.7px),radial-gradient(circle at 94% 28%,#cfecdc 0 1px,transparent 1.8px),radial-gradient(circle at 63% 81%,#f5ddac 0 1px,transparent 1.9px),radial-gradient(circle at 88% 87%,#b1ead5 0 1px,transparent 1.7px);pointer-events:none}
.hero>div{position:relative;z-index:1}.hero h2{font-size:clamp(29px,2.5vw,39px);line-height:1.17;letter-spacing:-1.2px;max-width:440px;color:#eff9ec}.hero p{font-size:14px;line-height:1.7;color:#c0d8d0;max-width:400px}.pill{border:1px solid #76a38a40;background:#c3e9c30c;color:#c2e6cc;padding:6px 11px;font-size:9px}
.hero .art{display:grid;place-items:center;flex:0 0 228px;min-width:0;width:228px;height:228px;background:none;border-radius:50%;box-shadow:none;position:relative}.art img{width:202px;height:202px;border-radius:48px;filter:drop-shadow(0 16px 25px #0005);transform:rotate(-8deg)}
.orbital-ring{position:absolute;inset:-12px;border:1px solid #89bea84d;border-radius:50%;transform:rotate(-28deg) scaleY(.65)}.orbital-ring:after{content:"";position:absolute;inset:21px -17px;border:1px solid #7fcebf29;border-radius:50%;transform:rotate(55deg)}
.primary{color:#102c2d;background:linear-gradient(125deg,#b9ecd3,#8dd4c5);box-shadow:0 6px 20px #071c2540;font-weight:700;border:1px solid #c5efdc8c;border-radius:12px;transition:transform .18s,box-shadow .18s,filter .18s}.hero button{background:linear-gradient(115deg,#e4eaca,#ace1c8);color:#1b3936;margin-top:3px}
.ghost{background:#1d3b40;color:#c0e6d6;border:1px solid #36534e;border-radius:11px;transition:background .18s,transform .18s}.danger{background:#3a282e;color:#f5b5af;border-color:#69494b}
.card,.stat{background:linear-gradient(140deg,#17323b,#122a34);border:1px solid #2d4b50;box-shadow:0 8px 24px #03131b25;border-radius:20px;animation:none}.stats{gap:16px;margin:22px 0 27px}.stat{position:relative;overflow:hidden;padding:20px 23px}.stat:after{content:"";position:absolute;width:62px;height:62px;border:1px solid #82c7b22b;border-radius:50%;inset-inline-end:-13px;top:14px}.stat strong{font-size:31px;font-weight:550;color:#c9edda;letter-spacing:-1px}.stat span{color:#b1c8c0;font-size:12px}
.section-head{margin:23px 0 14px}.section-head h2{font-size:20px}.avatar{background:linear-gradient(135deg,#2e5553,#203c49);color:#bfe9d6;border:1px solid #426466;border-radius:18px}.empty{color:#b3c9c1;min-height:158px;padding:30px 14px}.empty b{color:#83b9a8}.empty p{color:#93afa7;font-size:13px}.task .details{min-width:0}.badge{background:#2d493c;color:#ceeac6;border:1px solid #52654c}.badge.overdue{background:#493c2d;color:#f7d2a6;border-color:#665943}.record{border-color:#9fcead}.record p{color:#c3d6ce}.card.callout{background:linear-gradient(120deg,#29433f,#20373c);border:1px solid #5b6757}.callout h3{color:#dfdfc5}.callout p{color:#bfd0bd}.settings-grid{gap:20px}.settings-grid .card{max-width:900px}
dialog{background:linear-gradient(145deg,#19363d,#0f2732);border:1px solid #68887c;box-shadow:0 24px 90px #0008;color:var(--ink)}dialog::backdrop{background:#031219b5;backdrop-filter:blur(4px)}#notice:not(:empty){background:#30463d;border:1px solid #607461;color:#e8efd3}footer{color:#90aaa2}a{color:#ace4ce}button:focus-visible,a:focus-visible{outline:3px solid #e9d9a8;outline-offset:3px}
.mobile-brand{display:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){nav button:hover{background:#244449;border-color:#4d6c62;transform:translateY(-1px)}.primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 25px #030e1945}.ghost:hover{background:#2c5050;transform:translateY(-1px)}}
@media(min-width:1500px){main{padding:38px 65px}}
@media(max-width:1000px){.layout{grid-template-columns:220px minmax(0,1fr)}aside{padding:27px 17px}.brand{font-size:24px}.brand-mark{width:38px;height:38px}main{padding:28px}.hero{padding:28px}.hero .art{flex-basis:158px;width:158px;height:180px}.art img{width:154px;height:154px}.orbital-ring{inset:5px -8px}.hero h2{font-size:30px}.grid{grid-template-columns:1fr}}
@media(max-width:600px){.layout{display:block}body{background-attachment:scroll}aside{padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#0e252f;border-top:1px solid #425c5c;box-shadow:0 -5px 25px #00131f55}nav{gap:3px}nav button{display:block;flex:1;min-width:0;padding:8px 2px 6px;font-size:10px;line-height:1.2;border-radius:12px}nav button span{margin-bottom:5px}nav button.active,[dir=rtl] nav button.active{box-shadow:inset 0 2px #ade5cc;background:linear-gradient(#294e4b,#17323d)}main{padding:22px 17px 110px}header{align-items:flex-start;gap:10px;margin-bottom:22px}h1{font-size:25px;letter-spacing:-.7px}header .eyebrow{font-size:8px;letter-spacing:1px}.language-control{max-width:49%;padding-top:1px}.language-control select{max-width:100%;width:176px;padding:8px;font-size:10px;min-height:39px}.language-control label{font-size:9px}.hero{padding:27px 23px;border-radius:23px;min-height:0}.hero h2{font-size:30px;line-height:1.17;max-width:310px}.hero p{font-size:13px}.hero .art{display:none}.hero .pill{font-size:8px;letter-spacing:.6px}.stats{gap:9px;margin:18px 0 23px}.stat{padding:16px 11px;border-radius:16px}.stat strong{font-size:28px}.stat span{font-size:10px}.stat:after{width:46px;height:46px;inset-inline-end:-20px}.card{padding:19px;border-radius:19px}.section-head h2{font-size:19px}.pet-card{gap:10px}.avatar{width:48px;height:48px;border-radius:15px}.pet-card h3,.task h3{font-size:15px}.pet-card .ghost{min-width:38px;padding:6px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:750;letter-spacing:-.2px;margin-bottom:10px}.mobile-brand img{border-radius:9px;width:31px;height:31px}.reminder-label{font-size:10px}dialog{padding:22px}nav .icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Learning and subscription surfaces */
.learn-hero,.pro-hero{min-height:225px}.pro-orbit{display:grid;place-items:center;color:#c9ead0;width:150px;height:150px;flex-shrink:0;border:1px solid #6baf9e55;border-radius:50%;box-shadow:0 0 0 17px #63a48d09,0 0 0 35px #63a48d05;transform:rotate(-9deg)}
.learn-tabs{display:flex;gap:9px;margin:26px 0 18px;flex-wrap:wrap}.selected{border-color:#9ee3c7!important;background:#2d5651!important;color:#def7e7!important}.learn-tools{display:grid;grid-template-columns:1fr 210px;gap:15px;margin-bottom:25px}.learn-tools input,.learn-tools select{width:100%}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-card{display:flex;flex-direction:column;min-width:0}.article-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}.article-card h2{font-size:22px;line-height:1.3;margin-bottom:12px}.article-card p{color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}.bookmark{width:44px}.knowledge-note{margin-top:24px;color:var(--muted);font-size:13px;border-inline-start:3px solid #88c1ac}.knowledge-note p{margin:0}.reading-dialog{width:min(700px,94vw)}.article-body{font-size:18px;line-height:1.85;margin:22px 0}.reading-dialog li{padding:5px}.reading-dialog .knowledge-note{padding:12px}.plan-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;margin-top:24px}.pro-card{border-color:#769b7e;background:linear-gradient(130deg,#24483f,#132e39)}.feature-list{padding:0;list-style:none;margin:24px 0}.feature-list li{display:flex;gap:11px;margin:17px 0;color:#c1d7cd}.feature-list .icon{margin-top:3px;color:#ade8c8}.price{font-size:30px;font-weight:700}.price small{font-size:14px;font-weight:400}.billing-terms{padding:14px;background:#0b202acc;border-radius:12px;line-height:1.7}
@media(max-width:1000px){nav button{padding:12px 10px;font-size:13px}.plan-grid{grid-template-columns:1fr}.pro-orbit{width:110px;height:110px}.pro-orbit .icon{width:52px;height:52px}}
@media(max-width:600px){nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#547e6f transparent}nav button{flex:0 0 72px;min-width:72px;font-size:10px;padding:8px 3px}.article-grid{grid-template-columns:1fr}.learn-tools{grid-template-columns:1fr 125px;gap:10px}.learn-tools label{font-size:11px}.learn-tools input,.learn-tools select{font-size:12px}.learn-hero,.pro-hero{min-height:190px}.pro-orbit{display:none}.article-card h2{font-size:21px}.article-body{font-size:17px}.learn-tabs .ghost{font-size:12px}.plan-grid{gap:16px}}

.billing-periods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.plan-choice{display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:start;padding:18px 14px;border:1px solid #4a6767;border-radius:15px;background:#142f39;color:var(--ink);min-height:132px}.plan-choice span{font-size:13px;color:var(--muted)}.plan-choice strong{font-size:22px;line-height:1.25}.plan-choice small{font-size:11px}.plan-choice .saving{color:#c9e8b6}.plan-choice.selected{box-shadow:0 0 0 1px #8ed3b8}.pro-card .feature-list{margin-bottom:15px}@media(max-width:600px){.plan-choice{padding:15px 12px;min-width:0}.plan-choice strong{font-size:20px}.billing-periods{gap:8px}}