/* v1.1: companionship, collection progress, and readable mobile controls. */
:root{--body-copy:#83738f;--panel-line:#e9e0f1}
.daily-copy{flex:1}.daily-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.daily-actions .daily-button{margin:0}.task-shortcut{font-size:10px;color:#9b83b3;white-space:nowrap;min-height:36px;padding:4px 0}.task-shortcut>span{margin-left:5px}.task-shortcut:hover{color:var(--purple)}.footer-links{display:flex;gap:18px;align-items:center}.footer-links>button{font-size:10px;white-space:nowrap;color:#a899b5;padding:8px 0}.footer-links>button:hover{color:var(--purple)}.footer-links>button>span{margin-left:5px}
.kennel-overview{padding:7px 0 25px}.kennel-overview-grid{display:grid;grid-template-columns:1.05fr 1.15fr 1fr;gap:18px}.kennel-stats,.collection-progress,.companionship-card{border-radius:16px;padding:24px;background:white;border:1px solid var(--panel-line);box-shadow:0 5px 18px #6c527707;min-width:0}.kennel-stats{display:flex;align-items:center;justify-content:space-around;gap:16px;background:#eee8fa;border-color:#e6dcf4;position:relative}.kennel-stat{display:flex;flex-direction:column;gap:9px;align-items:center;min-width:0}.kennel-stat>strong{font-size:30px;color:#8566aa;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.kennel-stat>span{font-size:10px;color:#aa94bc;white-space:nowrap}.collection-progress h3,.companionship-title{font-size:12px;font-weight:600;color:#8f759f;margin:0 0 16px;line-height:1.6}.collection-progress h3>span{float:right;color:#b69bc9;font-size:10px;font-weight:400}.collection-tier-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.collection-tier{border:1px dashed #e6deed;border-radius:7px;padding:7px 5px;font-size:9px;color:#c0b3cc;text-align:center;position:relative;white-space:nowrap}.collection-tier.is-collected{background:#f3edf9;border-style:solid;border-color:#e2d4f0;color:#9a7ab5}.collection-tier.is-collected:before{content:'✓';font-size:8px;margin-right:4px}.collection-tier-count{font-size:8px;font-weight:400;margin-left:4px;opacity:.7}.collection-tier.is-collected[data-tier=传说]{background:#fbf5e6;color:#b29a5f;border-color:#ede2c3}.collection-tier.is-collected[data-tier=神话]{background:#fcf0f6;color:#bc8da7;border-color:#f0d8e6}.companionship-card{background:#f7f3ed;border-color:#eee5da}.companionship-title{color:#a1907d;margin-bottom:10px}.task-mini-list{display:flex;flex-wrap:wrap;gap:7px;color:#b29f88;font-size:9px;line-height:1.8}.task-mini-list>span,.task-mini-list>div{display:inline-flex;align-items:center;gap:3px}.task-mini-list .is-complete{color:#8eaa90}.companionship-card>button{font-size:10px;color:#a68d6f;padding:9px 0 0;display:flex;align-items:center;gap:8px}.companionship-card>button:hover{color:#886b47}
.task-list{margin:14px 30px 23px;display:grid;gap:12px}.task-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;border:1px solid #eae0f3;border-radius:12px;padding:17px;background:#fcfaff}.task-icon{width:39px;height:39px;border-radius:11px;background:#eee7f9;color:#b29acb;display:grid;place-items:center;font-size:18px}.task-icon .icon,.task-icon svg{width:21px;height:21px}.task-copy strong,.task-copy h3{font-size:13px;font-weight:600;color:#8a6e9e;display:block;margin:0 0 6px}.task-copy p,.task-copy small,.task-copy>span{font-size:10px;color:#b29ac2;margin:0;line-height:1.7;display:block}.task-copy b{font-weight:600;color:#b79c60}.task-row>button{font-size:10px;padding:9px 13px;min-width:83px;white-space:nowrap}.task-row>button:disabled{background:#f0f5ee;color:#98ab91;border-color:#dfebd8;opacity:1}.task-row.is-complete{background:#fafcf9;border-color:#e2ebdf}.task-row.is-complete .task-icon{background:#eaf2e6;color:#9bae92}.task-list+.modal-note{padding:0 30px 20px}.task-progress{margin:6px 30px 0;padding:12px 15px;border-radius:8px;background:#f4edf9;color:#ac92bd;font-size:11px;line-height:1.7}
.pet-life{border-top:1px solid #f0e7f7;margin-top:16px;padding-top:13px;color:#b39cc1;font-size:9px}.pet-life>p{font-size:9px;color:#b6a1c2;line-height:1.7;margin:8px 0}.affection-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#ac8cba;margin-bottom:7px;gap:10px}.affection-row strong{font-size:10px;font-weight:600;color:#b98fae}.affection-track{height:5px;background:#f1e8f3;border-radius:5px;overflow:hidden}.affection-track>span{height:100%;display:block;max-width:100%;border-radius:5px;background:linear-gradient(90deg,#bba6d5,#d1a4bc);transition:width .3s}.lineage{margin-top:12px;font-size:9px;color:#b8a1c6}.lineage h4,.lineage>strong{margin:0 0 7px;font-size:9px;font-weight:500;display:block}.lineage-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lineage-links>button{background:#f5effb;padding:5px 9px;border-radius:6px;color:#aa8bbd;font-size:9px;min-height:29px}.lineage-links>button:hover{background:#eee1fa}.lineage-links>span{font-size:10px}.care-actions{display:flex;gap:8px;margin-top:13px}.care-actions>button{flex:1;font-size:10px;padding:10px 7px;border:1px solid #e7d9f0;background:#faf6ff;color:#a383ba;border-radius:7px;line-height:1.5;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.care-actions>button>svg{width:14px;height:14px}.care-actions>button:hover{background:#f0e5fc;border-color:#ccb5e4}.care-actions>button:disabled{background:#f7f5f8;border-color:#eee8f2;color:#b9acbf;opacity:.7}.care-note{font-size:8px;color:#bca7c8;line-height:1.7;margin:7px 0 0}.detail-info .gene-grid{margin-bottom:13px}.detail-art>.dog-character{width:100%;max-width:280px}.detail-layout{min-height:590px}.detail-info h2{font-size:24px}.detail-info{padding-top:29px}.detail-actions .modal-note{font-size:9px}.pet-card .favorite-button:after{content:'';position:absolute;inset:-6px;border-radius:50%}.empty-state>.secondary-button{font-size:11px;margin-top:12px;padding:10px 16px}
.parent-genes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:13px auto 0;max-width:265px}.parent-gene{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:6px 8px;border:1px solid #e8dbf1;border-radius:5px;color:#af93c0;background:#fff8}.parent-gene>strong{font-size:9px;color:#a28cb4;font-weight:500}.parent-gene>span{font-size:8px}.breed-hint{max-width:520px;margin-left:auto!important;margin-right:auto!important;padding:0 15px;line-height:1.8!important}
.backup-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 30px 0}.backup-option{border:1px solid #e5d7ef;border-radius:12px;padding:22px;background:#faf6ff;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.backup-option>svg{height:25px;width:25px;color:#b199c9}.backup-option h3{font-size:15px;font-weight:600;color:#8e73a1;margin:11px 0 6px}.backup-option p{font-size:11px;color:#b39bc2;line-height:1.9;margin:0 0 18px;flex:1}.backup-option>button,.backup-file-label{font-size:11px;padding:10px 13px;margin-top:auto;line-height:1.6}.backup-file-label{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #e0d1ee;border-radius:8px;color:#a388b6;cursor:pointer;overflow:hidden}.backup-file-label:hover{background:#f2e9fc}.backup-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.backup-file-label:focus-within{outline:2px solid #bba2d9;outline-offset:3px}.backup-summary{margin:18px 30px;padding:18px;border:1px solid #e2d2f1;border-radius:11px;background:#f7f1fc;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:11px;color:#a88eba}.backup-summary>strong,.backup-summary>h3{grid-column:1/-1;font-size:13px;margin:0}.backup-summary>p{grid-column:1/-1;margin:0;line-height:1.8}.backup-summary span{display:block;font-size:10px;color:#ac94bd;line-height:1.8}.backup-summary b{font-size:18px;color:#9474ac;font-weight:600;display:block}.backup-error{margin:15px 30px;color:#b68197;background:#fcf1f5;border-radius:8px;font-size:11px;padding:12px 15px;line-height:1.8}.backup-actions{margin:18px 30px 23px;display:flex;justify-content:flex-end;gap:9px}.backup-error:empty{display:none}.recovery-note{background:#fcf5e9;border:1px solid #efe1c7;border-radius:10px;padding:15px;margin:18px 30px;color:#b29870;font-size:11px;line-height:1.8}.dialog-close{top:12px;right:12px}
@media(max-width:1100px){.daily-actions{gap:9px}.daily-copy>strong{font-size:10px}.discovery-facts{gap:19px}.discovery-facts .fact-companion{display:none}.discovery-facts>i:nth-of-type(2){display:none}.kennel-overview-grid{grid-template-columns:1fr 1.1fr;gap:15px}.companionship-card{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:18px 23px}.companionship-title{margin:0;flex-shrink:0}.task-mini-list{flex:1}.companionship-card>button{padding:0;flex-shrink:0}.kennel-stats,.collection-progress{padding:22px}.task-shortcut{font-size:9px}.site-footer p{font-size:8px}.footer-links{gap:12px}.footer-links>button{font-size:9px}}
@media(max-width:680px){
  .hero p{font-size:12px;line-height:1.75}.eyebrow{font-size:8px}.hero-buttons .primary{font-size:12px;padding:12px 17px}.hero-buttons .text-button{font-size:11px}.hello-bubble{font-size:9px}.gene-float strong{font-size:9px}.gene-float small{font-size:7px}.hero{min-height:490px}.hero-art{height:244px}.discovery-facts div>span{font-size:10px}.discovery-facts strong{font-size:21px}.discovery-facts{gap:10px}.discovery-facts .fact-companion{display:flex!important}.discovery-facts>i:nth-of-type(2){display:block}.discovery-strip{padding-top:20px}.daily-reward{padding:15px 13px;gap:10px}.daily-copy>strong{font-size:11px!important;white-space:normal!important;line-height:1.6}.daily-copy>span{font-size:9px!important;line-height:1.6;margin-top:4px!important}.daily-actions{flex-direction:column;gap:0}.daily-actions .daily-button{font-size:11px;min-width:88px;min-height:36px;padding:7px 11px}.task-shortcut{min-height:31px;font-size:10px;padding:5px 0 0}.daily-button>span{margin-left:6px}.gift-icon{height:34px;width:34px}.section-eyebrow{font-size:7px}.section-title-group p{font-size:12px;line-height:1.8;margin-top:8px}.section-heading{margin-bottom:17px}.search-box,.sort-box{height:41px}.search-box input{font-size:11px;height:38px}.sort-box select{font-size:10px;width:114px}.search-box>.icon{height:16px;width:16px}.sort-box:after{top:10px}.view-filters{top:-114px}.collection-button{font-size:10px;padding-top:10px;padding-bottom:10px}.collection-button .icon{height:14px;width:14px}.filter-button{min-height:36px;font-size:10px;padding:8px 11px}.filters-row{margin-bottom:18px}.rarity-filters{gap:4px}.rarity-dot{height:5px;width:5px}.pet-art{height:180px}.pet-illustration{height:177px;width:189px}.rarity-badge{font-size:9px;padding:4px 7px;line-height:13px}.favorite-button{height:30px;width:30px;top:7px;right:7px}.favorite-button svg{width:14px;height:14px}.pet-info{padding:14px 12px 12px}.pet-name{font-size:14px;font-weight:650;letter-spacing:0;margin-bottom:8px}.pet-meta{font-size:9px;gap:6px}.pet-footer{padding-top:12px;margin-top:12px}.pet-price{font-size:16px;gap:3px}.pet-price>strong{font-size:16px}.pet-price svg{width:12px;height:12px}.pet-price>span{font-size:7px}.adopt-button{font-size:10px;padding:7px 8px;min-height:32px}.adopt-button>span{font-size:10px}.pet-gender{font-size:10px!important}.pet-card:has(.owned-button) .pet-price,.pet-card:has(.owned-button) .pet-price>strong{font-size:12px}.listed-tag{font-size:9px}.market-bottom{min-height:105px;padding-bottom:29px}.load-more{font-size:11px;padding:12px 20px}.results-summary{font-size:10px;bottom:7px}.companion-note h3{font-size:13px}.companion-note p{font-size:10px;line-height:1.8}.companion-note .outline-button{font-size:10px;padding:10px 13px;margin-top:4px}.note-paw{width:35px;height:35px}.companion-note>div:not(.note-decoration){min-width:180px}.site-footer{padding-bottom:96px;gap:15px}.site-footer p{font-size:9px;line-height:1.9}.footer-brand{font-size:12px}.footer-links{margin-left:auto;gap:13px}.footer-links>button{font-size:10px;min-height:36px}.footer-links>button>span{display:none}.mobile-nav{min-height:calc(66px + env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom));padding-top:8px}.mobile-nav>button{min-height:45px;gap:6px}.mobile-nav>button>span{font-size:10px}.mobile-nav>button>.icon{width:21px;height:21px}.toast{font-size:12px;bottom:calc(88px + env(safe-area-inset-bottom))}.empty-state p{font-size:12px;line-height:1.8}.empty-state>.secondary-button{font-size:12px;min-height:40px}.kennel-overview{padding:5px 0 24px}.kennel-overview-grid{grid-template-columns:1fr;gap:13px}.kennel-stats{padding:23px 18px}.kennel-stat>strong{font-size:32px}.kennel-stat>span{font-size:11px}.collection-progress{padding:18px}.collection-progress h3{font-size:13px;margin-bottom:13px}.collection-progress h3>span{font-size:11px}.collection-tier-row{grid-template-columns:repeat(6,1fr);gap:6px}.collection-tier{font-size:9px;padding:8px 3px}.collection-tier.is-collected:before{display:none}.collection-tier-count{display:block;font-size:9px;margin-left:0}.companionship-card{padding:19px;display:block}.companionship-title{font-size:13px;margin:0 0 10px}.task-mini-list{font-size:11px;gap:10px}.companionship-card>button{margin-top:10px;font-size:12px;padding:5px 0;min-height:32px}.modal-head h2{font-size:23px}.modal-head p{font-size:12px}.modal-eyebrow{font-size:8px}.modal-head{padding:29px 22px 8px}.modal-footer .primary-button,.modal-footer .secondary-button{font-size:12px;min-height:42px}.modal-footer .danger-text{font-size:10px;max-width:110px}.dialog-close{width:36px;height:36px;top:10px;right:10px}.detail-art{height:190px;min-height:190px}.detail-art>.dog-character{height:185px;width:202px}.detail-art-caption{font-size:7px;bottom:11px}.detail-info{padding:21px}.detail-info h2{font-size:25px}.detail-info .detail-meta{font-size:10px;line-height:1.9}.detail-topline .modal-eyebrow{font-size:7px}.detail-topline .rarity-badge{font-size:10px}.detail-info h3{font-size:13px;margin-top:18px}.detail-info h3>span{font-size:10px}.detail-info .gene-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gene-cell{padding:10px}.gene-label{font-size:10px;display:flex;gap:5px;align-items:center}.gene-label i{font-size:8px;line-height:14px}.gene-value{font-size:12px;margin-top:6px;white-space:normal;line-height:1.5}.detail-actions .primary-button{font-size:13px;min-height:45px;margin-top:13px}.detail-actions .modal-note{font-size:10px}.detail-price strong{font-size:26px}.detail-price span{font-size:10px}.owner-actions .primary-button,.owner-actions .secondary-button{font-size:12px;min-height:43px;padding:11px 10px;margin-top:0}.pet-life{margin-top:17px;padding-top:15px}.affection-row{font-size:11px;margin-bottom:9px}.affection-row strong{font-size:11px}.pet-life>p{font-size:10px}.affection-track{height:6px}.care-actions{gap:8px;margin-top:15px}.care-actions>button{font-size:11px;padding:11px 7px;min-height:43px}.care-note{font-size:10px;line-height:1.8}.lineage{font-size:11px}.lineage h4,.lineage>strong{font-size:10px;margin-bottom:8px}.lineage-links>button{font-size:11px;min-height:35px;padding:7px 10px}.task-list{margin:12px 22px 22px;gap:11px}.task-row{grid-template-columns:33px 1fr auto;gap:9px;padding:14px 12px;border-radius:10px}.task-icon{height:33px;width:33px;border-radius:10px;font-size:16px}.task-copy strong,.task-copy h3{font-size:12px;margin-bottom:5px}.task-copy p,.task-copy small,.task-copy>span{font-size:10px;line-height:1.7}.task-row>button{font-size:10px;padding:9px 10px;min-width:66px;min-height:38px}.task-list+.modal-note{padding:0 22px 18px;font-size:11px}.task-progress{margin:6px 22px 0;font-size:11px}.parent-genes{gap:5px;margin-top:11px}.parent-gene{display:block;padding:6px;font-size:9px}.parent-gene>strong{font-size:9px;display:block;margin-top:4px}.parent-gene>span{font-size:8px}.parent-select select{font-size:11px;min-height:39px}.parent-slot-label{font-size:10px}.parent-id{font-size:9px}.breed-page-head p{font-size:12px}.breed-page-head h1{font-size:26px}.breed-page-head .small-pill{font-size:8px}.breed-hint{font-size:11px!important;line-height:1.9!important;max-width:350px}.breed-action .small-pill{font-size:9px}.breed-action>.primary-button{font-size:13px;min-height:45px}.mini-parent-pair strong{font-size:12px}.backup-options{margin:13px 22px 0;grid-template-columns:1fr;gap:11px}.backup-option{padding:18px}.backup-option h3{font-size:14px;margin-top:0}.backup-option p{font-size:11px;margin-bottom:13px}.backup-option>button,.backup-file-label{font-size:12px;min-height:40px;line-height:1.7;padding:10px 14px}.backup-summary{margin:17px 22px;font-size:11px;padding:15px;gap:9px}.backup-summary span{font-size:10px}.backup-summary b{font-size:18px}.backup-summary>h3{font-size:13px}.backup-error{margin:13px 22px;font-size:11px}.backup-actions{margin:16px 22px 22px}.backup-actions button{font-size:12px}.rules-list li strong{font-size:12px}.rules-list li p{font-size:11px}.rules-tip{font-size:10px;line-height:1.8}.ledger-item>div>strong{font-size:13px}.ledger-item>div>span{font-size:11px}.ledger-item small{font-size:10px}.ledger-list~.modal-note{font-size:10px}.form-field{font-size:12px}.form-field input{font-size:16px}.modal-head~.modal-note,.mini-parent-pair~.modal-note,form>.modal-note{font-size:11px}.success-dialog p{font-size:12px}.success-dialog .primary-button{font-size:13px;min-height:44px}.success-dialog .text-button{font-size:12px}.market-section,.breed-section,.kennel-overview{scroll-margin-top:84px}
}
@media(max-width:370px){.hero p{font-size:11px}.hero h1{font-size:32px}.hero-buttons .text-button{font-size:10px}.hero-buttons .primary{font-size:11px}.pet-art{height:159px}.pet-illustration{height:157px;width:168px}.pet-info{padding:12px 10px}.pet-name{font-size:13px}.pet-meta{font-size:8px}.pet-price,.pet-price>strong{font-size:15px}.pet-price>span{display:none}.adopt-button{padding:7px;font-size:10px}.collection-tier-row{grid-template-columns:repeat(3,1fr)}.collection-tier-count{display:inline;margin-left:4px}.task-row{grid-template-columns:29px 1fr auto;gap:7px;padding:12px 9px}.task-icon{width:29px;height:29px}.task-copy strong{font-size:11px}.task-row>button{font-size:9px;min-width:60px;padding:8px}.footer-links{gap:11px}.footer-links>button{font-size:9px}.gene-value{font-size:11px}}

.collection-progress>p{font-size:9px;color:#b8a3c5;line-height:1.9;margin:11px 0 0}.companionship-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.companionship-title>strong{font-size:10px;font-weight:500;color:#baa388}.task-copy>strong>span{display:block;font-size:10px;font-weight:400;color:#b59a66;margin-top:5px}.modal-head h2>span{font-size:12px;font-weight:400;color:#b79dc6;margin-left:8px;white-space:nowrap}.lineage h3{font-size:11px;margin-top:15px;margin-bottom:7px}.lineage-links>span{font-size:9px;line-height:1.8;color:#bba6c8}.parent-gene{display:block;line-height:1.6}.parent-gene>small{display:block;font-size:8px;color:#bba6c9;margin-bottom:3px}.backup-summary{grid-template-columns:repeat(2,1fr)}.backup-summary>div{padding:9px;background:#ffffff80;border-radius:7px}.backup-summary>div>strong{display:block;font-size:21px;color:#9879ae;font-weight:650;margin-top:6px}.backup-options~.modal-note{margin:17px 30px 25px}.backup-options~.text-button{margin:14px 30px 0;font-size:11px}.kennel-overview:before{content:'MY LITTLE FAMILY';display:block;font-size:8px;color:#b9aac6;letter-spacing:1.8px;font-weight:600;margin:4px 0 15px}
@media(max-width:680px){.collection-progress>p{font-size:10px}.companionship-title>strong{font-size:11px}.task-copy>strong>span{font-size:10px}.task-copy>p{font-size:10px;margin-top:8px;line-height:1.7}.lineage h3{font-size:12px}.lineage-links>span{font-size:10px}.parent-gene{font-size:10px}.parent-gene>small{font-size:8px}.backup-summary>div>strong{font-size:21px}.backup-options~.modal-note{font-size:11px;margin:16px 22px 23px;line-height:1.9}.backup-options~.text-button{font-size:11px;margin:13px 22px 0}.kennel-overview:before{font-size:8px;margin-bottom:13px}.modal-head h2>span{font-size:11px}}
.dialog-close{position:sticky;top:12px;right:auto;margin:12px 12px -48px auto;z-index:10}.collection-progress .collection-tier-count{font-variant-numeric:tabular-nums}

/* Independent hosting, migration, and home-screen use. */
.connection-status{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:9px;color:#a6a295}.connection-status:before{content:'';display:inline-block;height:4px;width:4px;border-radius:50%;background:#a3b99b}.connection-status.is-offline{color:#b5a16e}.connection-status.is-offline:before{background:#c9b07c}.backup-paste-option{margin:15px 30px 0;padding:19px 21px;background:#f9f5fd;border:1px solid #e7dcef;border-radius:12px}.backup-text-label{display:block;font-size:12px;font-weight:550;color:#9c7eaf;margin-bottom:10px}.backup-paste-option textarea{width:100%;min-height:115px;resize:vertical;padding:12px;border:1px solid #dfd2eb;border-radius:8px;background:#fff;color:#8b729a;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.backup-paste-option textarea::placeholder{color:#bdacc7}.backup-paste-option>button{margin-top:11px;font-size:11px;min-height:37px}.backup-migration-note{margin:18px 30px 0;padding:13px 16px;border-left:2px solid #ccbadf;color:#a58bb5;font-size:11px;line-height:1.9;background:#faf6fd;border-radius:0 7px 7px 0}.install-guide{margin:15px 30px 0;display:grid;gap:12px}.install-step{border:1px solid #e5d8f0;border-radius:11px;background:#faf6fe;padding:17px;color:#a288b3;font-size:12px;line-height:1.9}.install-step h3,.install-step strong{display:block;font-size:13px;font-weight:600;color:#8b6e9e;margin:0 0 7px}.install-step p{font-size:11px;color:#ac96bc;margin:0;line-height:1.9}.install-context-note{margin:17px 30px 22px;font-size:11px;color:#b69ec4;line-height:1.9}.install-guide .primary-button{width:100%}.update-notice{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:25px;align-items:center;border:1px solid #dfd0ed;border-radius:13px;padding:17px 20px;background:#fffdfef5;box-shadow:0 8px 40px #67527426;max-width:calc(100vw - 32px);width:570px;backdrop-filter:blur(12px)}.update-notice strong{font-size:12px;display:block;color:#8e719f;font-weight:600;margin-bottom:5px}.update-notice span{font-size:10px;line-height:1.8;color:#af98bd;display:block}.update-notice button{white-space:nowrap;font-size:11px;padding:10px 15px}.footer-links{gap:15px}.footer-links>button{font-size:9px}
@media(max-width:680px){.backup-paste-option{margin:14px 22px 0;padding:16px}.backup-text-label{font-size:12px}.backup-paste-option textarea{font-size:16px;line-height:1.6;min-height:115px}.backup-paste-option>button{font-size:12px;min-height:41px;width:100%}.backup-migration-note{margin:14px 22px 0;font-size:11px;padding:12px 14px}.install-guide{margin:13px 22px 0;gap:11px}.install-step{padding:15px;font-size:12px}.install-step h3,.install-step strong{font-size:13px}.install-step p{font-size:11px}.install-context-note{margin:15px 22px 22px;font-size:11px}.connection-status{font-size:9px;line-height:1.6;display:inline-flex;margin-top:7px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:0 16px}.footer-links>button{font-size:10px;min-height:30px;text-align:left}.site-footer{align-items:flex-start}.footer-brand{padding-top:8px}.update-notice{bottom:calc(82px + env(safe-area-inset-bottom));padding:14px 15px;gap:13px;align-items:center}.update-notice strong{font-size:11px}.update-notice span{font-size:10px}.update-notice button{font-size:10px;padding:10px 12px;min-height:38px}}