@font-face{font-family:MNManPhao;src:url(/fonts/MN-Man-Phao.otf) format("opentype"),local("MN Man Phao"),local("มันเผา");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:MNManPhao;src:url(/fonts/MN-Man-Phao-Italic.otf) format("opentype"),local("MN Man Phao Italic"),local("มันเผา Italic");font-weight:400 900;font-style:italic;font-display:swap}:root{--cream: #fff7df;--paper: #fffdf7;--ink: #432817;--muted: #8e6e5d;--line: #f0d9bd;--pink: #ff8fa3;--pink-soft: #ffe6ec;--blue: #8bc8ff;--blue-soft: #e5f4ff;--yellow: #ffd773;--yellow-soft: #fff3c7;--mint: #95dfb3;--mint-soft: #e6f8ec;--orange: #ff9b61;--orange-soft: #ffe6d2;--lavender: #aaa0ff;--lavender-soft: #eeeaff;--danger: #e05656;--success: #4da85e;--shadow: 0 16px 38px rgba(138, 83, 40, .16);--font-man-phao: "MNManPhao", "MN Man Phao", "มันเผา", "Leelawadee UI", "Tahoma", sans-serif;--font-hand: var(--font-man-phao);--font-body: var(--font-man-phao);font-family:var(--font-body)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.92) 0 28px,transparent 29px),radial-gradient(circle at 78% 26%,rgba(255,255,255,.82) 0 36px,transparent 37px),radial-gradient(circle at 50% 88%,rgba(255,255,255,.72) 0 42px,transparent 43px),radial-gradient(circle at 8% 10%,rgba(255,143,163,.22),transparent 26%),radial-gradient(circle at 92% 6%,rgba(139,200,255,.24),transparent 28%),linear-gradient(180deg,#fff4d7,#fff9ea 44%,#fff1e6);min-height:100vh;font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1.36;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"♡   ✦   🐾   ♡   ✦   🐾";position:fixed;inset:18px 0 auto;z-index:-1;color:#ff8fa347;font-size:1.35rem;letter-spacing:28px;text-align:center;pointer-events:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;padding-bottom:92px;position:relative;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.76) 0 24px,transparent 25px),radial-gradient(circle at 84% 21%,rgba(255,255,255,.72) 0 30px,transparent 31px),linear-gradient(180deg,#dff3ff 0,#eff9ff 210px,#fff9e8 440px,#fff2e4);overflow-x:hidden}.app-frame{padding:10px 14px 28px}.exact-home-shell{padding-bottom:0;background:#dff3ff;overflow-x:hidden;overflow-y:auto}.exact-home-frame{padding:0}.exact-home{min-height:100vh;min-height:100svh}.reference-home-stage{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:320 / 802;overflow:hidden;background:#dff3ff}.reference-home-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.home-hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:0;border-radius:18px;background:#fff0;color:transparent;font-size:0;-webkit-tap-highlight-color:transparent}.home-hotspot.nav-add{border-radius:50%}.home-hotspot:focus-visible{outline:3px solid rgba(255,119,90,.86);outline-offset:-3px;background:#ffffff1f}.app-header{position:sticky;top:0;z-index:30;display:grid;gap:9px;padding:8px 16px 10px;background:#e1f4ffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(188,226,249,.72);box-shadow:0 10px 28px #6997b224}.sub-header{background:radial-gradient(circle at 16% 120%,rgba(255,255,255,.85),transparent 34%),linear-gradient(180deg,#dff3fff5,#f6fbffeb);border-bottom:2px solid rgba(255,255,255,.75)}.phone-status{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:24px;color:#2f241e;font-size:.76rem;font-weight:900}.phone-status .status-icons{justify-self:end;letter-spacing:2px}.dynamic-island{width:92px;height:25px;border-radius:999px;background:#0f1115;box-shadow:inset 22px 0 #ffffff14}.title-row{display:grid;grid-template-columns:44px 1fr 48px;align-items:center;gap:10px}.app-header h1{margin:0;font-family:var(--font-hand);font-size:2.45rem;line-height:.9;color:#332014;text-shadow:0 2px 0 #fff}.home-header .kicker{display:none}.home-header .title-copy{text-align:center}.home-header h1{font-size:2.55rem;letter-spacing:.01em}.kicker{margin:0 0 2px;font-family:var(--font-body);font-size:.78rem;font-weight:900;letter-spacing:.02em;color:var(--orange);text-transform:uppercase}h1,h2,h3{font-family:var(--font-hand)}button,label,strong{font-family:var(--font-body)}.icon-button,.small-button{border:0;border-radius:16px;background:#fff;color:var(--ink);min-height:42px;box-shadow:0 8px 22px #7d4e2a1f;font-weight:900;font-size:1.05rem}.icon-button{font-size:1.8rem}.bell-button{position:relative;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#fffdf7;color:var(--ink);box-shadow:0 10px 22px #7d4e2a24;font-size:1.45rem}.bell-button em{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ff694c;border:2px solid #fff;color:#fff;font-style:normal;font-size:.72rem;font-weight:1000}.pet-bubble{width:46px;height:46px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--yellow-soft);overflow:hidden;box-shadow:var(--shadow)}.pet-bubble img,.profile-avatar img,.print-avatar img,.photo-picker img{width:100%;height:100%;object-fit:cover}.feature-hero{position:relative;min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:10px;padding:18px 12px 18px 18px;border:4px solid rgba(255,255,255,.98);border-radius:30px;overflow:hidden;box-shadow:0 10px #ffffff94 inset,0 18px 36px #84522a2b}.feature-hero:before,.feature-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.feature-hero:before{width:148px;height:58px;right:-34px;bottom:-20px;background:radial-gradient(circle at 18% 70%,rgba(255,255,255,.96) 0 22px,transparent 23px),radial-gradient(circle at 48% 44%,rgba(255,255,255,.9) 0 28px,transparent 29px),radial-gradient(circle at 76% 70%,rgba(255,255,255,.92) 0 20px,transparent 21px)}.feature-hero:after{inset:10px;border:2px dashed rgba(255,255,255,.58);opacity:.8}.feature-hero-pink{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.92),transparent 28%),linear-gradient(145deg,#ffe5ec,#fff4dc)}.feature-hero-blue{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.95),transparent 28%),linear-gradient(145deg,#e2f4ff,#f5fbff)}.feature-hero-yellow{background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.94),transparent 30%),linear-gradient(145deg,#fff2bd,#fff8df)}.feature-hero-mint{background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.94),transparent 30%),linear-gradient(145deg,#dcf7e4,#f4fff6)}.feature-hero-orange{background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.94),transparent 30%),linear-gradient(145deg,#ffe2cc,#fff2df)}.feature-hero-lavender{background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.94),transparent 30%),linear-gradient(145deg,#eee8ff,#fbf7ff)}.feature-hero-copy,.feature-mascot-stage{position:relative;z-index:2}.feature-hero-copy{display:grid;gap:8px;align-content:center}.feature-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:4px solid #fff;background:linear-gradient(180deg,#ff8ca1,#ff627f);color:#fff;font-family:var(--font-hand);font-size:1.65rem;line-height:1;box-shadow:0 8px 18px #b45a502e;text-shadow:0 2px 0 rgba(118,62,46,.22)}.feature-hero-blue .feature-number{background:linear-gradient(180deg,#74bcff,#408fe6)}.feature-hero-yellow .feature-number{background:linear-gradient(180deg,#ffca55,#ff9e2f)}.feature-hero-mint .feature-number{background:linear-gradient(180deg,#71c978,#45a85c)}.feature-hero-orange .feature-number{background:linear-gradient(180deg,#ff9d66,#ff7046)}.feature-hero-lavender .feature-number{background:linear-gradient(180deg,#aaa0ff,#7667d8)}.feature-hero h2{margin:0;color:#3d2213;font-size:2.72rem;line-height:.9;letter-spacing:0;text-shadow:0 2px 0 #fff,0 4px 0 rgba(121,72,48,.1)}.feature-hero p{margin:0;max-width:190px;color:#825d4e;font-family:var(--font-body);font-size:1.08rem;font-weight:800;line-height:1.12}.feature-tags{display:flex;flex-wrap:wrap;gap:6px}.feature-tags span{display:inline-grid;place-items:center;min-height:28px;padding:3px 10px 4px;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:#ffffffbd;color:#7c5a4d;font-family:var(--font-body);font-size:.92rem;font-weight:900;box-shadow:0 5px 12px #784c2d14}.feature-mascot-stage{min-height:150px;display:grid;place-items:center}.feature-mascot-crop{width:132px;height:132px;border:4px solid #fff;border-radius:44px;background-color:#ffffffc7;background-repeat:no-repeat;background-size:var(--sprite-size);background-position:var(--sprite-position);box-shadow:0 9px #ffffff94 inset,0 14px 26px #553c2a2e;transform:rotate(2deg)}.feature-sticker-image{width:142px;height:142px;object-fit:contain;border:4px solid #fff;border-radius:38px;background:#ffffffc7;box-shadow:0 9px #ffffff7a inset,0 14px 26px #553c2a2e;transform:rotate(2deg)}.feature-prop{position:absolute;right:4px;bottom:3px;width:48px;height:48px;border:3px solid #fff;border-radius:18px;display:grid;place-items:center;background:#ffffffe0;color:#ff745b;font-size:1.55rem;font-family:var(--font-hand);font-weight:900;box-shadow:0 10px 18px #5e3f2d24}.feature-sparkle{position:absolute;z-index:3;color:#ff8fa3;font-family:var(--font-hand);font-size:1.25rem;text-shadow:0 2px 0 #fff}.sparkle-one{right:118px;top:13px}.sparkle-two{right:0;top:23px;color:#69b6ef}.screen,.stack{display:grid;gap:14px}.screen{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.screen>*{width:100%;max-width:100%;min-width:0}.home-hero-card{display:grid;grid-template-columns:1fr;justify-items:center;gap:6px;min-height:132px;padding:0 18px 12px;border-radius:0 0 30px 30px;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.9) 0 26px,transparent 27px),radial-gradient(circle at 92% 32%,rgba(255,255,255,.82) 0 32px,transparent 33px),linear-gradient(180deg,#dff3ff,#f2fbff 62%,#fff0);overflow:hidden;position:relative}.sky-sparkles{position:absolute;inset:10px 18px auto;display:flex;justify-content:space-between;color:#ff86a2;font-size:1.18rem;pointer-events:none}.hero-title{display:none}.hero-title h2{margin:0;font-size:2.25rem;line-height:1.08;color:#332014;text-shadow:0 3px 0 #fff,0 5px 12px rgba(117,70,36,.16)}.hero-title p{margin:4px 0 0;color:#7c6b60;font-size:.76rem;font-weight:900}.mascot-pair{position:relative;width:218px;height:112px}.mascot{position:absolute;display:grid;place-items:center;width:102px;height:96px;border-radius:36px;background:#fff;border:3px solid rgba(255,255,255,.8);box-shadow:0 12px 20px #8957352e;font-size:3.75rem}.mascot.dog{left:8px;bottom:0;transform:rotate(-7deg)}.mascot.cat{right:8px;top:2px;transform:rotate(7deg)}.sticker-mascot .duck-hat,.feature-art .duck-hat{position:absolute;top:-16px;left:50%;transform:translate(-50%) rotate(-6deg);font-size:1.25rem;filter:drop-shadow(0 3px 0 #fff)}.sticker-mascot .face{filter:drop-shadow(0 5px 0 rgba(255,255,255,.8))}.pet-switcher,.soft-card,.empty-state,.profile-card,.risk-card{border:3px solid rgba(255,255,255,.96);border-radius:26px;background:radial-gradient(circle at 8% 0%,rgba(255,255,255,.92),transparent 26%),linear-gradient(160deg,#fffdf7f5,#fff4e4f0);box-shadow:0 10px #ffffff6b inset,0 15px 30px #89573524}.pet-switcher{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:10px;align-items:end;width:100%;max-width:100%;padding:12px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.92),transparent 26%),linear-gradient(160deg,#fffdf7,#fff0df)}.pet-switcher label{min-width:0}.pet-switcher .small-button{padding:11px 12px;line-height:1;white-space:nowrap}label{display:grid;gap:6px;color:#4a2b18;font-family:var(--font-body);font-weight:900;font-size:1.08rem;line-height:1}input,select,textarea{width:100%;border:2px solid #efcaaa;border-radius:17px;background:#ffffffeb;color:var(--ink);padding:13px 14px;outline:none;font-family:var(--font-body);font-weight:700;font-size:1.16rem;line-height:1.15;box-shadow:0 5px 12px #8957350f}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#ff826d;box-shadow:0 0 0 4px #ff826d29,0 8px 16px #89573514}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:-14px}.feature-card{min-height:156px;border:3px solid rgba(255,255,255,.96);border-radius:24px;display:grid;align-content:center;justify-items:center;gap:5px;color:var(--ink);box-shadow:0 10px #ffffff8c inset,0 13px 22px #84512a24;position:relative;overflow:hidden}.feature-card:before{content:"♡";position:absolute;top:9px;right:12px;color:#ff758e85;font-size:1.05rem;font-weight:900}.feature-card strong{position:relative;z-index:2;font-size:1.52rem;line-height:1.1;text-shadow:0 2px 0 #fff}.feature-card small{position:relative;z-index:2;color:var(--muted);font-weight:800;font-size:.92rem}.feature-art{position:relative;width:84px;height:72px;display:grid;place-items:center;margin-bottom:2px}.feature-art .pet-face{position:absolute;left:4px;bottom:2px;width:62px;height:62px;border-radius:24px;display:grid;place-items:center;background:#ffffffc2;border:2px solid rgba(255,255,255,.92);box-shadow:0 8px 16px #84512a1f;font-size:2.3rem}.feature-art .prop{position:absolute;right:0;bottom:4px;width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 14px #84512a24;font-size:1.45rem}.feature-art .duck-hat{top:-10px;left:36px;font-size:1rem}.pink{background:linear-gradient(160deg,#ffdbe3,#fff5f7)}.blue{background:linear-gradient(160deg,#d9efff,#f7fcff)}.yellow{background:linear-gradient(160deg,#fff0b8,#fffaf0)}.mint{background:linear-gradient(160deg,#d8f5de,#f7fff8)}.orange{background:linear-gradient(160deg,#ffe1c4,#fff8f0)}.lavender{background:linear-gradient(160deg,#e5dcff,#fbf9ff)}.mini-stats,.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats button,.info-tile{border:0;border-radius:18px;padding:13px 10px;background:#fff;box-shadow:0 10px 20px #7d4e2a1a;color:var(--ink);text-align:center}.mini-stats strong,.info-tile strong{display:block;font-size:1.2rem}.mini-stats span,.info-tile span{display:block;color:var(--muted);font-weight:800;font-size:.9rem}.soft-card,.risk-card,.empty-state{padding:16px}.soft-card h2,.risk-card h2{margin:0 0 12px;color:#3d2213;font-size:2.08rem;line-height:.94;text-shadow:0 2px 0 #fff}.compact{gap:10px}.chip-row,.toolbar,.button-row,.action-grid,.quick-grid,.check-grid{display:flex;flex-wrap:wrap;gap:9px;max-width:100%}.toolbar .primary,.toolbar .secondary{flex:1 1 148px;min-width:0;text-align:center}.chip{border:2px solid #f2d4b9;border-radius:999px;background:#fffffff0;color:var(--ink);padding:9px 13px;font-family:var(--font-body);font-size:1.1rem;line-height:1;font-weight:900;box-shadow:0 5px 12px #89573512}.chip.active,.secondary.selected{border-color:#ff826d;background:linear-gradient(160deg,#ffe1d8,#fff6ee);color:#aa452d}.primary,.secondary,.danger,.button-row button{border:0;border-radius:18px;min-height:46px;padding:11px 15px;font-family:var(--font-body);font-size:1.18rem;line-height:1;font-weight:1000;letter-spacing:0}.primary{background:linear-gradient(135deg,#ff917d,#ff6485);color:#fff;border:2px solid #fff;box-shadow:0 5px #c449483d,0 12px 22px #ff62893d}.secondary,.button-row button{background:#fffffff0;color:var(--ink);border:2px solid #f1d2b5;box-shadow:0 7px 15px #89573514}.danger,.button-row .danger{background:#fff1f1;color:var(--danger);border:2px solid #ffd0d0}.full{width:100%}.action-grid{display:grid;grid-template-columns:1fr 1fr}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.question-grid,.pet-form,.form-card{display:grid;gap:12px}.inline-check{display:flex;align-items:center;gap:8px;font-weight:800}.inline-check input{width:auto}.field-error{margin:0;padding:10px 12px;border-radius:14px;background:#fff1f1;color:var(--danger);font-weight:800}.image-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.image-thumb{border:2px solid #fff;border-radius:16px;padding:0;overflow:hidden;position:relative;aspect-ratio:1;background:var(--cream)}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-thumb span{position:absolute;right:4px;bottom:4px;font-size:.7rem;background:#ffffffe6;border-radius:999px;padding:2px 6px}.risk-card{background:#fff}.risk-card.low{border-color:var(--mint)}.risk-card.medium{border-color:var(--yellow)}.risk-card.high{border-color:var(--danger)}.disclaimer{border-radius:16px;padding:12px;color:#8a4b16;background:var(--yellow-soft);font-weight:800}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#fff3e4;border-radius:16px;padding:4px}.segmented button{border:0;border-radius:13px;background:transparent;padding:10px;font-weight:900;color:var(--muted)}.segmented .active{background:#fff;color:var(--ink);box-shadow:0 7px 16px #7d4e2a1a}.list-stack,.timeline-list{display:grid;gap:12px}.reminder-card,.diary-card,.inventory-card{display:grid;gap:12px;width:100%;max-width:100%;min-width:0;border:3px solid rgba(255,255,255,.96);border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.9),transparent 26%),linear-gradient(160deg,#fffdf8,#fff3e4);box-shadow:0 9px #ffffff61 inset,0 15px 28px #89573521;padding:15px}.reminder-card.completed{opacity:.72}.pill{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;background:linear-gradient(160deg,#e7f5ff,#fff);color:#2f6691;border:1.5px solid rgba(139,200,255,.48);font-weight:900;font-size:.72rem;padding:4px 10px;box-shadow:0 4px 10px #5b95be14}.reminder-card h3,.diary-card h3,.inventory-card h3{margin:6px 0 4px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.reminder-card p,.diary-card p,.inventory-card p{margin:0;color:var(--muted);line-height:1.45;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.reminder-card small,.diary-card small{display:block;max-width:100%;color:var(--muted);font-weight:800;overflow-wrap:anywhere;word-break:break-word}.wrap{flex-wrap:wrap}.diary-card{grid-template-columns:92px minmax(0,1fr);align-items:start}.diary-card>img,.empty-photo{align-self:start;max-width:100%;width:92px;height:92px;border-radius:22px;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 16px #8957351a}.empty-photo{display:grid;place-items:center;background:linear-gradient(160deg,var(--yellow-soft),var(--pink-soft));font-size:2rem}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-grid .diary-card{grid-template-columns:1fr}.diary-card>div{min-width:0;max-width:100%}.diary-card .button-row{margin-top:9px;gap:8px}.diary-card .button-row button{flex:0 1 auto;min-width:72px;min-height:42px;padding-inline:14px}.gallery-grid .diary-card>img,.gallery-grid .empty-photo{width:100%;height:auto;aspect-ratio:1}.inventory-card{grid-template-columns:58px 1fr}.inventory-card.low{border-color:var(--yellow)}.inventory-card.empty{border-color:var(--danger)}.inventory-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(160deg,var(--orange-soft),#fff);border:3px solid #fff;box-shadow:0 8px 16px #8957351a;font-size:1.8rem}.item-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.item-head strong{color:var(--orange)}.progress{height:12px;background:#f7e6d4;border-radius:999px;overflow:hidden;margin:10px 0;border:2px solid #fff}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--pink))}.profile-card{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;padding:16px;background:radial-gradient(circle at 100% 10%,rgba(255,255,255,.92),transparent 28%),linear-gradient(160deg,#fff1d8,#fffaf2)}.profile-avatar{width:92px;height:92px;border-radius:32px;display:grid;place-items:center;overflow:hidden;font-size:3rem;background:linear-gradient(160deg,var(--yellow-soft),var(--pink-soft));border:4px solid #fff;box-shadow:0 10px 18px #89573524}.profile-card h2,.profile-card p{margin:0}.profile-card small,.soft-card p{color:var(--muted)}.info-tile{min-height:86px;display:grid;align-content:center;gap:4px;text-align:left;border:2px solid rgba(255,255,255,.92);background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.8),transparent 30%),linear-gradient(160deg,#fffdf8,#fff0e3)}.info-tile strong{font-size:.98rem}.photo-picker{width:104px;height:104px;border:2px dashed var(--line);border-radius:28px;display:grid;place-items:center;background:#fff;overflow:hidden;color:var(--muted);font-weight:900}.photo-picker span{font-size:2rem}.modal-backdrop,.sheet-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:end center;padding:16px;background:#462b1847}.modal-card,.bottom-sheet{width:min(100%,448px);max-height:88vh;overflow:auto;border:3px solid rgba(255,255,255,.95);border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.92),transparent 28%),linear-gradient(160deg,#fffdf7,#fff0e2);box-shadow:0 24px 60px #462b1847;padding:16px}.modal-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.modal-card h2,.bottom-sheet h2{margin:0}.sheet-handle{width:44px;height:5px;border-radius:999px;background:#e5c7aa;margin:0 auto 14px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;margin:14px 0}.quick-grid button{border:2px solid #f1d2b5;border-radius:20px;background:#ffffffe6;min-height:88px;font-weight:900;color:var(--ink);box-shadow:0 8px 16px #89573514}.quick-grid span{display:block;font-size:1.8rem}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:35;width:min(calc(100% - 22px),414px);display:grid;grid-template-columns:1fr 1fr 70px 1fr 1fr;gap:4px;align-items:center;padding:10px 12px;border:2px solid #fff;border-radius:26px;background:#fffdf7f2;box-shadow:0 18px 45px #5d371c33;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{border:2px solid transparent;border-radius:18px;background:transparent;color:var(--muted);min-height:58px;padding:5px 3px 4px;font-family:var(--font-body);font-size:.9rem;font-weight:900;line-height:.95;outline:none;display:grid;justify-items:center;align-content:center}.bottom-nav .nav-art{width:40px;height:36px;display:grid;place-items:center;margin:0 auto 2px;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.bottom-nav .nav-art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.bottom-nav .active{border-color:#ffffffeb;background:linear-gradient(180deg,#ffe8d9,#ffd8c7);color:var(--orange);box-shadow:0 7px 16px #ff7a5024}.bottom-nav button:focus-visible{outline:3px solid rgba(255,120,93,.7);outline-offset:2px}.bottom-nav .quick-add{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ff8b7a,#ff623d);color:#fff;justify-self:center;box-shadow:0 0 0 4px #ffffffbd,0 10px 20px #ff623d52,0 0 24px #ff6e543d}.bottom-nav .quick-add .nav-art{width:50px;height:50px;margin:0 auto;border-radius:50%;background:#fff5ee;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffb8}.bottom-nav .quick-add .nav-art img{width:92%;height:92%;margin:auto}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%);z-index:70;width:min(calc(100% - 32px),420px);border-radius:18px;background:#2f231d;color:#fff;padding:13px 16px;box-shadow:0 16px 38px #2f231d47;font-weight:900;font-size:1.08rem}.empty-state{display:grid;justify-items:center;text-align:center;gap:10px;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.94),transparent 32%),linear-gradient(160deg,var(--blue-soft),var(--pink-soft))}.empty-state span{font-size:2.4rem}.empty-state p{margin:0;color:var(--muted);font-weight:800}.plain-list{padding-left:18px}.print-screen{padding-bottom:24px;gap:16px;--print-accent: #ff735f;--print-accent-2: #ff8fa3;--print-soft: #ffe9ed;--print-paper: #fffdf7;--print-grid-x: rgba(255, 178, 171, .18);--print-grid-y: rgba(225, 190, 151, .24);--print-border: #efc8a5;--print-glow-a: rgba(255, 143, 163, .18);--print-glow-b: rgba(139, 200, 255, .18);--print-glow-c: rgba(255, 215, 115, .18)}.print-controls{display:grid;gap:14px;width:100%;max-width:100%;border:2px solid #fff;border-radius:26px;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.9),transparent 30%),linear-gradient(160deg,#fffdf7,#fff3e3);box-shadow:var(--shadow);padding:18px}.print-control-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px}.print-control-head>div{min-width:0;flex:1 1 210px}.print-control-head .small-button{padding:10px 12px;line-height:1;white-space:nowrap}.print-control-head span{color:var(--orange);font-size:.96rem;font-weight:1000;text-transform:uppercase}.print-control-head h2{margin:2px 0 0;font-size:1.58rem;line-height:1}.print-theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.print-theme-picker button{border:1.5px solid var(--line);border-radius:15px;display:grid;justify-items:center;gap:3px;min-height:62px;padding:7px 4px;background:#fff;color:var(--ink);font-weight:900;font-size:.96rem;line-height:.98}.print-theme-picker button span{font-size:1.28rem}.print-theme-picker .active{border-color:var(--print-accent);background:var(--print-soft);color:#432817;box-shadow:0 8px 18px color-mix(in srgb,var(--print-accent) 22%,transparent)}.print-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.print-toggle{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:15px;background:#fff;padding:10px;font-weight:900;font-size:1.08rem}.print-toggle input{width:18px;height:18px;accent-color:#ff735f}.print-action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.a4-page{width:100%;max-width:100%;min-width:0;min-height:640px;border:2px solid rgba(255,255,255,.92);border-radius:26px;box-shadow:var(--shadow);padding:20px;color:#2c211b;overflow:hidden;position:relative;background:linear-gradient(90deg,var(--print-grid-x) 0 1px,transparent 1px 100%),repeating-linear-gradient(180deg,transparent 0 31px,var(--print-grid-y) 32px),var(--print-paper);background-size:34px 100%,100% 32px,auto}.a4-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 10%,var(--print-glow-a),transparent 24%),radial-gradient(circle at 92% 18%,var(--print-glow-b),transparent 24%),radial-gradient(circle at 50% 96%,var(--print-glow-c),transparent 26%)}.print-header{position:relative;z-index:1;display:grid;grid-template-columns:1fr 82px;gap:14px;align-items:center;border-bottom:3px double var(--print-border);padding-bottom:14px;margin-bottom:14px}.print-header p,.print-header h2{margin:0}.print-header p{color:#a36330;font-weight:1000;font-size:.96rem}.print-header h2{margin-top:2px;font-size:1.92rem;line-height:.98}.print-header span{display:block;margin-top:5px;color:#7d6251;font-weight:800;font-size:1.08rem;line-height:1.18}.print-avatar{width:82px;height:82px;display:grid;place-items:center;border-radius:28px;overflow:hidden;background:var(--yellow-soft);border:4px solid #fff;box-shadow:0 10px 18px #84512a29;font-size:2rem}.print-summary{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.print-summary div{border-radius:17px;background:#ffffffc7;border:1px solid #f4d7bb;padding:10px;box-shadow:0 8px 16px #84512a14}.print-summary span{display:block;color:#916d54;font-size:.88rem;font-weight:900}.print-summary strong{display:block;margin-top:3px;color:#402a1c;font-size:1.18rem;line-height:1.05}.diary-note-box{position:relative;z-index:1;margin:0 0 14px;border:2px dashed #f2bea7;border-radius:20px;background:#fff6eed1;padding:13px 14px}.diary-note-box span{display:block;color:#ff735f;font-weight:1000;margin-bottom:4px}.diary-note-box p{margin:0;color:#624738;font-size:1.04rem;line-height:1.18}.print-entry{position:relative;z-index:1;display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;width:100%;max-width:100%;min-width:0;border:1.5px solid rgba(239,200,165,.9);border-radius:20px;background:#ffffffd6;box-shadow:0 10px 18px #84512a17;padding:14px;margin-bottom:12px;page-break-inside:avoid}.entry-date-ribbon{position:absolute;top:-9px;left:18px;border-radius:999px;background:#ff8b7a;color:#fff;box-shadow:0 5px 12px #ff735f38;padding:3px 10px;font-size:.84rem;font-weight:1000}.print-entry-photo{align-self:start;width:86px;height:86px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,var(--pink-soft),var(--yellow-soft));border:3px solid #fff;font-size:2rem}.print-entry-photo img{width:100%;height:100%;object-fit:cover}.print-entry h3,.print-entry p{margin:0 0 4px;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.print-entry h3{font-size:1.28rem;line-height:1.05}.print-entry p{color:#644b3e;font-size:1.02rem;line-height:1.18}.entry-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px;min-width:0;max-width:100%}.entry-meta-row span,.entry-meta-row time,.print-tags span{max-width:100%;border-radius:999px;background:#fff0e8;color:#9b5738;padding:3px 8px;font-size:.84rem;font-weight:900;overflow-wrap:anywhere;word-break:break-word}.print-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-width:0;max-width:100%}.print-entry>div:not(.entry-date-ribbon):not(.print-entry-photo){min-width:0;max-width:100%}.print-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:10px;border-top:1px dashed #eac5a4;color:#9a745c;font-size:.94rem;font-weight:900}.empty-print{text-align:center;border:2px dashed #efc8a5;border-radius:22px;background:#ffffffb8;padding:42px 18px;color:#7b6253}.empty-print span{font-size:2.4rem}.empty-print h3{margin:8px 0 4px}.empty-print p{margin:0}.print-screen .entry-date-ribbon,.print-screen .primary{background:linear-gradient(135deg,var(--print-accent),var(--print-accent-2))}.print-theme-heart{--print-accent: #ff6688;--print-accent-2: #ff9a8c;--print-soft: #ffe6ee;--print-paper: #fffafb;--print-grid-x: rgba(255, 123, 153, .18);--print-grid-y: rgba(255, 178, 190, .22);--print-border: #f6b7c6;--print-glow-a: rgba(255, 111, 143, .2);--print-glow-b: rgba(255, 194, 205, .18);--print-glow-c: rgba(255, 218, 225, .2)}.print-theme-journal{--print-accent: #72b7ea;--print-accent-2: #6f94e8;--print-soft: #e9f5ff;--print-paper: #fbfdff;--print-grid-x: rgba(139, 200, 255, .16);--print-grid-y: rgba(154, 190, 218, .22);--print-border: #b8d9ef;--print-glow-a: rgba(139, 200, 255, .18);--print-glow-b: rgba(190, 223, 255, .22);--print-glow-c: rgba(226, 244, 255, .28)}.print-theme-sunny{--print-accent: #ffb45e;--print-accent-2: #ff7f59;--print-soft: #fff2d1;--print-paper: #fffaf0;--print-grid-x: rgba(255, 190, 97, .18);--print-grid-y: rgba(222, 180, 120, .22);--print-border: #efc78d;--print-glow-a: rgba(255, 214, 145, .22);--print-glow-b: rgba(255, 239, 183, .2);--print-glow-c: rgba(255, 174, 104, .16)}.print-theme-candy{--print-accent: #ff7aa8;--print-accent-2: #b58cff;--print-soft: #f9eaff;--print-paper: #fff8ff;--print-grid-x: rgba(255, 122, 168, .16);--print-grid-y: rgba(181, 140, 255, .18);--print-border: #e9c1ff;--print-glow-a: rgba(255, 122, 168, .2);--print-glow-b: rgba(181, 140, 255, .2);--print-glow-c: rgba(255, 213, 239, .22)}.print-theme-sky{--print-accent: #5bb6ef;--print-accent-2: #7edbd4;--print-soft: #e7fbff;--print-paper: #f7fdff;--print-grid-x: rgba(91, 182, 239, .14);--print-grid-y: rgba(126, 219, 212, .2);--print-border: #a8e0f3;--print-glow-a: rgba(91, 182, 239, .18);--print-glow-b: rgba(126, 219, 212, .2);--print-glow-c: rgba(224, 248, 255, .28)}.print-theme-garden{--print-accent: #65c982;--print-accent-2: #f5a6b7;--print-soft: #eaf8ef;--print-paper: #fbfff9;--print-grid-x: rgba(101, 201, 130, .14);--print-grid-y: rgba(175, 217, 157, .22);--print-border: #bfe5c8;--print-glow-a: rgba(101, 201, 130, .18);--print-glow-b: rgba(245, 166, 183, .18);--print-glow-c: rgba(220, 247, 228, .24)}.print-theme-star{--print-accent: #8d82f2;--print-accent-2: #5bb6ef;--print-soft: #eeeaff;--print-paper: #fbfaff;--print-grid-x: rgba(141, 130, 242, .14);--print-grid-y: rgba(91, 182, 239, .16);--print-border: #cfc8ff;--print-glow-a: rgba(141, 130, 242, .18);--print-glow-b: rgba(91, 182, 239, .18);--print-glow-c: rgba(255, 226, 145, .18)}.print-theme-clinic{--print-accent: #4fb7c7;--print-accent-2: #71c978;--print-soft: #e9fbf8;--print-paper: #fcfffe;--print-grid-x: rgba(79, 183, 199, .12);--print-grid-y: rgba(113, 201, 120, .16);--print-border: #a9ded9;--print-glow-a: rgba(79, 183, 199, .16);--print-glow-b: rgba(113, 201, 120, .16);--print-glow-c: rgba(235, 255, 249, .26)}@media(min-width:720px){.page-shell{width:430px;min-height:min(920px,calc(100vh - 32px));margin:16px auto;border:8px solid #26221f;border-radius:44px;box-shadow:0 26px 70px #4126163d,inset 0 0 0 1px #ffffff73;overflow:hidden}.app-frame{padding-inline:14px;overflow-x:hidden}.screen{width:100%;max-width:none;margin:0 auto}.page-shell .screen>*,.page-shell .feature-hero,.page-shell .pet-switcher,.page-shell .soft-card,.page-shell .print-controls{width:100%;max-width:100%;min-width:0}.page-shell .feature-hero{grid-template-columns:minmax(0,1fr) 108px;gap:8px;padding-inline:16px 10px}.page-shell .feature-hero h2{font-size:clamp(2.2rem,10vw,2.58rem)}.page-shell .feature-hero p{max-width:168px}.page-shell .feature-mascot-stage{min-height:132px}.page-shell .feature-mascot-crop{width:116px;height:116px;border-radius:38px}.page-shell .feature-sticker-image{width:120px;height:120px;border-radius:34px}.page-shell .feature-prop{right:-2px;bottom:0}.page-shell .pet-switcher{grid-template-columns:1fr}.page-shell .pet-switcher .small-button{justify-self:start}.page-shell .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.page-shell .toolbar .primary,.page-shell .toolbar .secondary{min-width:0;width:100%}.page-shell .toolbar .secondary:last-child{grid-column:1 / -1}.page-shell .two-columns{grid-template-columns:1fr}.page-shell .print-control-head{display:grid;grid-template-columns:1fr;justify-items:start}.home-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:156px}.question-grid{grid-template-columns:1fr}.bottom-nav{width:390px;bottom:32px}.exact-home-shell{height:min(920px,calc(100vh - 32px));min-height:760px;overflow-x:hidden;overflow-y:auto}.exact-home{min-height:0}.reference-home-stage{height:auto;min-height:0}}@media(max-width:380px){.app-frame{padding-inline:10px}.hero-panel,.profile-card,.diary-card,.inventory-card,.action-grid,.two-columns,.summary-grid,.mini-stats{grid-template-columns:1fr}}@media(max-width:460px){.pet-switcher{grid-template-columns:1fr}.pet-switcher .small-button{justify-self:start}.toolbar .primary,.toolbar .secondary{flex-basis:150px}.two-columns{grid-template-columns:1fr}.print-control-head{display:grid;grid-template-columns:1fr;justify-items:start}.print-control-head .small-button{justify-self:start}.print-controls{padding-inline:14px}}@page{size:A4;margin:10mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}.app-header,.bottom-nav,.no-print,.toast{display:none!important}.page-shell,.app-frame,.screen{width:100%;max-width:none;min-height:auto;height:auto;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;overflow:visible}.a4-page{width:100%;min-height:100vh;box-shadow:none;border-radius:0;border:0;padding:7mm 6mm 12mm}.print-summary{grid-template-columns:repeat(4,1fr)}.print-entry{grid-template-columns:28mm minmax(0,1fr);margin-bottom:6mm;max-width:100%;min-width:0}.print-entry-photo{width:28mm;height:28mm}.print-footer{position:fixed;left:0;right:0;bottom:0}}