:root{--ivory:#FAF8F4;--card:#FFFFFF;--caramel:#C99762;--caramel-dark:#A97848;--ink:#282624;--muted:#92908D;--line:#EEEAE4;--green:#EAF4EE;--blue:#EAF2F9;--orange:#FBF0E3;--purple:#F0EDFA;--danger:#FCEAEA;--shadow:0 18px 40px rgba(47,37,27,.09);--r20:20px;--r14:14px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#eeeae4;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.workspace{min-height:100vh;display:flex}.screen-rail{width:248px;background:#252321;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:18px}.brand-lockup{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-lockup strong{display:block;font-size:18px;letter-spacing:.18em}.brand-lockup small{display:block;color:#bdb6ad;font-size:10px;letter-spacing:.08em;margin-top:3px}.brand-mark{width:34px;height:34px;border-radius:12px;background:var(--caramel);display:grid;place-items:center;color:#fff;font-size:17px}.rail-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#9e978f;margin:0 8px}.screen-list{display:grid;gap:4px}.screen-link{appearance:none;border:0;background:transparent;color:#cfc9c2;text-align:left;padding:10px 12px;border-radius:11px;font:500 13px inherit;cursor:pointer;transition:.18s}.screen-link:hover,.screen-link.active{background:#3b3733;color:#fff}.screen-link.active{box-shadow:inset 3px 0 var(--caramel)}.rail-note{margin-top:auto;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:14px;display:flex;gap:9px;align-items:center;color:#ddd6cf}.rail-note span{width:26px;height:26px;border-radius:8px;background:#3e3934;display:grid;place-items:center;color:var(--caramel)}.rail-note b{display:block;font-size:12px}.rail-note small{display:block;font-size:10px;color:#a39b93;margin-top:2px}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px}.stage-top,.stage-foot{width:min(760px,100%);display:flex;justify-content:space-between;color:#867f77;font-size:11px;letter-spacing:.04em}.stage-top{position:absolute;top:24px}.stage-foot{position:absolute;bottom:24px}.stage-status{display:flex;gap:6px;align-items:center}.stage-status i{width:7px;height:7px;border-radius:50%;background:#6bb389;box-shadow:0 0 0 4px #dcefe1}.phone{width:393px;height:852px;background:var(--ivory);border:8px solid #1f1e1d;border-radius:48px;position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(37,30,24,.22)}.dynamic-island{position:absolute;z-index:20;top:10px;left:50%;transform:translateX(-50%);width:114px;height:29px;background:#171615;border-radius:20px}.status-bar{position:absolute;z-index:19;top:0;left:0;right:0;height:49px;padding:15px 22px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;font-weight:650;letter-spacing:.01em}.status-icons{font-size:10px;letter-spacing:.12em}.home-indicator{position:absolute;z-index:20;bottom:7px;left:50%;transform:translateX(-50%);width:128px;height:5px;border-radius:10px;background:#1f1e1d}.app{height:100%;padding-top:42px;overflow:hidden}.screen{height:100%;overflow-y:auto;padding:26px 20px 92px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.04em}.h1{font-size:30px;line-height:1.08;letter-spacing:-.045em;margin:3px 0 0;font-weight:760}.h2{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:730}.body{font-size:14px;line-height:1.5;color:var(--muted)}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:var(--card);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--ink);font-size:17px;position:relative;box-shadow:0 3px 9px rgba(40,38,36,.04)}.icon-btn .dot{position:absolute;right:8px;top:8px;width:7px;height:7px;background:#d77e5b;border:2px solid #fff;border-radius:50%}.hero{height:247px;border-radius:24px;overflow:hidden;position:relative;margin:18px 0 22px;background:linear-gradient(130deg,#d6a26f,#b97f52)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,26,21,.02) 25%,rgba(32,26,21,.76) 100%),url('assets/hero.jpg') center/cover}.hero-copy{position:absolute;left:20px;right:20px;bottom:18px;color:#fff}.hero-copy h2{font-size:25px;line-height:1.03;letter-spacing:-.04em;margin:0 0 14px;max-width:235px}.btn{border:0;cursor:pointer;border-radius:14px;padding:13px 17px;font-size:13px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.2s}.btn.primary{background:var(--caramel);color:#fff;box-shadow:0 8px 18px rgba(154,108,63,.2)}.btn.primary:hover{background:var(--caramel-dark);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--caramel-dark);padding:9px 0}.btn.full{width:100%}.section-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.link{font-size:12px;color:var(--caramel-dark);font-weight:700;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.quick{border:0;background:transparent;padding:0;cursor:pointer;text-align:center;color:var(--ink)}.quick-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin:0 auto 7px;font-size:20px}.quick span{font-size:10px;color:#716b65;font-weight:600}.q-green{background:var(--green)}.q-blue{background:var(--blue)}.q-orange{background:var(--orange)}.q-purple{background:var(--purple)}.q-ivory{background:#f1eee9}.appointment-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:15px;display:flex;gap:12px;align-items:center;box-shadow:0 4px 14px rgba(40,38,36,.03);cursor:pointer}.date-box{width:50px;height:54px;background:var(--orange);border-radius:15px;text-align:center;display:flex;flex-direction:column;justify-content:center}.date-box b{font-size:18px;line-height:1}.date-box span{font-size:9px;color:#9b6f43;margin-top:3px;font-weight:700}.appt-info{flex:1}.appt-info b{display:block;font-size:14px}.appt-info span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.chev{color:#b6aea5;font-size:20px}.category-row{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px}.category{min-width:114px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px;cursor:pointer}.category .cat-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;margin-bottom:11px}.category b{font-size:12px;display:block}.category span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.bottom-nav{position:absolute;z-index:10;left:12px;right:12px;bottom:13px;height:65px;border-radius:22px;background:rgba(255,255,255,.95);border:1px solid var(--line);box-shadow:0 10px 24px rgba(40,38,36,.12);display:grid;grid-template-columns:repeat(5,1fr);padding:7px 6px 5px}.nav-item{background:transparent;border:0;border-radius:16px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;color:#aaa39b;font-size:9px;font-weight:650;cursor:pointer}.nav-item .nav-ico{font-size:17px;line-height:1}.nav-item.active{color:var(--caramel-dark);background:#fbf3ea}.nav-item.active .nav-ico{color:var(--caramel)}.pet-card{display:flex;gap:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:20px;margin-bottom:10px;align-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(40,38,36,.03)}.pet-card img{width:87px;height:87px;object-fit:cover;border-radius:16px}.pet-card-content{flex:1}.pet-card-content b{font-size:17px;display:block}.pet-card-content .breed{font-size:12px;color:var(--muted);margin-top:3px}.meta-line{font-size:10px;color:#817b74;margin-top:11px;display:flex;gap:7px;flex-wrap:wrap}.meta-pill{padding:5px 7px;background:#f6f3ef;border-radius:8px}.pet-card .chev{align-self:center}.add-circle{width:44px;height:44px;border-radius:50%;border:0;background:var(--caramel);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 7px 16px rgba(163,112,60,.2)}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shortcut{border:1px solid var(--line);background:#fff;border-radius:17px;padding:13px;display:flex;gap:10px;align-items:center;cursor:pointer}.shortcut i{width:34px;height:34px;border-radius:11px;background:var(--blue);display:grid;place-items:center;font-style:normal}.shortcut b{font-size:11px;line-height:1.2}.detail-hero{height:290px;margin:-26px -20px 0;position:relative;background:#d6a073}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,10,.26),transparent 45%,rgba(20,15,10,.48))}.detail-topbar{position:absolute;z-index:2;top:18px;left:20px;right:20px;display:flex;justify-content:space-between}.detail-topbar .icon-btn{background:rgba(255,255,255,.9);border:0}.detail-sheet{position:relative;background:var(--ivory);border-radius:26px 26px 0 0;margin-top:-25px;padding:22px 20px 110px;min-height:480px}.pet-title-row{display:flex;justify-content:space-between;align-items:start}.pet-title-row h1{margin:0;font-size:29px;letter-spacing:-.04em}.pet-title-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.pet-avatar-mini{width:46px;height:46px;border-radius:15px;object-fit:cover}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:17px;margin:18px 0;padding:12px 4px}.stat{text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{display:block;font-size:13px}.stat span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:12px 0 17px;overflow:auto}.tab{border:0;background:transparent;padding:0 0 11px;font-size:12px;font-weight:650;color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:var(--caramel-dark);border-bottom-color:var(--caramel)}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-card{border-radius:18px;padding:14px;background:var(--green);min-height:98px}.health-card.blue{background:var(--blue)}.health-card.orange{background:var(--orange)}.health-card.purple{background:var(--purple)}.health-card i{font-style:normal;font-size:18px}.health-card b{display:block;font-size:12px;margin-top:10px}.health-card span{display:block;font-size:10px;color:#74706a;margin-top:4px}.sticky-cta{position:absolute;left:20px;right:20px;bottom:87px;z-index:8}.list-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:9px}.list-card .row{display:flex;justify-content:space-between;align-items:center}.list-card b{font-size:13px}.list-card small{color:var(--muted);font-size:11px}.status-badge{border-radius:9px;padding:5px 7px;font-size:10px;font-weight:700;background:var(--green);color:#4e8b62}.status-badge.soon{background:var(--orange);color:#a66d36}.summary{border-radius:20px;padding:17px;background:var(--green);display:flex;gap:12px;align-items:center;margin-bottom:18px}.summary-icon{width:42px;height:42px;background:#fff;border-radius:14px;display:grid;place-items:center;font-size:19px}.summary b{font-size:14px;display:block}.summary span{font-size:11px;color:#688472}.screen-top-actions{display:flex;gap:8px;align-items:center}.search{height:46px;border-radius:14px;border:1px solid var(--line);background:#fff;padding:0 14px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:2px 0 15px}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.chip{border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 12px;font-size:11px;color:#706a64;cursor:pointer;white-space:nowrap}.chip.active{background:var(--caramel);color:#fff;border-color:var(--caramel)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;position:relative}.product img{width:100%;height:118px;object-fit:cover}.product-body{padding:11px}.product-body b{font-size:12px;line-height:1.25;display:block;min-height:30px}.product-body span{font-size:12px;color:var(--caramel-dark);font-weight:750;display:block;margin-top:8px}.heart{position:absolute;right:9px;top:9px;width:29px;height:29px;border:0;background:rgba(255,255,255,.9);border-radius:50%;cursor:pointer}.calendar{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-head b{font-size:14px}.cal-arrows{display:flex;gap:5px}.cal-arrows button{border:0;background:#f6f2ed;border-radius:8px;width:26px;height:26px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.week span{font-size:9px;color:var(--muted);padding-bottom:7px}.days span{height:31px;display:grid;place-items:center;font-size:11px;border-radius:9px;position:relative}.days .muted{color:#c1bbb4}.days .selected{background:var(--caramel);color:#fff;font-weight:700}.days .event:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--caramel);position:absolute;bottom:3px}.days .selected.event:after{background:#fff}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px}.metric b{font-size:16px;display:block}.metric span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.chart{height:160px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;position:relative;overflow:hidden}.chart svg{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:-7px}.reminder{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px;margin-bottom:9px}.reminder-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--orange)}.reminder b{display:block;font-size:12px}.reminder small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.switch{margin-left:auto;width:36px;height:21px;border-radius:20px;background:#ddd5cb;position:relative;cursor:pointer}.switch:after{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;box-shadow:0 1px 4px #b8afa5;transition:.18s}.switch.on{background:var(--caramel)}.switch.on:after{left:17px}.notification{display:flex;gap:11px;padding:13px;border-radius:17px;background:#fff;border:1px solid var(--line);margin-bottom:9px}.notification.unread{background:#fff8f0;border-color:#f1dfca}.notification-icon{width:36px;height:36px;border-radius:12px;background:var(--orange);display:grid;place-items:center}.notification b{font-size:12px;display:block}.notification p{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.35}.notification time{font-size:9px;color:#b1aaa2;display:block;margin-top:6px}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--caramel);margin-left:auto;margin-top:4px}.profile-head{display:flex;align-items:center;gap:13px;padding:4px 0 22px}.profile-head img{width:62px;height:62px;border-radius:22px;object-fit:cover}.profile-head b{font-size:18px;display:block}.profile-head span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.profile-menu{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.profile-item{display:flex;gap:12px;align-items:center;padding:15px;border-bottom:1px solid var(--line);cursor:pointer}.profile-item:last-child{border-bottom:0}.profile-item i{width:34px;height:34px;border-radius:11px;background:var(--blue);display:grid;place-items:center;font-style:normal}.profile-item b{font-size:12px;flex:1}.profile-item .chev{font-size:17px}.form-group{margin-bottom:13px}.form-label{display:block;font-size:11px;font-weight:700;margin-bottom:7px;color:#615b55}.input{height:46px;border:1px solid var(--line);background:#fff;border-radius:13px;width:100%;padding:0 13px;font:13px inherit;color:var(--ink);outline:none}.input:focus{border-color:var(--caramel);box-shadow:0 0 0 3px rgba(201,151,98,.16)}.select-row{display:flex;gap:7px;flex-wrap:wrap}.select-chip{border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px 12px;font-size:11px;cursor:pointer}.select-chip.selected{background:var(--caramel);color:#fff;border-color:var(--caramel)}.auth-hero{height:355px;margin:-26px -20px 0;position:relative;background:#d7a473}.auth-hero img{width:100%;height:100%;object-fit:cover}.auth-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,25,18,.02),rgba(33,25,18,.76))}.auth-copy{position:absolute;z-index:1;bottom:25px;left:22px;right:22px;color:#fff}.auth-copy .brand{font-size:13px;letter-spacing:.18em;font-weight:750}.auth-copy h1{font-size:32px;line-height:1.02;letter-spacing:-.05em;margin:10px 0 8px}.auth-copy p{font-size:13px;color:rgba(255,255,255,.82);margin:0}.auth-actions{padding-top:22px;display:grid;gap:10px}.timeline{border-left:1px solid #eaded1;margin:4px 0 0 8px;padding-left:19px}.timeline-item{position:relative;padding-bottom:15px}.timeline-item:before{content:"";width:9px;height:9px;border:3px solid var(--ivory);background:var(--caramel);border-radius:50%;position:absolute;left:-25px;top:2px;box-shadow:0 0 0 1px var(--caramel)}.timeline-item b{display:block;font-size:12px}.timeline-item span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.toast{position:absolute;z-index:30;left:20px;right:20px;bottom:88px;background:#2e2a27;color:#fff;border-radius:15px;padding:13px;font-size:12px;text-align:center;box-shadow:var(--shadow);animation:up .2s ease}.modal{position:absolute;z-index:25;inset:0;background:rgba(33,29,26,.33);display:flex;align-items:flex-end}.sheet{background:var(--ivory);width:100%;border-radius:25px 25px 0 0;padding:22px 20px 34px;box-shadow:0 -12px 35px rgba(29,24,20,.16);max-height:80%;overflow:auto}.sheet-handle{width:35px;height:4px;background:#d8d0c6;border-radius:4px;margin:-5px auto 18px}.sheet h2{margin:0 0 16px;font-size:21px}.flow-step{display:flex;gap:6px;margin-bottom:17px}.flow-step span{height:5px;flex:1;border-radius:4px;background:#eadfd4}.flow-step span.done{background:var(--caramel)}
@keyframes up{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:800px){body{background:var(--ivory)}.screen-rail,.stage-top,.stage-foot{display:none}.stage{padding:0}.phone{border:0;border-radius:0;width:100vw;height:100vh;box-shadow:none}.dynamic-island{top:11px}.home-indicator{bottom:7px}}
.hero:after{content:"";position:absolute;right:0;top:0;width:47%;height:100%;background:linear-gradient(90deg,rgba(32,26,21,.15),rgba(32,26,21,.02)),url("assets/lily.jpg") center/cover;mix-blend-mode:normal}.hero-copy{z-index:2}

/* PATİ visual language */
@font-face{font-family:Manrope;src:url('assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--font:-apple-system,BlinkMacSystemFont,'SF Pro Text','Manrope',sans-serif;--muted:#817D77;--line:#EDE8E0;--shadow:0 14px 30px rgba(49,36,24,.06)}
body{font-family:var(--font);background:#ECE9E2}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}.screen-rail,.stage-top,.stage-foot{display:none}.stage{min-height:100vh;padding:36px}.phone{border:0;width:393px;height:852px;border-radius:47px;outline:8px solid #232321;box-shadow:0 0 0 10px #aaa79f,0 40px 80px -20px rgba(42,38,32,.3)}.status-bar{height:59px;padding:17px 25px 0;font-size:12px;font-weight:800}.status-icons{width:54px;padding-top:0}.status-icons svg{width:54px;height:16px}.app{padding-top:59px}.screen{padding:18px 24px 118px;scroll-behavior:smooth}.screen-header{margin-bottom:20px;gap:12px;align-items:center}.screen-header>div:first-child{min-width:0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.005em;line-height:1.4}.h1{font-size:29px;font-weight:800;letter-spacing:-.055em;line-height:1.16;margin-top:5px}.h2{font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.04em}.body{font-size:12px;line-height:1.65}.pati-icon{height:22px;width:22px;display:inline-block;flex-shrink:0;vertical-align:middle}.icon-btn{width:42px;height:42px;flex-shrink:0;background:#fff;border-color:#EAE5DC;box-shadow:none;color:#4F4941}.icon-btn .pati-icon{width:21px;height:21px}.icon-btn .dot{top:8px;right:9px;background:#C99762}.section-row{margin:25px 0 13px;gap:12px}.text-link{display:inline-flex;gap:5px;align-items:center;color:#A57849;font-size:10px;font-weight:700;padding:6px 0;border:0;background:transparent;cursor:pointer}.text-link .pati-icon{width:13px;height:13px}.link{font-size:10px;font-weight:700}.quick-grid{gap:5px}.quick-icon{width:54px;height:54px;border-radius:19px;margin-bottom:8px;color:#6D715E}.quick-icon .pati-icon{width:24px;height:24px}.quick span{font-size:10px;font-weight:600}.quick .q-orange{color:#AA825B}.quick .q-blue{color:#6E869B}.quick .q-purple{color:#9180AB}.quick .q-ivory{color:#837B70}.bottom-nav{left:0;right:0;bottom:0;height:91px;background:rgba(250,248,244,.96);backdrop-filter:blur(18px);border:0;border-top:1px solid #EDE8DF;border-radius:0;padding:10px 17px 27px;box-shadow:none;align-items:center}.nav-item{height:49px;gap:5px;border-radius:14px;font-size:9px;font-weight:700;color:#9C968D;position:relative}.nav-item .pati-icon{width:22px;height:22px;stroke-width:1.6}.nav-item.active{background:transparent;color:#A67745}.nav-item.active:after{content:'';width:4px;height:4px;border-radius:100%;background:#BC8A56;position:absolute;bottom:-5px}.home-indicator{width:127px;height:4px;bottom:8px}.btn{font-size:12px;font-weight:700;min-height:46px;padding:12px 16px;letter-spacing:-.01em;box-shadow:none!important;gap:10px}.btn .pati-icon{width:17px;height:17px}.btn.primary{background:#BC8954;box-shadow:none;color:#fff}.btn.primary:hover{background:#A97540}.btn.secondary{border-color:#E8E1D6}.btn:active,.quick:active,.icon-btn:active{transform:scale(.97)}.chev .pati-icon{width:16px;height:16px}.appointment-card{padding:14px;border:1px solid #ECE6DC;border-radius:20px;box-shadow:0 6px 18px -10px rgba(42,30,19,.12);gap:13px}.date-box{width:48px;height:54px;flex-shrink:0;border-radius:14px;background:#F3EBDF}.date-box b{font-size:20px;font-weight:800;letter-spacing:-.05em}.date-box span{font-size:8px;letter-spacing:.04em;font-weight:700;margin-top:5px}.appt-info b{font-size:13px;letter-spacing:-.02em}.appt-info span{font-size:10px;line-height:1.4}.appt-info .appt-pet{font-size:8px;font-weight:800;letter-spacing:.1em;color:#A37C51;margin:0 0 3px}.appointment-feature .appt-info span:last-child{margin-top:4px}.category{min-width:158px;border:1px solid #ECE6DC;padding:16px;border-radius:20px}.category b{font-size:12px;font-weight:800;letter-spacing:-.03em}.category span{font-size:9px}.category .cat-icon{width:37px;height:37px;border-radius:12px;color:#7F8A72}.category .pati-icon{width:21px;height:21px}.editorial-category{position:relative;background:#F3F5EE}.editorial-category:last-child{background:#F7F0E7}.editorial-category .cat-icon{background:rgba(255,255,255,.7)}.editorial-category .cat-number{position:absolute;right:14px;top:13px;color:#B5B9A8;font-size:10px;font-weight:600}.editorial-category:last-child .cat-number{color:#C8B69E}.home-wordmark{display:flex;align-items:center;justify-content:space-between;margin:0 0 21px}.home-wordmark>span:first-child{display:flex;align-items:center;gap:4px;color:#A27342}.home-wordmark b{font-size:21px;font-weight:800;letter-spacing:-.06em}.home-wordmark .pati-icon{height:22px;width:22px;stroke-width:1.6}.home-date{font-size:9px;color:#93897B;letter-spacing:.01em}.home-screen .screen-header{margin-bottom:20px}.home-screen .eyebrow{font-size:10px;color:#998A76}.home-screen .h1{font-size:28px;margin-top:4px}.hero-editorial{height:258px;margin:0 0 20px;background:#E7D4B9;border-radius:23px;border:0}.hero-editorial:before,.hero-editorial:after{display:none}.hero-pets{height:168px;position:relative;background:#A8845A;display:flex;gap:2px;overflow:hidden}.hero-pets img{height:100%;object-fit:cover}.hero-dog{width:62%;object-position:50% 40%}.hero-cat{width:38%;object-position:57% 46%;filter:sepia(.13)}.hero-pets:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,24,14,.12),transparent 60%,rgba(32,24,14,.08));pointer-events:none}.hero-tag{position:absolute;top:14px;left:15px;z-index:1;font-size:7px;letter-spacing:.12em;font-weight:800;padding:6px 8px;border-radius:6px;color:white;background:rgba(55,40,23,.27);backdrop-filter:blur(7px)}.hero-editorial .hero-copy{left:18px;right:18px;bottom:15px;color:#4A3723}.hero-editorial .hero-copy h2{font-size:21px;line-height:1.15;letter-spacing:-.05em;font-weight:800;max-width:260px;margin:0 0 4px}.hero-copy p{margin:4px 0 0;font-size:9px;line-height:1.4;color:#8F7455;font-weight:600}.hero-cta{position:absolute;right:0;bottom:6px;width:37px;height:37px;border:0;background:#FBF6ED;border-radius:50%;color:#9A6D3C;display:grid;place-items:center;cursor:pointer}.hero-cta .pati-icon{width:19px;height:19px}.pet-card{padding:11px;border-color:#ECE6DC;margin-bottom:13px;gap:13px;box-shadow:none}.pet-card img{height:91px;width:87px;border-radius:15px}.pet-card-content b{font-size:18px;letter-spacing:-.04em;font-weight:800}.pet-card-content .breed{font-size:11px;line-height:1.4;display:block;margin-top:3px}.meta-line{font-size:9px;gap:4px;margin-top:11px}.meta-pill{padding:4px 6px;background:#F6F3ED;border-radius:6px}.pet-card .chev{align-self:flex-start;margin-top:7px;color:#B6AA9B}.add-circle{height:40px;width:40px;flex-shrink:0;background:#BC8954;box-shadow:none}.add-circle .pati-icon{width:20px;height:20px}.shortcut{padding:13px 12px;border-color:#ECE6DC;gap:10px;min-height:64px}.shortcut i{width:31px;height:34px;background:transparent!important;color:#9B855F}.shortcut .pati-icon{width:22px;height:22px}.shortcut b{font-size:10px;line-height:1.5;font-weight:700}.detail-hero{height:299px;margin:-18px -24px 0}.detail-topbar{left:24px;right:24px;top:14px}.detail-topbar .icon-btn{height:36px;width:36px}.detail-hero img{object-position:center 37%}.detail-sheet{margin: -26px -24px 0;padding:22px 24px 120px;border-radius:28px 28px 0 0}.pet-title-row h1{font-size:31px;font-weight:800;letter-spacing:-.05em}.pet-title-row p{font-size:12px}.pet-avatar-mini{width:46px;height:46px;border:3px solid white;box-shadow:0 3px 7px #ddd5c7}.stat-grid{margin:18px 0;padding:13px 0;border:1px solid #ECE6DC}.stat b{font-size:13px;font-weight:700}.stat span{font-size:9px;margin-top:6px}.tabs{gap:22px;margin:12px 0 18px}.tab{font-size:11px;padding-bottom:13px;line-height:1.4}.health-card{padding:14px;min-height:100px;border-radius:18px}.health-card i .pati-icon{width:21px;height:21px;color:#739581}.health-card.blue i .pati-icon{color:#708CA5}.health-card.orange i .pati-icon{color:#B18F68}.health-card.purple i .pati-icon{color:#9381AD}.health-card b{margin-top:10px;font-size:11px;font-weight:700}.health-card span{font-size:9px;margin-top:5px}.health-grid{gap:9px}.detail-screen .sticky-cta{position:fixed}.sticky-cta{left:24px;right:24px;bottom:26px;position:absolute;z-index:11}.list-card{border-color:#ECE6DC;padding:15px;border-radius:18px;margin-bottom:10px}.list-card b{font-size:12px;font-weight:700}.list-card small{font-size:10px;line-height:1.55}.summary{padding:17px;gap:12px;border-radius:20px;background:#EAF0E5}.summary b{font-size:13px;font-weight:800;letter-spacing:-.025em}.summary span{font-size:10px;line-height:1.5}.summary-icon{flex-shrink:0}.summary-icon .pati-icon{width:23px;height:23px;color:#748665}.metric{padding:14px 10px;border-color:#ECE6DC;min-height:71px}.metric b{font-size:17px;font-weight:800;letter-spacing:-.04em}.metric span{font-size:9px;margin-top:5px}.search{font-size:11px;color:#9D958B;border-color:#EAE3D9;background:#F4F0E9}.search .pati-icon{width:17px;height:17px}.chip{padding:8px 13px;font-size:10px;border-color:#E8E1D6;background:transparent}.chip.active{background:#B98855;border-color:#B98855}.product{border-color:#ECE6DC;border-radius:18px;box-shadow:none}.product img{height:133px}.product-body{padding:12px}.product-body b{font-size:11px;font-weight:700;line-height:1.45;min-height:33px}.product-body span{font-size:14px;margin-top:9px;font-weight:800;letter-spacing:-.03em;color:#966937}.heart{width:29px;height:29px;color:#7F7364;display:grid;place-items:center}.heart .pati-icon{height:15px;width:15px}.heart.selected{color:#B77867}.heart.selected svg{fill:#F3DCD6}.calendar{border-color:#ECE6DC;padding:17px}.calendar-head{margin-bottom:15px}.calendar-head b{font-size:13px;font-weight:800}.week span{font-size:9px;font-weight:600}.days span{height:32px;font-size:10px;cursor:pointer}.days .selected{background:#B98855}.cal-arrows button{color:#8D7961}.cal-arrows .pati-icon{width:12px;height:12px}.reminder{padding:14px 12px;border-color:#ECE6DC;gap:11px}.reminder-icon{width:36px;height:38px;background:transparent!important;color:#AB926C}.reminder-icon .pati-icon{height:23px;width:23px}.reminder b{font-size:12px;font-weight:700}.reminder small{font-size:9px;margin-top:4px}.switch{width:35px;height:21px;flex-shrink:0}.switch.on{background:#BB8C5B}.switch.on:after{left:16px}.notification{padding:15px 12px;border-color:#ECE6DC;gap:11px}.notification.unread{background:#F9F2E8;border-color:#EFDFCA}.notification-icon{width:34px;height:36px;flex-shrink:0;color:#A18760;background:transparent!important}.notification-icon .pati-icon{width:23px;height:23px}.notification b{font-size:11px;font-weight:800;line-height:1.5}.notification p{font-size:10px;line-height:1.6}.notification time{font-size:8px;margin-top:8px}.notification+.notification{margin-top:10px}.profile-head{padding:5px 0 25px;gap:15px}.profile-head img{display:none}.profile-head:before{content:'EK';width:62px;height:62px;border-radius:50%;background:#EEE3D2;color:#A27B46;font-weight:800;letter-spacing:-.08em;font-size:21px;display:grid;place-items:center}.profile-head b{font-size:20px;font-weight:800;letter-spacing:-.04em}.profile-head span{font-size:10px;line-height:1.5}.profile-menu{border-color:#ECE6DC}.profile-item{padding:15px;gap:13px}.profile-item i{width:25px;height:27px;background:transparent!important;color:#9A8B75}.profile-item i .pati-icon{height:20px;width:20px}.profile-item b{font-size:11px;font-weight:700}.form-label{font-size:10px;font-weight:700;margin-bottom:8px}.input{height:48px;font-size:12px;border-color:#E7DFD3;padding:0 14px;background:#fffdf9}.form-group{margin-bottom:16px}.select-chip{padding:10px 13px;font-size:10px;border-color:#E7DFD3;background:transparent}.select-chip.selected{background:#B98A57;border-color:#B98A57}.auth-hero{margin:-18px -24px 0;height:425px}.auth-copy{left:24px;right:24px;bottom:30px}.auth-copy h1{font-size:34px;font-weight:800;line-height:1.1;letter-spacing:-.055em}.auth-copy p{font-size:11px;line-height:1.65;max-width:260px}.auth-copy .brand{font-size:18px;letter-spacing:-.03em;display:flex;gap:6px;align-items:center}.auth-copy .brand .pati-icon{height:20px;width:20px}.auth-actions{padding-top:26px;gap:12px}.sheet{padding:22px 24px 34px;border-radius:28px 28px 0 0;animation:sheetUp .3s cubic-bezier(.22,1,.36,1);background:#FAF8F4;max-height:85%}.sheet h2{font-size:21px;font-weight:800;letter-spacing:-.045em}.sheet-handle{width:32px;height:4px;background:#D9D1C4;margin-bottom:22px}.toast{left:24px;right:24px;bottom:104px;font-size:11px;line-height:1.6;border-radius:13px;background:#443B31}.flow-step{gap:4px}.flow-step span{height:3px}.flow-step span.done{background:#BD915F}.modal{background:rgba(35,29,22,.35);backdrop-filter:blur(3px)}.input::placeholder{color:#B0A698}.screen{animation:screenIn .22s cubic-bezier(.22,1,.36,1)}[data-screen],[data-modal],[data-toast]{-webkit-tap-highlight-color:transparent}.btn.ghost{min-height:36px;font-size:10px}.screen-header .btn.ghost{max-width:100px;text-align:right;line-height:1.6}.header-back .h2{font-size:17px}.status-badge{font-size:9px;padding:5px 7px}.status-badge.soon{color:#A5773E}.toggle-hit{cursor:pointer}.photo-upload{display:flex!important;flex-direction:column;gap:8px!important;font-size:9px!important;font-weight:700}.photo-upload .pati-icon{width:25px;height:25px}.photo-upload span{position:static!important;margin:0!important}.hero:not(.hero-editorial):after{display:none}.hero:not(.hero-editorial) .hero-copy h2{font-size:23px}.hero:not(.hero-editorial) .hero-copy .btn{min-height:38px;font-size:10px}
@keyframes screenIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{from{transform:translateY(35px);opacity:.8}to{transform:translateY(0);opacity:1}}
@media(max-width:800px){.stage{padding:0;min-height:100svh}.phone{width:100%;max-width:430px;height:100dvh;min-height:740px;border-radius:0;outline:0;box-shadow:none}.workspace{min-height:100dvh}.dynamic-island{top:10px}.screen{padding-bottom:115px}.bottom-nav{padding-bottom:27px}.stage{background:var(--ivory)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.app>.sticky-cta{bottom:27px;left:24px;right:24px;z-index:12}.app>.sticky-cta:before{content:'';position:absolute;inset:-22px -24px -27px;background:linear-gradient(transparent,#FAF8F4 40%);z-index:-1;pointer-events:none}

/* Quietly playful, with a little PATİ character. */
.phone{background:#FAF8F4}.screen{animation:pageArrive .32s cubic-bezier(.2,.7,.2,1)}.pati-card{animation:cardArrive .42s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--enter-delay,0ms);transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,border-color .22s ease}.pet-card,.appointment-card,.list-card,.product{box-shadow:0 3px 9px -7px rgba(92,62,29,.18),0 1px 0 rgba(255,255,255,.85) inset}.pet-card{position:relative;padding:12px;border-radius:22px;background:#FFFEFC}.pet-card img{border-radius:17px}.pet-card .chev{margin-left:3px}.pet-mood{position:absolute;right:14px;bottom:13px;width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:#FBEEE7;color:#C7917F}.pet-mood .pati-icon{width:13px;height:13px;stroke-width:1.7}.pet-mood-1{background:#F1EDF7;color:#A192BA}.pet-mood-2{background:#EEF3E9;color:#96A881}.appointment-feature{background:linear-gradient(105deg,#FFFEFC,#FBF6EE);border-color:#E9DFCF}.appointment-feature .date-box{background:#EEE2D0;border:1px solid #F5EBDD}.date-box b{color:#6B4B2C}.health-card{border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(255,255,255,.75) inset}.health-card i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.5)}.health-card i .pati-icon{width:19px;height:19px}.health-card b{margin-top:7px}.shortcut{background:#FFFEFC;border-radius:20px}.shortcut i{border-radius:11px;background:#F6F1E8!important;color:#B39B71}.shortcut:nth-child(2) i{background:#F7EDE1!important;color:#B99B73}.shortcut:nth-child(3) i{background:#F2EEF7!important;color:#A497B7}.shortcut:nth-child(4) i{background:#EEF3EA!important;color:#9DAF8C}.quick{animation:cardArrive .38s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--enter-delay,0ms)}.quick-icon{border:1px solid rgba(255,255,255,.72);box-shadow:0 1px 0 rgba(255,255,255,.75) inset;transition:transform .26s cubic-bezier(.34,1.56,.64,1),border-radius .26s ease}.quick-icon .pati-icon{stroke-width:1.7}.quick:active .quick-icon{transform:translateY(2px) scale(.94);border-radius:22px}.home-wordmark .pati-icon{fill:#F3E6D5;color:#AA7D48}.brand-wave .pati-icon{transform-origin:50% 70%;animation:pawHello 1.15s cubic-bezier(.3,.7,.3,1) .1s both}.hero-editorial{background:#E8D7BD;box-shadow:0 6px 18px -14px rgba(95,63,28,.3);isolation:isolate}.hero-pets{height:168px;gap:3px}.hero-pets img{animation:photoSettle 1.15s ease-out both}.hero-pets .hero-cat{animation-delay:70ms}.hero-tag{border-radius:7px;padding:7px 9px;background:rgba(62,47,28,.38);font-size:7px;letter-spacing:.1em}.hero-charm{position:absolute;z-index:3;right:16px;top:148px;width:34px;height:34px;border:3px solid #E8D7BD;border-radius:50%;background:#FCF7EE;color:#B28650;display:grid;place-items:center;box-shadow:0 3px 8px rgba(83,60,30,.06);animation:charmFloat 5s ease-in-out 1s infinite}.hero-charm .pati-icon{width:18px;height:18px;fill:#F3E3CF;stroke-width:1.5}.hero-editorial .hero-copy h2{font-size:21px;letter-spacing:-.052em;line-height:1.16;margin-bottom:6px}.hero-copy p{font-size:8.5px;display:flex;align-items:center;gap:5px;color:#967653;font-weight:600;letter-spacing:-.01em;line-height:1.45}.tiny-dot{width:2px;height:2px;display:inline-block;border-radius:50%;background:#AF956D}.hero-cta{width:38px;height:38px;bottom:6px;background:#FFFBF3;box-shadow:0 2px 0 rgba(131,95,50,.07);transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s}.hero-cta:active{transform:scale(.9)}.hero-cta .pati-icon{transition:transform .24s ease}.btn.primary,.add-circle{background:#BE8E59;border:1px solid #BD8A52;box-shadow:0 2px 0 rgba(128,82,35,.09),0 1px 0 rgba(255,255,255,.24) inset!important}.btn.primary{font-size:12px;font-weight:700;min-height:48px}.btn.primary,.hero-cta,.add-circle{position:relative;overflow:hidden}.btn.primary:after,.hero-cta:after,.add-circle:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;left:var(--press-x,50%);top:var(--press-y,50%);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.is-pressed:after{animation:softRipple .55s ease-out}.btn.primary:active{background:#AD7F4C;transform:scale(.982)}.btn.secondary{background:#FFFEFA;border-color:#E6DCCD;color:#7F684A}.icon-btn{background:#FFFEFB;border:1px solid #E8E0D4;color:#7D7060;box-shadow:0 1px 0 rgba(255,255,255,.9) inset}.icon-btn .dot{background:#D3A26B;box-shadow:0 0 0 2px #FFFEFB}.icon-btn:active .pati-icon{transform:rotate(-8deg)}.bottom-nav{border-top-color:#E8E1D6;background:rgba(250,248,244,.96);box-shadow:0 -9px 22px -20px rgba(73,53,29,.25)}.nav-item.active .nav-ico{position:relative}.nav-item.active .nav-ico:before{content:'';position:absolute;inset:-6px -10px;border-radius:16px;background:#F5EBDD;z-index:-1;animation:navPill .32s cubic-bezier(.34,1.56,.64,1)}.nav-item.active .pati-icon{stroke:#B88850;animation:navHello .38s cubic-bezier(.34,1.56,.64,1)}.nav-item.active:after{bottom:-5px;width:3px;height:3px}.nav-item .nav-ico{isolation:isolate}.heart{background:rgba(255,254,249,.94);border:1px solid rgba(236,226,212,.65);transition:color .2s,background .2s}.heart.selected{background:#FCF0EB;border-color:#EFDBD1;color:#C88C7A}.heart.selected svg{fill:#EEC7B9}.heart-pop{animation:heartPop .4s cubic-bezier(.2,.8,.3,1.3)}.days .selected{animation:datePop .24s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 6px rgba(153,108,60,.12)}.switch{transition:background .22s ease}.switch:after{transition:left .25s cubic-bezier(.34,1.56,.64,1),width .15s ease}.switch:active:after{width:20px}.switch.on{background:#BE925F}.toast-success{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid rgba(255,255,255,.1);background:#4D5C4E;box-shadow:0 10px 30px rgba(33,47,34,.17);padding:12px 14px;animation:toastSpring .38s cubic-bezier(.22,1.25,.36,1)}.toast-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#718473;flex-shrink:0}.toast-mark .pati-icon{width:15px;height:15px;stroke-width:2}.toast-message{font-size:11px;font-weight:600}.sheet{animation:sheetSpring .38s cubic-bezier(.2,.85,.25,1);border-top:1px solid #FFFEFC}.summary{border:1px solid #E2EADB;box-shadow:0 1px 0 rgba(255,255,255,.7) inset}.summary-icon{border-radius:14px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9)}.profile-head:before{background:#ECE0CD;border:3px solid #FAF6ED;box-shadow:0 0 0 1px #E3D6C2}.profile-item i{color:#AF9B79}.form-label{color:#7F6C52}.input:focus{background:#FFFEFA;border-color:#C49A69;box-shadow:0 0 0 3px #F2E8D9}.input{transition:border-color .2s,box-shadow .2s,background .2s}.chart svg path:first-child{stroke-dasharray:550;stroke-dashoffset:550;animation:chartDraw 1.2s cubic-bezier(.2,.7,.2,1) .2s forwards}.chart svg circle{animation:chartPoint .4s ease .8s both}
@keyframes pawHello{0%,100%{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes cardArrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pageArrive{from{opacity:.75;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes photoSettle{from{opacity:.85;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes charmFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}@keyframes softRipple{0%{opacity:.28;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(35)}}@keyframes navPill{from{opacity:.3;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes navHello{0%{transform:translateY(2px) scale(.85)}60%{transform:translateY(-2px) scale(1.08)}100%{transform:translateY(0) scale(1)}}@keyframes heartPop{0%,100%{transform:scale(1)}40%{transform:scale(1.19)}70%{transform:scale(.96)}}@keyframes datePop{from{transform:scale(.85)}to{transform:scale(1)}}@keyframes toastSpring{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheetSpring{from{opacity:.7;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartPoint{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.pati-card[role=button]:hover,.pet-card:hover,.product:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(92,62,29,.3);border-color:#DED0BC}.quick:hover .quick-icon{transform:translateY(-3px) rotate(-3deg)}.hero-cta:hover .pati-icon{transform:translateX(3px)}.btn.primary:hover{background:#B68550;transform:translateY(-1px)}.brand-wave:hover .pati-icon{animation:pawHello .85s ease both}}
@media(prefers-reduced-motion:reduce){.pati-card,.quick,.brand-wave .pati-icon,.hero-pets img,.hero-charm,.nav-item.active .pati-icon,.chart svg circle,.chart svg path:first-child{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.hero-cta{position:absolute}.hero-editorial .hero-copy p{max-width:260px;font-size:8px}.hero-editorial .hero-copy{bottom:15px}
@media(max-width:800px){.phone{min-height:0}}
.pati-card,.quick{animation-fill-mode:backwards}

/* PATİ çalışma alanı: yumuşak kahverengi sahne ve canlı bildirim merkezi. */
body{background:#D5C0A8}
.stage{background:radial-gradient(circle at 50% 43%,#E9DCCB 0%,#D5C0A8 58%,#C4AB8F 100%)}
.brand-lockup .brand-mark{display:block;width:40px;height:40px;object-fit:contain;border-radius:11px;background:#F7F0E6;padding:5px}
.brand-lockup .brand-mark[src]{color:transparent}
.brand-image{width:94px;height:28px;display:inline-flex;align-items:center;overflow:hidden;position:relative}
.brand-image img{width:132px;height:auto;max-height:42px;object-fit:contain;object-position:left center;transform:translateX(-8px);display:block}
.auth-logo{width:124px;height:42px;object-fit:contain;object-position:left center;background:rgba(255,255,255,.9);border-radius:11px;padding:6px;margin-bottom:10px;display:block}
.profile-head img{display:block!important;width:62px;height:62px;border-radius:18px;object-fit:contain;padding:8px;background:#F7F0E6;border:1px solid #E7D9C5}
.notification-shade{position:absolute;z-index:60;inset:0;background:rgba(24,19,14,.27);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;animation:shadeFade .2s ease-out}
.shade-panel{width:100%;min-height:342px;padding:13px 18px 22px;border-radius:0 0 28px 28px;background:linear-gradient(160deg,rgba(252,249,244,.98),rgba(244,235,223,.98));box-shadow:0 16px 40px rgba(48,33,20,.2);transform-origin:top center;animation:shadeDrop .34s cubic-bezier(.2,.9,.25,1)}
.shade-handle{width:42px;height:4px;margin:0 auto 18px;border-radius:9px;background:#B7A797}
.shade-status{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 16px;color:#574638}.shade-status b{font-size:25px;letter-spacing:-.04em}.shade-status span{font-size:11px;font-weight:700;color:#927C67}
.shade-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.shade-controls>div{padding:11px 8px 9px;border:1px solid rgba(205,188,167,.5);border-radius:16px;background:rgba(255,255,255,.56);text-align:center;color:#906D4C}.shade-controls span{display:grid;place-items:center;margin-bottom:5px}.shade-controls .pati-icon{width:22px;height:22px}.shade-controls small{font-size:9px;color:#817466;font-weight:700}
.shade-notification{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(219,203,184,.58);margin-top:8px}.shade-notification.unread{background:#FFF7EC;border-color:#E9D0AE}.shade-notification .notification-icon{background:#F6EBDD!important;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#AA7D48}.shade-notification .notification-icon .pati-icon{width:18px;height:18px}.shade-notification b{font-size:11px;color:#4B3B2E}.shade-notification p{font-size:9px;color:#927F6C;margin:3px 0 0}.shade-panel>.btn{margin-top:14px;min-height:40px;font-size:11px}
@keyframes shadeDrop{from{opacity:.75;transform:translateY(-30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shadeFade{from{opacity:0}to{opacity:1}}
@media(max-width:800px){body{background:#D5C0A8}.stage{background:#FAF8F4}.brand-image{width:92px}.brand-image img{width:126px}.notification-shade{position:absolute}}
@media(prefers-reduced-motion:reduce){.notification-shade,.shade-panel{animation:none!important}}