:root{--bd-canvas:#fff9ef;--bd-surface:#fff;--bd-ink:#22314d;--bd-muted:#52617a;--bd-primary:#ff922e;--bd-primary-pressed:#e77c18;--bd-blue:#5abfff;--bd-purple:#a57cf5;--bd-lime:#c8ef67;--bd-pink:#ff8eb4;--bd-border:#dde3eb;--bd-info-bg:#edf7ff;--bd-warning-bg:#fff2d9;--bd-warning-ink:#785000;--bd-success-bg:#eff9df;--bd-success-ink:#2d5b16;--bd-error-bg:#ffe8ef;--bd-error-ink:#982c48;--bd-focus:#315bae;--bd-radius-card:20px;--bd-radius-input:12px;--bd-radius-button:24px;--bd-shadow:0 6px 18px #22314d08;--bd-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;--bd-page-inset:16px;--bd-tap-min:44px;--bd-safe-bottom:env(safe-area-inset-bottom,0px)}.service-panel,.service-summary,.service-detail{gap:12px;display:grid}.service-test-notice{color:#805021;background:#fff0d8;border-radius:14px;padding:12px;font-size:13px}.service-summary{text-align:center;background:#e8f6ff;border-radius:22px;padding:16px}.service-summary img{object-fit:contain;width:120px;height:120px;margin:auto}.service-product{border:1px solid var(--bd-border);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;display:grid}.service-product small,.service-order-row small{display:block}.service-product button{grid-column:1/-1}.service-actions,.service-list-tools{flex-wrap:wrap;gap:12px;display:flex}.service-actions .primary{flex:1}.service-detail{overflow-wrap:anywhere;background:#f3ecff;border-radius:18px;padding:16px}.service-accept{align-items:center;gap:10px;font-size:14px;display:flex}.service-accept input{flex:0 0 22px;width:22px;height:22px}.service-back{justify-self:start}.service-order-row{text-align:left;border-bottom:1px solid var(--bd-border);justify-content:space-between;gap:12px;padding:14px 0;display:flex}.service-order-row span{min-width:0}.service-order-row span:last-child{text-align:right}.personal-media{gap:16px;display:grid}.personal-media-intro{text-align:center;background:#f3ecff;border-radius:22px;padding:8px 12px 16px}.personal-media-intro img{object-fit:contain;width:152px;height:152px}.personal-media-intro p,.personal-media-note{color:var(--bd-muted);font-size:14px}.personal-media-file,.personal-media-pending,.personal-media-delete{border:1px solid var(--bd-border);border-radius:18px;gap:10px;min-width:0;padding:16px;display:grid}.personal-media-file strong,.personal-media-pending small{overflow-wrap:anywhere}.personal-media-file audio,.personal-media-file video,.personal-media-file img{object-fit:contain;border-radius:12px;width:100%;max-height:260px}.personal-media-pending{background:#fff0d8}.personal-media-actions{flex-wrap:wrap;gap:12px;display:flex}.personal-media-actions .primary{flex:1}.personal-media-delete{background:#fff1ef}*{box-sizing:border-box}body{color:var(--bd-ink);font-family:var(--bd-font);background:#f3f1ec;margin:0;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--bd-focus);outline-offset:3px}button{background:0 0;border:0;min-width:44px;min-height:44px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.3px;font-size:24px;line-height:1.4}h2{font-size:20px}h3{font-size:17px}small{color:var(--bd-muted);font-size:13px}.app{background:var(--bd-canvas);max-width:480px;min-height:100dvh;padding-bottom:calc(92px + var(--bd-safe-bottom));margin:auto;position:relative}.app-head{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:750;display:flex}.brand small{letter-spacing:2px;font-size:11px;font-weight:400;display:block}.icon{object-fit:contain;vertical-align:middle;flex-shrink:0}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover{background:#22314d07}.dev-strip{color:#785000;text-align:center;background:#fff2d9;padding:5px 12px;font-size:11px}main{padding:0 16px 24px}.welcome{padding-top:24px}.eyebrow{color:var(--bd-muted);font-size:13px}.welcome h1{margin-top:4px}.hero{object-fit:contain;width:100%;height:auto;max-height:200px;margin-top:6px;display:block}.check-card{background:#fff;border:1px solid #f0e4d4;border-radius:24px;margin-bottom:18px;padding:20px;box-shadow:0 5px #ecdac03d}.section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-head h3{align-items:center;gap:6px;display:flex}.muted{color:var(--bd-muted);margin:10px 0 16px;font-size:14px}.pill{white-space:nowrap;border-radius:20px;padding:5px 10px;font-size:12px}.success{background:var(--bd-success-bg);color:var(--bd-success-ink)}.warning{background:var(--bd-warning-bg);color:var(--bd-warning-ink)}.lavender{background:#f1e9ff}.sky{background:#e7f5ff}.primary{background:var(--bd-primary);border:1px solid #f38820;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-weight:650;display:inline-flex;box-shadow:0 3px #e77c1840}.primary:active{background:var(--bd-primary-pressed);box-shadow:none;transform:translateY(1px)}.secondary{border:1px solid var(--bd-border);background:#fff;border-radius:24px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px 18px;display:inline-flex}.check-button{width:100%;height:58px;margin:4px 0 12px;font-size:20px}.last-check{text-align:center;color:var(--bd-muted);font-size:12px}.card{background:#fff;border:1px solid #ece5d8;border-radius:20px;margin-bottom:16px;overflow:hidden}.list-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:78px;padding:16px;display:flex}.row-icon{background:#fff3df;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.row-body{flex-direction:column;flex:1;min-width:0;display:flex}.row-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;overflow:hidden}.row-body small{margin-top:2px;font-size:12px}.next-due{color:var(--bd-muted);padding:0 16px 16px;font-size:13px}.next-due small{margin-top:4px;display:block}.quick-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-grid button{text-align:left;background:#e8f5ff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 16px;display:flex}.quick-grid button:nth-child(2){background:#f0ebff}.quick-grid strong{font-size:15px}.quick-grid small{font-size:12px}.gentle-note{text-align:center;color:var(--bd-muted);margin:24px 0 12px;font-size:12px}.footer-art{object-fit:cover;object-position:top;width:100%;height:auto;max-height:90px;display:block}.bottom-nav{width:100%;max-width:480px;padding:10px 12px calc(10px + var(--bd-safe-bottom));z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7f5;border-top:1px solid #eee5d7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{color:var(--bd-muted);border-radius:18px;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:7px 2px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.bottom-nav .active{color:#654215;background:#ffecd0}.page-title{justify-content:space-between;align-items:center;gap:12px;padding:26px 2px 22px;display:flex}.page-title p{color:var(--bd-muted);margin-top:5px;font-size:13px}.compact{min-height:44px;padding:8px 15px;font-size:14px}.chips{scrollbar-width:none;gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow:auto}.chips::-webkit-scrollbar{display:none}.chips button{text-align:center;white-space:nowrap;background:#fff;border:1px solid #e8e1d6;border-radius:20px;flex:none;justify-content:center;align-items:center;min-height:44px;padding:6px 14px;font-size:13px;line-height:20px;display:inline-flex}.chips button.selected{background:#e4f5b4;border-color:#a9ce64}.asset-list{background:#fff;border:1px solid #ece5d8;border-radius:20px;overflow:hidden}.asset-row{align-items:center;gap:4px;height:82px;padding:10px 6px 10px 12px;display:flex}.asset-row+.asset-row{border-top:1px solid #f1eee7}.asset-open{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.asset-open .row-body strong{font-size:14px}.recipient-tag{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;max-width:86px;font-size:12px;display:flex;overflow:hidden}.recipient-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.missing-recipient{color:#785000;background:#fff2d9;border-radius:12px;max-width:100px;padding:4px 7px;font-size:11px}.asset-row .icon-button{width:44px}.empty{text-align:center;padding:20px 14px 26px}.empty>img{object-fit:contain;width:210px;max-width:70%;height:160px;margin:4px auto 12px;display:block}.empty h2{font-size:19px}.empty p{color:var(--bd-muted);max-width:300px;margin:12px auto 20px;font-size:14px}.pager{justify-content:space-between;align-items:center;gap:8px;margin:18px 0;display:flex}.pager span{color:var(--bd-muted);font-size:12px}.pager button{background:#fff;border:1px solid #e5dfd3;border-radius:20px;padding:7px 12px;font-size:13px}.notice.service-manual-history{display:block}.service-manual-history h3{margin:0 0 12px;font-size:16px}.service-manual-history p{margin:0 0 12px;line-height:1.7}.service-manual-history small{line-height:1.6;display:block}.notice{color:#435a72;background:#edf7ff;border-radius:14px;align-items:flex-start;gap:7px;margin:14px 0;padding:13px 14px;font-size:13px;line-height:1.7;display:flex}.notice .icon{margin-top:3px}.quota-card{background:#eaf6ff;border-radius:20px;margin-bottom:12px;padding:20px}.quota-card .section-head span{font-size:12px}.quota-track{background:#d4e8f4;border-radius:10px;height:10px;margin:14px 0}.folder-preview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.folder-preview span{background:#fff;border-radius:16px;align-items:center;gap:8px;padding:18px;font-size:14px;display:flex}.profile-card{background:#eee7ff;border-radius:24px;align-items:center;gap:14px;margin-bottom:22px;padding:20px 16px;display:flex}.profile-card h2{font-size:18px}.profile-card p{color:var(--bd-muted);margin-top:4px;font-size:13px}.profile-card>div{flex:1;min-width:0}.avatar{background:#fff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.account-list{background:#fff;border:1px solid #ece5d8;border-radius:22px;overflow:hidden}.account-list .list-row+.list-row{border-top:1px solid #f2eee7}.account-list .list-row{min-height:76px;padding:12px 16px}.logout{background:#fff;border:1px solid #e5dfd3;border-radius:24px;width:100%;margin-top:22px}.dialog{background:var(--bd-canvas);color:var(--bd-ink);border:0;border-radius:24px;width:calc(100% - 24px);max-width:456px;max-height:calc(100dvh - 40px);padding:0;box-shadow:0 20px 80px #22314d30}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22314d70}.dialog-head{background:var(--bd-canvas);z-index:2;border-bottom:1px solid #ece5d8;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.dialog-head h2{overflow-wrap:anywhere;font-size:18px}.dialog-content{padding:18px 18px 24px}.dialog .empty{padding-left:0;padding-right:0}.field{flex-direction:column;gap:7px;margin-bottom:16px;font-size:14px;display:flex}.field>span{font-weight:600}.field input,.field select,.field textarea,.address input,.address select{background:#fff;border:1px solid #d9dfdf;border-radius:12px;width:100%;min-width:0;min-height:46px;padding:10px 12px;font-size:16px}.field textarea{resize:vertical;min-height:85px}.field input:disabled,.address input:disabled,.address select:disabled{background:#f2f2ed}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.two-fields .field{min-width:0}.region-fields{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.region-fields select{padding:8px 5px;font-size:13px}.address{border:0;margin:0 0 18px;padding:14px 0 0}.address legend{font-size:14px;font-weight:600}.address small{margin-top:6px;display:block}.wide{width:100%}.spaced{margin-top:14px}.form-art{object-fit:contain;width:100%;height:95px;max-height:12svh;margin:0 auto 16px;display:block}.code-input{gap:8px;display:flex}.code-input input{flex:1;width:0;min-width:0}.code-input button{white-space:nowrap;min-width:108px;padding:8px 10px;font-size:12px}.dev-help{color:var(--bd-muted);margin:14px 0;font-size:12px}.dev-help code{overflow-wrap:anywhere;font-size:11px}.steps{color:var(--bd-muted);justify-content:space-between;align-items:center;gap:4px;margin-bottom:20px;font-size:13px;display:flex}.steps .active{color:#36530c;background:#e4f5b4;border-radius:20px;padding:8px 12px;font-weight:700}.secret-section{background:#f8f4ff;border:1px solid #e7def8;border-radius:18px;margin:18px 0;padding:16px}.secret-section .field{margin-bottom:12px}.text-button{color:#425f8b;padding:8px;font-size:13px}.inline-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.checkbox{align-items:center;gap:6px;min-height:44px;font-size:14px;display:flex}.checkbox input{accent-color:#fe922e;width:18px;height:18px}.custom-field{background:#fff;border:1px solid #e6dfd1;border-radius:16px;margin-bottom:14px;padding:14px}.form-actions{gap:12px;margin-top:18px;display:flex}.form-actions button{flex:1}.new-contact{background:#fff;border:1px solid #e6dfd1;border-radius:18px;margin-bottom:16px;padding:16px 12px}.new-contact p{margin-bottom:0}.error{color:#982c48;overflow-wrap:anywhere;background:#ffe8ef;border-radius:12px;margin:12px 0;padding:12px;font-size:13px}.toast{color:#fff;z-index:30;white-space:nowrap;background:#22314d;border-radius:20px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:12px 18px;font-size:13px;display:flex;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #22314d30}.day-input{align-items:center;gap:14px;display:flex}.day-input input{width:95px}.day-input span{font-size:14px}.contact-list{margin:16px 0}.contact-row{border-bottom:1px solid #e6dfd1;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.contact-row small{display:block}.contact-row strong{font-size:16px}.empty-small{text-align:center;color:var(--bd-muted);padding:30px 0;font-size:14px}.danger-link{color:#982c48;margin:12px auto 0;display:block}.detail-list{margin:16px 0}.edit-field{background:#fffcf5;border:1px solid #e6dfd1;border-radius:16px;margin-bottom:12px;padding:12px}.field-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.field-actions label{align-items:center;min-height:44px;display:flex}.field-actions input[type=checkbox]{width:20px;min-height:20px;margin:8px}.detail-list>div{border-bottom:1px solid #ece5d8;grid-template-columns:90px 1fr;gap:10px;padding:12px 0;font-size:14px;display:grid}.detail-list dt{color:var(--bd-muted)}.detail-list dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.loading{text-align:center;color:var(--bd-muted);padding:40px 16px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.folder-card{background:#fff;border:1px solid #e6dfd1;border-radius:20px;min-width:0;overflow:hidden}.folder-open{text-align:left;flex-direction:column;align-items:stretch;width:100%;padding:0 0 8px;display:flex}.folder-open>img{aspect-ratio:1.8;object-fit:cover;background:#f0eaff;width:100%}.folder-open strong{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:58px;padding:10px 12px 4px;font-size:15px;line-height:22px;display:-webkit-box;overflow:hidden}.folder-open span{color:var(--bd-muted);padding:0 12px;font-size:12px;line-height:20px}.folder-card>.missing-recipient,.folder-person{text-overflow:ellipsis;white-space:nowrap;border-radius:0;width:100%;max-width:none;min-height:44px;padding:8px;font-size:12px;overflow:hidden}.dialog .missing-recipient.wide{border-radius:16px;max-width:none;padding:12px;font-size:14px}.folder-person{color:#40562e;background:#edf7db}.quota-card small{margin-top:6px;display:block}.quota-track{overflow:hidden}.quota-track i{background:var(--bd-orange,#ff922e);border-radius:10px;height:100%;display:block}.cover-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cover-choices button{background:#fff;border:2px solid #0000;border-radius:12px;padding:3px;overflow:hidden}.cover-choices button[aria-pressed=true]{border-color:#ff922e}.cover-choices img{border-radius:8px;width:100%;display:block}.folder-summary{color:var(--bd-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.file-picker{display:none}.drive-files{margin:16px 0}.drive-file{border-bottom:1px solid #e6dfd1;align-items:center;gap:10px;min-height:72px;padding:12px 0;display:flex}.drive-file>div{flex:1;min-width:0}.drive-file strong{overflow-wrap:anywhere;font-size:14px;display:block}.drive-file small{color:var(--bd-muted);margin-top:4px;font-size:12px;display:block}.drive-file button{flex-shrink:0}.upload-progress{overflow-wrap:anywhere;background:#e4f5b4;border-radius:12px;margin:12px 0;padding:12px;font-size:13px}.drive-image,.drive-video{object-fit:contain;background:#fff;border-radius:16px;width:100%;max-height:55dvh;margin-bottom:16px;display:block}.download-link{justify-content:center;align-items:center;gap:8px;min-height:48px;text-decoration:none;display:flex}@media (width<=350px){.app-head,.check-card{padding:16px}.section-head{gap:5px}.section-head h2{font-size:18px}.pill{padding:4px 7px;font-size:10px}.asset-row{gap:2px;padding-left:8px}.asset-row .row-icon{width:34px;height:38px}.asset-open{gap:7px}.recipient-tag{max-width:62px;font-size:11px}.dialog-content{padding:16px 12px}.steps{font-size:12px}.steps .active{padding:8px}.profile-card{gap:10px}.profile-card h2{font-size:16px}.avatar{width:50px;height:50px}.profile-card .compact{padding:8px 10px}}.receive-list{margin:16px 0}.receive-consent{align-items:flex-start;gap:10px;margin:16px 0;display:flex}.receive-consent input{width:auto;margin-top:4px}.receive-copy{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff5cc;border-radius:16px;padding:16px;font-size:12px}.receive-preview{max-width:100%;max-height:320px;margin:16px auto;display:block}.receive-download{color:#263959;margin:12px 8px 12px 0;font-weight:700;text-decoration:none;display:inline-flex}.receive-copy+.success,.receive-consent~.success{border-radius:12px;padding:10px}.refund-history details{border-bottom:1px solid var(--line,#e3dfd8);overflow-wrap:anywhere;padding:12px 0}.refund-history summary{cursor:pointer}.refund-history small{display:block}.refund-form{gap:12px;margin:16px 0;display:grid}.refund-form label{gap:8px;display:grid}.refund-form .service-accept{display:flex}.quota-warning{background:#fff0d5;border-radius:12px;padding:12px;font-size:13px}.privacy-panel .privacy-menu{gap:8px;margin:18px 0 24px;display:grid}.privacy-panel details{border-bottom:1px solid #e8ddcf;padding:12px 0}.privacy-panel summary{cursor:pointer;line-height:1.5}.privacy-panel fieldset{border:1px solid #e8ddcf;border-radius:16px;margin:18px 0;padding:14px}.privacy-panel .privacy-check{align-items:flex-start;gap:10px;margin:12px 0;line-height:1.5;display:flex}.privacy-panel .privacy-check input{flex:0 0 20px;width:20px;height:20px;margin-top:2px}.privacy-panel textarea{width:100%;min-height:104px;margin:8px 0 14px}.privacy-panel .privacy-filters{align-items:end;gap:12px;margin:16px 0;display:flex}.privacy-panel .privacy-filters label{flex:1}.privacy-panel .privacy-id{overflow-wrap:anywhere;display:block}.privacy-panel .privacy-response{background:#eee5ff;border-radius:16px;margin:16px 0;padding:14px}.privacy-panel .privacy-response p{white-space:pre-wrap;overflow-wrap:anywhere}.privacy-panel .list-row small{margin-top:6px;font-size:12px;display:block}.privacy-panel .pagination{justify-content:space-between;align-items:center;gap:8px;display:flex}
