/* Shared application center styling. */
@font-face{font-family:HubTitleMedium;src:url('/fonts/hub-title-medium-v6.woff2') format('woff2');font-weight:500;font-style:normal;font-display:block}
h1,.feature-card .card-copy h2{font-family:HubTitleMedium,serif;font-weight:500;font-synthesis:none;font-optical-sizing:none}
body{background:#f6f6f1;color:#32473b}
.site-shell{max-width:1000px;padding-bottom:106px}
.masthead{height:78px;border-bottom-color:#e0e3d8}
.wordmark{font-weight:500;letter-spacing:2px}
.edition{letter-spacing:1px;color:#7d887a}
.intro{padding:35px 0 27px}
.intro-flower,.section-label,.closing-note{display:none}
.eyebrow{letter-spacing:1.7px;color:#778573;margin-bottom:12px}
h1{font-size:35px;letter-spacing:1px}
h1 span{color:inherit}
.intro-copy{color:#74816f;letter-spacing:.5px;margin-top:12px}
.card-grid{display:grid;grid-template-columns:1fr;gap:12px}
.feature-card{grid-column:auto;height:126px;border-radius:16px;border:1px solid #e0e4d9;background:#fcfcf8;box-shadow:none;transition:background .2s,border-color .2s}
.feature-card:hover{transform:none;background:#fff;border-color:#b5c1aa;box-shadow:none}
.feature-card .card-link{height:100%;display:flex;align-items:center;padding:18px 100px 18px 148px;gap:20px}
.feature-card .art{width:102px;height:102px;aspect-ratio:1;left:12px;top:11px;border-radius:10px;z-index:0;filter:saturate(.46) contrast(.91);opacity:.87;transition:filter .25s,opacity .25s}
.feature-card:hover .art{transform:none;filter:saturate(.65) contrast(.94);opacity:1}
.feature-card .card-shade{display:none}
.feature-card .card-copy{padding:0;position:relative;z-index:1;flex:1;min-width:0;display:grid;grid-template-columns:29px 1fr;column-gap:15px;align-items:center}
.feature-card .card-kicker{grid-column:1;grid-row:1/3;align-self:start;padding-top:5px;margin:0;font-size:11px;letter-spacing:1px;color:#8b9581}
.feature-card .card-copy h2{grid-column:2;font-size:24px;font-weight:500;line-height:1.4;letter-spacing:.5px;margin:0 0 6px}
.feature-card .card-copy p{grid-column:2;font-size:12px;letter-spacing:.3px;line-height:1.6;margin:0;color:#76816f;max-width:none}
.feature-card .card-copy br{display:none}
.feature-card .card-bottom{position:absolute;left:auto;right:28px;top:auto;bottom:22px;gap:0;display:block}
.feature-card .card-bottom>span:first-child{display:none}
.feature-card .arrow{border:0;border-radius:0;width:25px;height:25px;background:transparent;color:#76876a}
.feature-card .arrow svg{width:19px;height:19px}
.feature-card .save{right:25px;top:18px;width:30px;height:30px;background:transparent;backdrop-filter:none;color:#a4ac99}
.feature-card .save[aria-pressed=true]{background:#eff2e8;color:#6c805b}
.feature-card .save[aria-pressed=true] svg{fill:#b0bf9c}
.page-footer{margin-top:27px;border-top:0;padding-top:0;color:#8a9480}
.bottom-nav{box-shadow:0 4px 22px #253b2609;border-color:#e0e5d8;background:#fcfcf8f5;border-radius:20px}
.bottom-nav button.active{background:#edf0e6;color:#3b5d42}
.motion-toggle{border-color:#dce2d3;color:#7a8871;background:transparent}
@media(max-width:700px){
 .site-shell{padding:0 18px 100px}
 .masthead{height:65px}
 .intro{padding:26px 0 24px}
 .eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:1.3px}
 h1{font-size:28px;letter-spacing:0}
 .intro-copy{font-size:11px;margin-top:9px}
 .card-grid{gap:10px}
 .feature-card{height:110px;border-radius:13px}
 .feature-card .card-link{padding:15px 43px 15px 106px}
 .feature-card .art{width:83px;height:83px;top:12px;left:11px;border-radius:8px}
 .feature-card .card-copy{display:block}
 .feature-card .card-kicker{display:none}
 .feature-card .card-copy h2{font-size:19px;margin:0 0 6px;letter-spacing:0}
 .feature-card .card-copy p{font-size:10px;letter-spacing:0;line-height:1.7;max-width:180px}
 .feature-card .save{right:9px;top:9px;width:29px;height:29px}
 .feature-card .save svg{width:14px;height:14px}
 .feature-card .card-bottom{right:12px;bottom:14px}
 .feature-card .arrow{height:20px;width:20px}
 .feature-card .arrow svg{height:16px;width:16px}
 .page-footer{margin-top:24px;font-size:8px;letter-spacing:0}
 .bottom-nav{border-radius:18px 18px 0 0;box-shadow:0 -3px 20px #253b2607}
}
@media(max-width:360px){
 .site-shell{padding-left:14px;padding-right:14px}
 .feature-card .card-link{padding-left:96px;padding-right:39px}
 .feature-card .art{width:74px;height:74px;top:17px;left:10px}
 .feature-card .card-copy h2{font-size:18px}
 .feature-card .card-copy p{font-size:10px}
 h1{font-size:26px}
}

/* Application categories and user-pinned shortcuts. */
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.section-heading h2{font-size:15px;font-weight:600;letter-spacing:1px;margin:0}
.section-heading>span,.text-button{font-size:11px;color:#829078}
.text-button{border:0;background:none;padding:8px 0}
.common-section{margin:0 0 30px}
.common-empty{border:1px dashed #d8dfcd;border-radius:14px;padding:19px 20px;font-size:12px;line-height:1.8;color:#7b8872;margin:0;background:#fafbf580}
.common-list{display:flex;flex-wrap:wrap;gap:9px}
.common-item{display:flex;align-items:center;gap:10px;border:1px solid #dfe5d6;background:#fdfdf9;border-radius:13px;padding:10px 16px 10px 10px;font-size:13px;min-height:58px}
.common-item:hover{border-color:#afbf9b;background:#fff}
.common-art{display:block;width:34px;height:34px;flex:none;border-radius:8px;background-image:url('/assets/covers.webp');background-size:300% 200%;filter:saturate(.65)}
.common-art.travel{background-position:50% 0}.common-art.weather{background-position:100% 0}.common-art.outfits{background-position:50% 100%}.common-art.explore{background-position:0 0}.common-art.shapes{background-position:0 100%}
.category-filters{display:flex;gap:8px;margin:0 0 18px}
.category-filters button{border:1px solid transparent;border-radius:24px;background:transparent;color:#7b8972;font-size:13px;min-height:42px;padding:9px 18px;white-space:nowrap}
.category-filters button[aria-pressed=true]{color:#35543c;background:#e6eddc;border-color:#d9e2cb}
.category-filters button:hover{background:#edf1e5}
.feature-card.deep-blue .art,.common-art.deep-blue{background-image:url('/assets/deep-blue.svg');background-size:cover;background-position:center}
.feature-card.seating .art,.common-art.seating{background-image:url('/assets/seating.svg');background-size:cover;background-position:center}
@media(max-width:700px){.common-section{margin-bottom:26px}.section-heading{margin-bottom:10px}.section-heading h2{font-size:14px}.common-empty{padding:14px 16px;font-size:12px}.common-item{flex:1 1 calc(50% - 9px);padding:9px;font-size:12px;min-height:54px}.category-filters{gap:3px;margin-bottom:14px;justify-content:space-between}.category-filters button{font-size:12px;padding:9px 12px}.section-heading>span{font-size:10px}}
@media(max-width:360px){.category-filters button{padding-left:9px;padding-right:9px;font-size:11px}}

/* Refined edition: warmer imagery, more legible copy and quieter interaction. */
body{background:#f5f5ef;color:#294436}
.site-shell{max-width:980px}
.masthead{height:74px;border-bottom:1px solid #dfe3d6}
.wordmark svg{background:#e9eee0;border-radius:9px;padding:5px;width:33px;height:33px;stroke:#718666}
.wordmark{font-size:15px;font-weight:600;letter-spacing:1.8px}
.intro{padding:32px 0 28px}
.eyebrow{font-size:10px;letter-spacing:2px;color:#84917b}
h1{font-size:37px;line-height:1.4;color:#294436}
.intro-copy{font-size:13px;color:#707e69}
.section-label{display:flex;margin-bottom:15px;gap:17px;letter-spacing:.8px;color:#7d8973;font-size:11px}
.section-line{background:#dce2d2}
.section-label>span:last-child{font-size:10px;letter-spacing:.5px;color:#929b86}
.card-grid{gap:11px}
.feature-card{height:115px;background:#fdfdf9;border-color:#e0e5d7;border-radius:17px;box-shadow:0 2px 5px #35462703;transition:border-color .22s,box-shadow .22s,background .22s}
.feature-card::after{content:'';position:absolute;left:0;top:29px;bottom:29px;width:3px;border-radius:0 3px 3px 0;background:#879975;opacity:0;transition:opacity .22s;pointer-events:none}
.feature-card .card-link{padding-left:139px;padding-right:115px}
.feature-card .art{width:91px;height:91px;left:12px;top:11px;border-radius:11px;filter:saturate(.66) contrast(.97);opacity:1;box-shadow:inset 0 0 0 1px #fff6}
.feature-card .card-copy{column-gap:13px;grid-template-columns:25px 1fr}
.feature-card .card-copy h2{font-size:23px;color:#294436;margin-bottom:7px}
.feature-card .card-copy p{font-size:13px;line-height:1.65;color:#728067;letter-spacing:.3px}
.feature-card .card-kicker{font-size:10px;color:#9aa58b;letter-spacing:1.3px;padding-top:7px}
.feature-card .save{top:15px;right:23px;width:36px;height:36px;border-radius:50%;color:#8f9c7f}
.feature-card .save svg{width:15px;height:15px}
.feature-card .card-bottom{right:28px;bottom:18px}
.feature-card .arrow{color:#819472;transition:transform .22s}
.feature-card:focus-within{border-color:#9bad8b}
.feature-card:focus-within::after{opacity:1}
.feature-card .card-link:focus-visible{outline:2px solid #91a47b;outline-offset:-3px}
.feature-card .save:focus-visible{outline-color:#91a47b;outline-offset:1px}
.feature-card .save[aria-pressed=true]{background:#e9efdf;color:#627b4b}
.feature-card .save[aria-pressed=true] svg{fill:#acbe93;stroke:#708659}
.bottom-nav{padding:7px 14px;border-radius:22px;border-color:#dce3d1;background:#fffffaf5}
.bottom-nav button{transition:background .2s,color .2s}
.bottom-nav button.active{background:#e8efdc;color:#35533c}
.page-footer{margin-top:24px;color:#919b85}
.shortcut{background:#fdfdf9;border-color:#e0e5d7;border-radius:17px}
.settings-card{background:#eaf0e1}
.empty-state>svg{color:#8e9f79}
@media(hover:hover) and (pointer:fine){
 .feature-card:hover{background:#fffffc;border-color:#b7c5a7;box-shadow:0 5px 18px #35462708}
 .feature-card:hover::after{opacity:1}
 .feature-card:hover .art{filter:saturate(.8) contrast(1)}
 .feature-card:hover .arrow{transform:translateX(4px)}
 .feature-card .save:hover{background:#eef3e6;color:#5a7450}
}
@media(max-width:700px){
 .site-shell{padding:0 18px 96px}
 .masthead{height:59px}
 .wordmark{font-size:13px;letter-spacing:1.5px;gap:7px}
 .wordmark svg{width:29px;height:29px;padding:5px}
 .motion-toggle{font-size:9px;padding:7px 9px}
 .intro{padding:22px 0 21px}
 .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:9px}
 h1{font-size:28px;line-height:1.3}
 .intro-copy{font-size:12px;letter-spacing:0;margin-top:9px}
 .section-label{margin-bottom:12px;gap:13px;font-size:10px;letter-spacing:.3px}
 .section-label>span:last-child{font-size:9px;letter-spacing:0}
 .card-grid{gap:9px}
 .feature-card{height:104px;border-radius:15px}
 .feature-card .card-link{padding:12px 49px 12px 105px}
 .feature-card .art{width:79px;height:79px;left:11px;top:11px;border-radius:10px}
 .feature-card .card-copy h2{font-size:20px;margin-bottom:7px;letter-spacing:0}
 .feature-card .card-copy p{font-size:12px;line-height:1.6;letter-spacing:0}
 .feature-card .save{width:40px;height:40px;right:5px;top:4px}
 .feature-card .card-bottom{right:16px;bottom:17px}
 .feature-card .arrow svg{width:16px;height:16px}
 .page-footer{margin-top:20px;font-size:8px}
 .bottom-nav{width:calc(100% - 36px);max-width:420px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:21px;padding:7px 23px;box-shadow:0 5px 25px #34462b0e}
 .bottom-nav button{flex-direction:row;gap:7px;font-size:11px;padding:11px 15px;min-height:42px;border-radius:14px}
 .bottom-nav button.active{background:#e8efdc!important}
 .bottom-nav button svg{width:18px;height:18px}
 #toast{bottom:91px}
}
@media(max-width:360px){
 .site-shell{padding-left:14px;padding-right:14px}
 h1{font-size:26px}
 .feature-card .card-link{padding-left:93px;padding-right:44px}
 .feature-card .art{width:70px;height:70px;left:10px;top:16px}
 .feature-card .card-copy h2{font-size:18px}
 .feature-card .card-copy p{font-size:11px;line-height:1.65}
 .bottom-nav{width:calc(100% - 28px);padding-left:13px;padding-right:13px}
 .bottom-nav button{padding-left:12px;padding-right:12px}
}

.feature-card.guandan .art,.common-art.guandan{background-image:url('/assets/guandan.svg');background-size:cover;background-position:center}

.feature-card.inspector .art,.common-art.inspector{background-image:url('/assets/inspector.svg');background-size:cover;background-position:center}
.feature-card.ledger .art,.common-art.ledger{background-image:url('/assets/ledger.svg');background-size:cover;background-position:center}

.feature-card.quiz .art,.common-art.quiz{background-image:url('/assets/quiz.svg');background-size:cover;background-position:center}