@import url('/assets/pets/juecanape/ink/type.css');
/* Reference-led paper and ink world: homepage and pet care only. */
.ink-world{--paper:#f8f5ed;--ink:#112c43;--muted:#56616a;--accent:#193e56;--line:#e1d9ca;--jade:#337759;--gold:#ba9143;--surface:#fbf9f3;color:var(--ink);background:var(--paper) url('/assets/pets/juecanape/ink/paper.webp');font-family:'Noto Serif TC',serif;font-size:15px;line-height:1.6;margin:0;padding:0;min-height:100dvh}
.ink-world *{box-sizing:border-box}.ink-world [hidden]{display:none!important}.ink-world a{color:var(--ink);text-underline-offset:4px}.ink-world button,.ink-world input,.ink-world select{font:inherit}.ink-world :focus-visible{outline:3px solid #996d20;outline-offset:4px}.ink-world ::selection{background:#ded8b7;color:#102b41}.ink-world{scrollbar-color:#b5aa96 #f8f5ed}.ink-world input{caret-color:#337759}
html:not(.student-glass-root) .ink-world .shell-header{position:relative;inset:auto;width:100%;height:60px;min-height:60px;display:flex;align-items:center;gap:24px;padding:0 30px;background:rgba(251,249,243,.7);border:0;border-bottom:1px solid #e8e2d5;box-shadow:none;z-index:40}
html:not(.student-glass-root) .ink-world .brand{display:flex;align-items:center;gap:10px;flex:none;width:auto;color:#102b42;font-family:'Noto Serif TC',serif;font-size:27px;font-weight:600;line-height:1.15;letter-spacing:2px;text-decoration:none;padding:0;margin:0}html:not(.student-glass-root) .ink-world .brand small{display:block;font-size:11px;letter-spacing:3px;text-align:center;line-height:1.6}.ink-seal{color:#b79a53;width:24px}.ink-seal svg{display:block;width:24px;height:30px}
html:not(.student-glass-root) .ink-world .navigation-rail{position:static;display:flex;flex:1;min-width:0;width:auto;margin:0;padding:0;background:none;border:0}html:not(.student-glass-root) .ink-world #navigation{display:flex;justify-content:center;gap:30px;overflow:visible;flex:1;padding:0;margin:0;max-width:none;position:static;background:none;border:0}html:not(.student-glass-root) .ink-world #navigation>a{display:none}html:not(.student-glass-root) .ink-world #navigation>.ink-primary-nav{display:flex;padding:18px 0 13px;white-space:nowrap;font-size:14px;border-radius:0;border:0;border-bottom:2px solid transparent;min-height:58px;gap:0;background:none;color:#102b42;font-weight:600}html:not(.student-glass-root) .ink-world #navigation>a svg{display:none}html:not(.student-glass-root) .ink-world #navigation>a[aria-current=page]{border-bottom-color:var(--gold)}html:not(.student-glass-root) .ink-world .navigation-scroll{display:none!important}
html:not(.student-glass-root) .ink-world #openMore{display:none}.ink-world .sidebar-note{display:none}html:not(.student-glass-root) .ink-world .account{position:static;display:flex;width:32px;height:32px;padding:3px;border:0;border-radius:50%;background:#718893;color:#fff;margin:0;min-width:32px}html:not(.student-glass-root) .ink-world .account svg{width:25px;height:25px}html:not(.student-glass-root) .ink-world #accountName{display:none}html:not(.student-glass-root) .ink-world .ink-search{display:grid;place-items:center;width:28px;height:36px;flex:none}.ink-search svg{width:22px;height:22px}html:not(.student-glass-root) .ink-world .notification-bell{border:0;background:none;color:var(--muted)}
.ink-landscape{height:122px;background:url('/assets/pets/juecanape/ink/banner.webp') center 65%/cover no-repeat;display:flex;align-items:center;justify-content:space-between;padding:8px 6%;color:#243b4c}.ink-landscape p{font-size:18px;line-height:1.6;text-align:center;letter-spacing:3px;margin:0}.ink-landscape small{display:block;font-size:13px;letter-spacing:2px;margin-top:4px}.ink-landscape p:last-child{font-size:25px;line-height:1.45;transform:rotate(-6deg);font-weight:600;letter-spacing:4px}.ink-landscape p:last-child span{margin-left:38px}
.ink-world main#main{max-width:1380px;width:100%;margin:0 auto;padding:16px 30px 45px;min-height:0}.ink-world .page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0;border:0;background:none;min-height:67px}.ink-world .page-heading h1{font:600 38px/1.4 'Noto Serif TC',serif;letter-spacing:4px;margin:0;position:relative;padding-left:24px}.ink-world .page-heading h1:before{content:'';position:absolute;left:0;top:11px;width:5px;height:36px;background:var(--gold);border-radius:1px}.ink-heading-copy{font-size:15px;color:var(--muted);margin:0 0 0 27px;letter-spacing:2px}.ink-world #greeting{display:none}.ink-date{text-align:right;font-size:13px;color:var(--muted);align-self:center}.ink-date p{margin:2px 0 0}.ink-today-grid{display:grid;grid-template-columns:minmax(0,1.66fr) minmax(0,1fr);gap:14px;align-items:stretch}.ink-today-grid:has(#petHome[hidden]){grid-template-columns:1fr}.ink-learning-card{border:1px solid var(--line);border-radius:9px;background:rgba(255,253,247,.3);padding:6px;min-width:0}.ink-continue{min-height:224px;padding:18px 24px 20px;background:url('/assets/pets/juecanape/ink/lesson.webp') center/cover no-repeat;border-radius:6px;overflow:hidden}.ink-card-heading{font:600 18px/1.4 'Noto Serif TC',serif;margin:0 0 10px;position:relative;padding-left:13px}.ink-card-heading:before,.pet-card-title h2:before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--gold)}.ink-continue h2{font:600 29px/1.5 'Noto Serif TC',serif;letter-spacing:1px;margin:0 0 4px;max-width:80%}.ink-lesson-copy{max-width:370px;font-size:15px;color:#3f4c56;line-height:1.8;margin:0 0 14px;text-wrap:pretty}.ink-start{height:47px;max-width:240px;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:6px;background:#193c53;color:#fff!important;font-weight:600;font-size:18px;text-decoration:none;border:1px solid #16374e}.ink-start svg{width:16px;height:16px}.ink-start:hover{background:#264c61}
#inkDaily{padding:16px 9px 14px}#inkDaily ul{list-style:none;margin:12px 0 15px;padding:0;display:grid;gap:10px}#inkDaily li a{display:flex;align-items:center;gap:16px;border-radius:8px;background:rgba(232,226,210,.27);height:63px;text-decoration:none;padding-right:12px}#inkDaily li a:hover{background:#ece5d6}.ink-task-icon{width:74px;height:63px;flex:none;display:grid;place-items:center;background:#eae5d7;border-radius:8px;color:#357455}.ink-task-icon svg{width:34px;height:34px}.ink-task-copy{min-width:0;flex:1}.ink-task-copy strong{display:block;font-size:18px;line-height:1.3}.ink-task-copy small{display:block;color:var(--muted);font-size:14px;line-height:1.5}.ink-task-xp{font-size:19px;color:#176848;white-space:nowrap}.ink-task-status{display:flex;align-items:center;gap:10px;font-size:14px;color:#4b5863;flex:none;margin-left:22px;min-width:108px}.ink-check{width:27px;height:27px;border:2px solid #889398;border-radius:50%;display:grid;place-items:center}.ink-check svg{width:22px;height:22px;color:#fff}.ink-task-status.done{color:#1e654a}.ink-task-status.done .ink-check{background:#34795c;border-color:#276248}.ink-daily-total{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;gap:16px}.ink-xp-seal{height:50px;width:50px;flex:none;display:grid;place-items:center;background:#a88848;color:white;font:600 22px Georgia,serif;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%)}.ink-daily-total>div{flex:1;min-width:0}.ink-daily-total p{font-size:16px;margin:0 0 6px}.ink-daily-total strong{margin-left:18px;margin-right:6px;font-size:20px}.ink-daily-total>span:last-child{font-size:13px;color:var(--muted);padding-top:22px}.ink-world progress{appearance:none;display:block;width:100%;height:13px;border:0;border-radius:12px;overflow:hidden;background:#dedcd4}.ink-world progress::-webkit-progress-bar{background:#dedcd4}.ink-world progress::-webkit-progress-value{background:#377e5e;border-radius:12px}.ink-world progress::-moz-progress-bar{background:#377e5e;border-radius:12px}
.ink-homework:not([hidden]){display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:#ebe5d6;padding:12px 16px;margin:0 0 14px;border-radius:6px}.ink-plan-heading{display:flex;align-items:center;gap:24px;margin-top:35px}.ink-plan-heading h2{font-size:22px}.ink-plan-heading .progress{margin-left:auto}.ink-world .week-layout{margin-top:20px}.ink-world .focus-task{background:#f1ecdf;color:var(--ink);border:1px solid var(--line)}.ink-world .focus-task h2,.ink-world .focus-task .reason,.ink-world .focus-task .task-meta{color:var(--ink)}.ink-world .page-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px}.ink-bottom{display:none}
/* Pet structure keeps the visual node stable during a transaction refresh. */
.ink-world #petHome{margin:0;min-width:0}.ink-world .pet-care{position:relative;display:grid;grid-template-columns:1fr;gap:0;background:rgba(255,253,247,.25);border:1px solid var(--line);border-radius:9px;padding:13px 13px 0;min-width:0;height:100%;align-items:start}.ink-world #petHome .pet-care{padding:13px 13px 0;grid-template-columns:1fr}.ink-world .pet-card-title{display:flex;align-items:start;justify-content:space-between;gap:6px;grid-column:1/-1}.pet-card-title h2{position:relative;font:600 19px/1.4 'Noto Serif TC',serif;margin:0;padding-left:14px}.pet-card-title p{font-size:11px;color:var(--muted);margin:0 0 0 14px}.pet-card-title>span{white-space:nowrap;font-size:11px;background:#efe6cf;padding:3px 11px;border-radius:20px;color:#5d604e;margin-top:4px}.ink-world .pet-stage{width:78%;max-width:300px;height:238px;aspect-ratio:auto;margin:0 0 0 -12px;contain:layout paint}.ink-world .pet-stage img,.ink-world .pet-stage canvas{object-fit:contain}.ink-world .pet-summary-host{display:contents}.ink-world .pet-identity{position:absolute;right:16px;top:118px;max-width:43%}.ink-world .pet-name-row{gap:9px;flex-wrap:wrap}.ink-world .pet-name-row h2{font:600 23px/1.4 'Noto Serif TC',serif;margin:0}.ink-world .pet-level{background:#f5eacb;border:1px solid #c9a457;color:var(--ink);padding:0 10px;font:600 17px/1.4 Georgia,serif}.ink-world .pet-motto{font-size:13px;margin:6px 0 0;white-space:nowrap}.ink-world .pet-state{font-size:13px;margin:6px 0 0}.ink-world .pet-vitals{display:grid;gap:8px;margin:0 0 10px}.ink-world .pet-meter{display:grid;grid-template-columns:96px minmax(40px,1fr) 66px;align-items:center;gap:12px;font-size:14px;line-height:1.5}.pet-meter>span:first-child{display:flex;align-items:center;gap:10px;white-space:nowrap}.pet-meter svg{width:19px;height:19px;color:#398461;fill:#55916d;stroke-width:1}.pet-meter>span:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pet-meter small{font-size:12px;color:#53616d}.ink-world .pet-meter progress{height:12px;margin:0}.ink-world .pet-xp::-webkit-progress-value{background:#4399c7}.ink-world .pet-xp::-moz-progress-bar{background:#4399c7}.pet-next{margin:-3px 0 0;text-align:right;font-size:12px;color:#405264}.pet-next strong{color:#296584;font-weight:400}
.ink-world .pet-provision,.ink-world .pet-exchange-row{display:flex;align-items:center;gap:12px;background:rgba(246,242,231,.55);border:1px solid #e8e1d1;border-radius:7px;margin-bottom:10px;padding:8px 12px;min-height:75px;font-size:15px}.pet-item-icon{width:30px;height:38px;display:grid;place-items:center;flex:none;color:#6d8b3e}.pet-item-icon svg{width:31px;height:36px;fill:#d6dfa6;stroke-width:1.4}.pet-exchange-row .pet-item-icon{color:#9f7a3c}.pet-exchange-row .pet-item-icon svg{fill:#edddba}.pet-provision strong{display:block;font-size:19px;line-height:1.5}.pet-provision-action{margin-left:auto;display:flex;flex-direction:column;gap:3px;align-items:center;min-width:46%;font-size:12px}.pet-provision-action>span{white-space:nowrap}.pet-provision-action strong{display:inline;font-size:19px}.pet-provision-action small{font-size:11px;color:#53616d}.ink-world .pet-provision button,.ink-world .pet-exchange-row button{font:600 15px/1.25 'Noto Serif TC',serif;width:100%;min-height:34px;padding:6px 10px;border:1px solid #183c55;border-radius:5px;background:transparent;color:#17354b;cursor:pointer;white-space:nowrap}.ink-world .pet-provision button.pet-feed{background:#337759;color:#fff;border-color:#276649;font-size:18px}.ink-world .pet-provision button:hover:not(:disabled){background:#265f47}.ink-world .pet-exchange-row button:hover:not(:disabled){background:#e8e0cc}.ink-world .pet-provision button:disabled,.ink-world .pet-exchange-row button:disabled{background:#e4e1d6;color:#68706b;border-color:#c9c7bd;cursor:not-allowed}.ink-world .pet-exchange-row{align-items:flex-start;padding-top:9px;min-height:90px}.pet-exchange-row>strong{padding-top:8px;white-space:nowrap}.ink-world .pet-card-links{display:flex;align-items:center;justify-content:center;gap:14px;min-height:29px;flex-wrap:wrap}.ink-world .pet-card-links a{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;color:#214c67}.pet-card-links svg{width:12px;height:12px}.ink-world .pet-card-links button{background:transparent;border:0;padding:0;min-height:26px;color:#596568;font-size:10px;border-radius:0}.ink-world #petHome .pet-daily-host{display:none}.ink-world .pet-page{max-width:1150px!important}.ink-world #petPage>.pet-care{max-width:660px;margin:0 auto}.ink-world #petPage .pet-stage{height:300px;max-width:380px}.ink-world #petPage .pet-identity{top:145px;right:35px}.ink-world .pet-detail-grid{border-top:1px solid var(--line);padding-top:30px}.ink-world .pet-page button{border-radius:6px;background:#fbf9f2;color:#193e56;border-color:#c8beab}.ink-world .pet-page .primary{background:#193e56;color:white}.ink-world .pet-page input{background:#fffcf6;border-color:#cfc4b0;accent-color:#337759}.ink-world .pet-adopt-intro{background:#f6f0e2;border:1px solid var(--line);display:block;height:100%}.ink-world .pet-adopt-intro img{width:170px;display:block;margin:auto}.ink-world .pet-adopt-intro h2{font-family:inherit}.ink-world #moreMenu{background:#faf7ef;color:var(--ink);border-color:var(--line)}
/* Same material carries into overlays on every student route. */
.pet-layer{--pet-ink:#112c43;--pet-muted:#56616a;--pet-line:#dfd7c7;--pet-accent:#193e56;font-family:'Noto Serif TC','Noto Sans TC',serif}.pet-layer .pet-dialog{background:#faf7ef url('/assets/pets/juecanape/ink/paper.webp');color:#112c43;border-radius:12px}.pet-layer .pet-dialog button{border-radius:6px;color:#193e56;background:#f8f4e9;border-color:#cfc4b0}.pet-layer .pet-dialog .primary{background:#193e56;color:#fff;border-color:#193e56}.pet-layer .pet-dialog input,.pet-layer .pet-dialog textarea{background:#fffdf7;border-color:#cfc4b0;color:#112c43;caret-color:#337759}.pet-layer .pet-dialog button:disabled{background:#e9e4d9;color:#626b6c}.pet-layer .pet-summon{background:#faf7ef;border-color:#cfc4b0}.pet-layer .pet-notice{background:#193e56}.pet-layer :focus-visible{outline-color:#996d20}
@media(min-width:1250px){html:not(.student-glass-root) .ink-world .shell-header{padding-inline:max(30px,calc((100vw - 1320px)/2))}.ink-continue{min-height:254px}.ink-world .pet-stage{height:268px;max-width:340px}.ink-world .pet-identity{top:140px}.ink-task-status{margin-left:24px}.ink-task-copy small{font-size:15px}#inkDaily li a{height:72px}.ink-task-icon{height:72px}.ink-world .pet-card-title>span{font-size:12px}}
@media(max-width:1050px) and (min-width:701px){html:not(.student-glass-root) .ink-world #navigation{gap:15px}html:not(.student-glass-root) .ink-world .shell-header{gap:15px;padding-inline:24px}html:not(.student-glass-root) .ink-world .brand{font-size:23px}.ink-world .pet-card-title>span{font-size:9px;padding:3px 6px}.ink-task-status{margin-left:0;min-width:90px;font-size:12px}.ink-task-copy small{font-size:12px}.ink-task-copy strong{font-size:16px}.ink-task-icon{width:55px}.ink-world .pet-name-row h2{font-size:21px}.ink-world .pet-meter{grid-template-columns:80px 1fr 62px;gap:8px}}
@media(max-width:700px){.ink-world{font-size:14px}html:not(.student-glass-root) .ink-world .shell-header{height:58px;min-height:58px;padding:8px 13px;gap:12px;justify-content:space-between}html:not(.student-glass-root) .ink-world .brand{font-size:23px;letter-spacing:2px;gap:6px}html:not(.student-glass-root) .ink-world .brand small{font-size:9px;letter-spacing:2px}.ink-seal,.ink-seal svg{width:19px;height:27px}html:not(.student-glass-root) .ink-world .navigation-rail,html:not(.student-glass-root) .ink-world .account,html:not(.student-glass-root) .ink-world .ink-search,html:not(.student-glass-root) .ink-world .notification-bell{display:none}html:not(.student-glass-root) .ink-world #openMore{display:grid;place-items:center;background:none;color:#314350;border:0;width:38px;height:40px;padding:8px;min-height:40px;border-radius:0}html:not(.student-glass-root) .ink-world #openMore svg{height:22px;width:22px}.ink-landscape{display:none}.ink-world main#main{padding:10px 12px 92px}.ink-world .page-heading{min-height:59px;position:relative;align-items:start;margin-bottom:12px;display:block}.ink-world .page-heading h1{font-size:26px;letter-spacing:2px;padding-left:17px;line-height:1.5}.ink-world .page-heading h1:before{width:4px;top:6px;height:30px}.ink-heading-copy{display:none}.ink-date{position:absolute;inset:7px 0 auto auto;font-size:11px}.ink-date p{position:absolute;right:0;top:26px;white-space:nowrap;font-size:11px}.ink-today-grid{display:block}.ink-learning-card{padding:0;border-radius:7px}.ink-continue{padding:11px 16px 12px;min-height:176px;background-position:center;background-size:cover}.ink-card-heading{font-size:16px;padding-left:0;margin:0 0 2px}.ink-continue .ink-card-heading:before{display:none}.ink-continue h2{font-size:23px;line-height:1.45;letter-spacing:.4px;max-width:100%;margin:0 0 4px}.ink-lesson-copy{font-size:12px;line-height:1.65;max-width:100%;margin:0 0 11px}.ink-start{max-width:none;height:39px;font-size:16px}#inkDaily{display:none!important}.ink-world #petHome{margin-top:8px}.ink-world .pet-care,.ink-world #petHome .pet-care{display:grid;grid-template-columns:42% 58%;padding:8px 8px 0;min-height:0;height:auto;border-radius:7px;gap:0}.ink-world .pet-card-title{align-items:center;margin-bottom:0;min-height:29px}.pet-card-title h2{font-size:17px;padding-left:11px;line-height:1.5}.pet-card-title p{display:none}.pet-card-title>span{font-size:10px;padding:2px 8px;margin-top:0}.ink-world .pet-stage{grid-column:1;grid-row:2/4;width:114%;max-width:none;height:198px;margin:0 0 0 -10px;align-self:center}.ink-world .pet-identity{position:static;grid-column:2;grid-row:2;max-width:none;align-self:center;padding:8px 0 0 2px}.ink-world .pet-name-row{gap:8px;flex-wrap:wrap}.ink-world .pet-name-row h2{font-size:22px}.ink-world .pet-level{font-size:15px;padding:0 9px}.ink-world .pet-motto{font-size:12px;margin:5px 0 0;white-space:normal}.ink-world .pet-vitals{grid-column:2;grid-row:3;align-self:center;gap:9px;margin:4px 4px 8px 2px}.ink-world .pet-meter{display:grid;grid-template-columns:1fr auto;gap:3px;font-size:12px;line-height:1.6}.pet-meter>span:first-child{gap:7px}.pet-meter svg{width:15px;height:15px}.ink-world .pet-meter progress{grid-column:1/3;grid-row:2;height:10px}.pet-meter small{font-size:11px}.ink-world .pet-next{font-size:10px;white-space:nowrap;margin-top:-4px}.ink-world .pet-provision,.ink-world .pet-exchange-row{grid-column:1/-1;margin:0 0 8px;padding:7px 10px;gap:10px;min-height:65px;font-size:14px}.ink-world .pet-exchange-row{min-height:81px}.ink-world .pet-provision-action{min-width:48%;font-size:11px}.ink-world .pet-provision button,.ink-world .pet-exchange-row button{min-height:33px}.ink-world .pet-provision button.pet-feed{font-size:16px}.ink-world .pet-provision strong{font-size:18px}.ink-world .pet-provision-action small{font-size:10px}.ink-world .pet-card-links{grid-column:1/-1;min-height:33px;gap:12px;border-top:1px solid #e8e1d1;margin-bottom:0}.ink-world .pet-card-links a{font-size:13px}.ink-world .pet-card-links button{font-size:9px;min-height:30px}.ink-world .pet-item-icon{height:34px;width:29px}.ink-world .pet-state{margin:2px 0;font-size:11px}.ink-world #petPage .pet-stage{height:215px;width:114%;max-width:none}.ink-world #petPage .pet-identity{position:static}.ink-world .ink-plan-heading{margin-top:30px;gap:12px;flex-wrap:wrap}.ink-plan-heading h2{font-size:20px}.ink-plan-heading .progress{font-size:12px}.ink-world .week-layout{display:block}.ink-world .page-footer{display:block;font-size:12px}.ink-world .page-footer span{display:block}.ink-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding:4px 15px calc(5px + env(safe-area-inset-bottom));background:#faf8f2;border-top:1px solid #ddd6c7;z-index:45;justify-content:space-around}.ink-bottom a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#566675;text-decoration:none;font-size:12px;min-width:44px}.ink-bottom svg{width:23px;height:23px}.ink-bottom a[aria-current=page]{color:#153a54}.ink-bottom a[aria-current=page] svg{fill:#173b55}.ink-world #moreMenu{padding:22px;max-width:calc(100vw - 24px);max-height:75dvh;margin:auto}.ink-world .pet-adopt-intro{display:flex}.ink-world .pet-adopt-intro img{width:140px}.ink-world .pet-detail-grid{display:block}.ink-world .pet-history{margin-top:28px}.ink-world .pet-page>header p{font-size:12px;margin:5px 0}.ink-world .pet-page .page-heading{margin-bottom:18px}}
@media(max-width:350px){.ink-world .pet-name-row h2{font-size:19px}.ink-world .pet-level{font-size:13px;padding-inline:7px}.ink-world .pet-motto{font-size:11px}.pet-card-title>span{font-size:9px;padding-inline:5px}.ink-world .pet-stage{height:182px}.ink-world .pet-next{font-size:9px}.ink-date{font-size:10px}.ink-date p{font-size:10px}.ink-continue{padding-inline:14px}.ink-continue h2{font-size:22px}.ink-world .pet-provision,.ink-world .pet-exchange-row{gap:8px;padding-inline:8px}.ink-world .pet-card-links button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ink-world *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Measured correction against the supplied desktop and phone reference. */
html:not(.student-glass-root) .ink-world .brand,.ink-world .page-heading h1,.ink-continue h2,.ink-card-heading,.ink-task-copy strong,.ink-world .pet-name-row h2,.pet-card-title h2{font-family:'Noto Serif HK','Noto Serif TC',serif;font-weight:700}
.ink-world main#main{padding-top:12px}.ink-world .page-heading{margin-bottom:4px}.ink-world .page-heading h1{letter-spacing:1px}html:not(.student-glass-root) .ink-world .brand{font-size:28px;letter-spacing:1px}html:not(.student-glass-root) .ink-world #navigation{gap:34px}html:not(.student-glass-root) .ink-world .navigation-rail{margin-left:55px}html:not(.student-glass-root) .ink-world .shell-header{gap:21px}.ink-landscape{background-image:linear-gradient(#faf7ef40,#faf7ef40),url('/assets/pets/juecanape/ink/banner.webp');background-size:cover,100% 220px;background-position:center,center 63%}.ink-world .pet-provision-action{line-height:1.3}.ink-world .pet-exchange-row{padding-block:9px}.ink-world .pet-page input:not([type=checkbox]){background:#fffdf7;border-color:#cfc4b0}.ink-continue{padding-bottom:15px}.ink-lesson-copy{font-size:15px;max-width:375px}
@media(max-width:1050px) and (min-width:701px){html:not(.student-glass-root) .ink-world #navigation{gap:16px}html:not(.student-glass-root) .ink-world .navigation-rail{margin-left:0}html:not(.student-glass-root) .ink-world .shell-header{gap:15px}}
@media(max-width:700px){.ink-world main#main{padding-top:10px}html:not(.student-glass-root) .ink-world .brand{font-size:23px;letter-spacing:1px}.ink-world .page-heading h1{letter-spacing:1px}.ink-world .ink-continue{padding-bottom:12px}.ink-lesson-copy{font-size:12px}.ink-world .pet-stage{width:108%;margin-left:-3px}.ink-world #petPage .pet-stage{width:108%;margin-left:-3px}.ink-world .pet-vitals{margin-top:3px;margin-bottom:8px}.ink-world .pet-identity{padding-top:10px}.ink-world .pet-care,.ink-world #petHome .pet-care{grid-template-columns:43% 57%}}
/* Independent review corrections: material, mobile grouping and reading field. */
html:not(.student-glass-root) .ink-world .navigation-rail{margin-left:0}html:not(.student-glass-root) .ink-world .account{height:32px;min-height:32px;width:32px;min-width:32px;max-width:32px;flex:none;border-radius:50%}html:not(.student-glass-root) .ink-world .notification-bell{position:relative;inset:auto;margin:0;display:grid;place-items:center;min-width:25px;width:25px;height:32px;padding:0}html:not(.student-glass-root) .ink-world .ink-search{order:0}html:not(.student-glass-root) .ink-world .shell-header #account{order:2}html:not(.student-glass-root) .ink-world .shell-header .notification-bell{order:1}.ink-quote-art{width:170px;height:105px;object-fit:contain;margin-right:-25px}.ink-landscape>p{font-size:17px;margin-left:8px}.ink-xp-seal{background:none;clip-path:none;width:50px;height:54px}.ink-xp-seal img{width:100%;height:100%;object-fit:contain}.pet-item-icon img{max-width:39px;max-height:45px;object-fit:contain}.pet-meter:has(.pet-xp) svg{color:#3995c6;fill:#3995c6}.pet-provision-action small,.pet-next{font-size:12px!important}.pet-home-chat{display:flex;justify-content:flex-end;margin:9px 0 0}.ink-world .pet-home-chat button{min-height:32px;padding:4px 8px;border:0;background:none;color:#415767;font:12px 'Noto Serif TC',serif;cursor:pointer}.ink-world .pet-card-links button{font-size:12px;min-height:32px}.ink-world #petHome .pet-care{height:calc(100% - 42px)}
@media(max-width:700px){
 html:not(.student-glass-root) .ink-world .notification-bell{display:none}.ink-world .ink-continue{background-image:linear-gradient(180deg,#f8f5ed00 0%,#f8f5ed66 28%,#f8f5edea 68%,#f8f5edf5 100%),url('/assets/pets/juecanape/ink/lesson.webp');min-height:178px}.ink-world .ink-lesson-copy{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:42px}.ink-world .ink-date,.ink-world .ink-date p{font-size:11px}
 .ink-world .pet-care,.ink-world #petHome .pet-care{padding:0;border:0;background:none;isolation:isolate;height:auto;grid-template-columns:43% 57%}.ink-world .pet-care:before{content:'';grid-column:1/3;grid-row:1/5;border:1px solid #e1d9ca;border-radius:7px;background:#fffdf730;z-index:-1;align-self:stretch}.ink-world .pet-card-title{grid-row:1;grid-column:1/3;padding:8px 8px 0;min-height:35px}.ink-world .pet-card-title>span{font-size:11px;padding-inline:8px}.ink-world .pet-stage,.ink-world #petPage .pet-stage{height:198px;grid-row:2/4;grid-column:1;width:108%;margin:0 0 0 -3px;align-self:center}.ink-world .pet-stage .pet-fallback{height:86%;top:7%;width:100%}.ink-world .pet-identity,.ink-world #petPage .pet-identity{padding:6px 4px 0 28px;grid-row:2;grid-column:2;align-self:center}.ink-world .pet-name-row h2{font-size:21px}.ink-world .pet-name-row{gap:7px}.ink-world .pet-motto{font-size:12px;white-space:nowrap}.ink-world .pet-vitals{grid-row:3;grid-column:2;margin:10px 14px 6px 4px;gap:10px}.ink-world .pet-meter{font-size:12px;line-height:1.65}.ink-world .pet-next{font-size:11px!important;white-space:nowrap}
 .ink-world .pet-provision{grid-row:4;grid-column:1/3;margin:2px 8px 0;min-height:70px;padding:7px 10px}.ink-world .pet-exchange-row{grid-row:5;grid-column:1/3;margin:10px 0 0;min-height:91px;padding:7px 13px}.ink-world .pet-card-links{grid-row:6;grid-column:1/3;margin:8px 0 0;min-height:34px;border:1px solid #e8e1d1;border-radius:6px;background:#faf7ee80}.ink-world .pet-card-links a{min-height:32px}.ink-world .pet-home-chat{margin:8px 0 0;justify-content:center}.ink-world .pet-provision-action small{font-size:11px!important}.ink-world .pet-item-icon{width:33px}.ink-world .pet-item-icon img{max-height:43px}.ink-world .pet-provision-action{min-width:47%}.ink-world .pet-exchange-row .pet-provision-action{min-width:49%}.ink-world .pet-stage canvas{height:100%;top:0}
}
@media(max-width:350px){.ink-world .pet-identity,.ink-world #petPage .pet-identity{padding-left:27px}.ink-world .pet-name-row h2{font-size:20px}.ink-world .pet-level{font-size:14px;padding-inline:7px}.ink-world .pet-motto{font-size:11px}.ink-world .pet-card-title>span{font-size:10px}.ink-world .pet-provision,.ink-world .pet-exchange-row{font-size:13px}}
.ink-world #petHome{position:relative}.ink-world #petHome .pet-care{height:100%}.ink-world .pet-home-chat{position:absolute;right:0;bottom:-38px;margin:0}.ink-world .ink-plan-heading{margin-top:52px}
@media(max-width:700px){.ink-world #petHome .pet-care{height:auto}.ink-world .pet-home-chat{left:0;right:0;bottom:-39px}}
/* Final review: move only the character, retaining name and meter alignment. */
@media(max-width:700px){.ink-world .pet-stage,.ink-world #petPage .pet-stage{height:195px;transform:translateY(-18px)}.ink-world .pet-provision{padding-inline:8px}.ink-world .pet-provision .pet-provision-action{min-width:50%}.ink-world .pet-exchange-row{min-height:89px}.ink-world .pet-card-links{min-height:33px}.ink-world .pet-card-links a{min-height:31px}}
@media(max-width:700px){.ink-world{background-image:linear-gradient(#fbfaf766,#fbfaf766),url('/assets/pets/juecanape/ink/paper.webp')}}