:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f7f7fb;color:#1c1c1e;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%;margin:0;scrollbar-gutter:stable}body{background:#f7f7fb}body,p,h1,h2,span,em,div,button{overflow-wrap:anywhere;word-break:break-word}button,input,textarea{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:disabled{opacity:.45;cursor:not-allowed}input,textarea{width:100%;min-height:56px;border:1px solid #d1d1d6;border-radius:12px;padding:14px 16px;background:#fff;color:#1c1c1e;outline:none;-webkit-appearance:none}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus{border-color:#007aff;box-shadow:none}.app-shell,.main-screen{min-height:100dvh}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 32px calc(96px + env(safe-area-inset-bottom));position:relative;background:#f7f7fb}.liquid-card,.liquid-modal{background:#fff;border:.5px solid #e5e5ea;box-shadow:0 2px 8px #0000000f}.liquid-bar{background:#f7f7fbdb;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:.5px solid #e5e5ea}.login-card{width:min(100%,420px);box-shadow:none;border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:24px;align-items:stretch}.login-card h1{margin:-2px 0 -16px;text-align:center;font-size:26px;line-height:1.25;font-weight:800}.login-card p{margin:0;text-align:center;color:#6e6e73;font-size:17px}.icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lock-icon,.empty-icon{align-self:center;width:80px;height:80px;display:grid;place-items:center;color:#007aff;background:transparent;position:relative}.lock-icon .icon,.empty-icon .icon{width:72px;height:72px;flex-basis:72px;stroke-width:1.8}.empty-icon{color:#8e8e93;opacity:.35}.copyright{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;color:#3c3c438c;font-size:11px;line-height:16px}.field{position:relative;display:grid;gap:0;padding-top:8px;color:#8e8e93;font-size:14px}.field>span{position:absolute;top:0;left:12px;z-index:2;display:block;max-width:calc(100% - 24px);padding:0 5px;line-height:16px;background:#fff;color:#8e8e93;font-size:12px;font-weight:500;pointer-events:none}.field:focus-within>span{color:#007aff}.login-card .field>span{background:#f7f7fb}.modal .field>span,.alert-card .field>span{background:#fff}.password-field{display:flex;gap:8px;align-items:center;min-height:56px;border:1px solid #d1d1d6;border-radius:12px;background:#fff;overflow:hidden}.password-field:focus-within{border-color:#007aff}.password-field input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;box-shadow:none}.password-field input:focus{border:0;box-shadow:none}.password-field .icon-square{margin-right:4px}.error-text{color:#ff3b30!important;text-align:left!important;font-size:13px!important}.primary-button,.secondary-button,.icon-button,.delete-button,.link-button,.clear-button,.square-add{min-height:44px;border-radius:12px;transition:transform .14s ease,opacity .14s ease,background .14s ease}.chip,.manage-chip{min-height:44px;border-radius:12px}.primary-button:active,.secondary-button:active,.icon-button:active,.delete-button:active,.link-button:active,.fab:active{transform:scale(.965)}.chip:active,.manage-chip:active{transform:none}.primary-button{background:#007aff;color:#fff;padding:0 18px;font-weight:700}.secondary-button{background:#f2f2f7;color:#007aff;padding:0 16px;border:1px solid #d1d1d6}.icon-button{background:transparent;color:#3c3c43;padding:0 10px;border-radius:999px}.icon-square{width:44px;min-width:44px;padding:0;display:inline-grid;place-items:center;flex:0 0 44px}.icon-square .icon{width:22px;height:22px;flex-basis:22px}.with-icon,.clear-button,.chip-add,.link-button,.delete-button,.date-line,.remaining,.square-add,.fab{display:inline-flex;align-items:center;justify-content:center;gap:6px}.with-icon span,.clear-button span,.icon-only-label span{min-width:0}.danger-text{color:#ff3b30}.danger-bg{background:#ff3b30;color:#fff}.main-screen{padding-bottom:calc(88px + env(safe-area-inset-bottom));background:#f7f7fb}.top-bar{position:sticky;top:0;z-index:10;min-height:calc(56px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-bar h1{margin:0;font-size:20px;font-weight:800;color:#1c1c1e;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:2px}.top-actions .icon-button{color:#007aff;min-width:44px;font-size:14px;flex:0 0 44px}.center-state{min-height:62dvh;display:grid;place-items:center;align-content:center;gap:16px;color:#6e6e73}.spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(0,122,255,.16);border-top-color:#007aff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{margin:8px 16px;padding:12px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:10px}.banner.warning{color:#684100;background:#fff3d6}.banner.danger{color:#ff3b30;background:#ffe5e5;font-weight:700}.search-wrap{margin:8px 16px;display:flex;align-items:center;gap:10px;position:relative;padding:0 14px;min-height:56px;border:1px solid #d1d1d6;border-radius:16px;background:#fff;color:#8e8e93}.search-wrap>span{position:absolute;opacity:0;pointer-events:none}.search-input{flex:1;min-width:0;min-height:54px;border-radius:0;background:transparent;border:0;padding:0}.search-wrap:focus-within{border-color:#007aff;box-shadow:none}.search-input:focus{box-shadow:none;border:0}.clear-button{background:transparent;color:#8e8e93;padding:0 8px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:8px 16px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip,.manage-chip{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;padding:0 14px;min-height:36px;background:#f2f2f7e6;color:#3c3c43;border:1px solid rgba(209,209,214,.55);border-radius:20px;flex:0 0 auto;font-weight:500;transition:none;transform:translateZ(0)}.chip .icon,.manage-chip .icon{width:16px;height:16px;flex-basis:16px}.chip.active{color:#007aff;background:#007aff1f;border-color:#007aff1f;font-weight:500}.manage-chip{width:36px;padding:0;border-radius:999px;display:inline-grid;place-items:center}.customer-list{padding:12px 16px;display:grid;gap:12px;max-width:1120px;margin:0 auto}.customer-list.empty{min-height:calc(100dvh - 210px - env(safe-area-inset-top));display:flex;align-items:center;justify-content:center}.customer-card{border-radius:16px;padding:16px;display:grid;gap:10px;background:#fff}.card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}.card-head h2{margin:0;font-size:16px;line-height:1.35;font-weight:650;min-width:0;color:#1c1c1e;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.category-pill{flex:none;display:inline-block;max-width:min(180px,38vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;border-radius:12px;padding:4px 10px;background:#007aff1a;color:#007aff;font-size:12px;font-weight:600}.category-pill.fit{max-width:100%;width:fit-content}.description{margin:0;color:#3c3c43cc;line-height:20px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.date-line{margin:0;color:#8e8e93;font-size:12px;justify-content:flex-start}.date-line .icon{width:14px;height:14px;flex-basis:14px}.remaining{flex-wrap:wrap;justify-content:flex-start;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;min-width:0;white-space:normal}.remaining .icon{width:15px;height:15px;flex-basis:15px}.remaining em{font-style:normal;color:#8e8e93;font-weight:500}.remaining.danger{background:#ff3b3014;color:#ff3b30}.remaining.warning{background:#ff95001a;color:#c46a00}.remaining.success{background:#34c7591a;color:#248a3d}.remaining.muted{background:#8e8e931a;color:#8e8e93}.card-actions{border-top:.5px solid #e5e5ea;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}.link-button{background:transparent;color:#007aff;padding:0;min-height:32px;font-size:12px;justify-content:flex-start;min-width:0}.link-button:before{content:none}.link-button .icon{width:16px;height:16px;flex-basis:16px}.delete-button{min-height:32px;background:#ff3b3014;color:#ff3b30;padding:0 10px;border-radius:10px}.delete-button .icon{width:17px;height:17px;flex-basis:17px}.empty-state{width:min(100%,360px);margin:0 auto;display:grid;justify-items:center;align-content:center;gap:14px;color:#8e8e93;text-align:center;transform:translateY(-22px)}.empty-state p{margin:0;font-size:16px;color:#6e6e73}.empty-state span{font-size:13px;color:#3c3c438c}.fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:12;width:56px;height:56px;border-radius:18px;background:#007aff;color:#fff;box-shadow:0 8px 18px #007aff42}.fab .icon{width:28px;height:28px;flex-basis:28px}.snackbar{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:12px;background:#1c1c1eeb;color:#fff;box-shadow:0 8px 24px #0000002e}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:#00000038;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .18s ease}.modal,.alert-card{width:min(100%,560px);max-height:min(88dvh,760px);overflow:auto;border-radius:16px;padding:20px;display:grid;gap:16px;animation:popIn .22s cubic-bezier(.2,.9,.25,1.1);background:#fff;box-shadow:0 20px 50px #0000002e}.alert-card{width:min(100%,420px)}.modal h2,.alert-card h2{margin:0;font-size:22px;color:#1c1c1e}.modal-title-row,.manage-row,.word-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.modal-title-row h2{min-width:0;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-label,.detail-label{margin:0;color:#8e8e93;font-size:14px;font-weight:600}.textarea-with-action{position:relative;display:block}.textarea-with-action textarea{padding-right:58px}.field-action{position:absolute;top:8px;right:8px;color:#007aff;background:#f2f2f7eb}.field-action .icon{width:21px;height:21px;flex-basis:21px}.detail-text{margin:-8px 0 0;line-height:1.55;color:#1c1c1e;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.selectable{-webkit-user-select:text;user-select:text}.in-modal{padding:0}.words-modal{max-height:min(82dvh,620px)}.inline-add{display:flex;align-items:center;gap:8px}.square-add{width:56px;height:56px;background:#f2f2f7;color:#007aff;flex:0 0 56px}.square-add .icon{width:24px;height:24px;flex-basis:24px}.word-list{display:grid;gap:8px;overflow:auto}.word-item,.manage-row{min-height:54px;padding:12px;border-radius:12px;background:#fff;border:.5px solid #e5e5ea;box-shadow:0 2px 6px #0000000a}.word-item>span,.manage-row>span{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.empty-words,.muted-text{color:#8e8e93;text-align:center;padding:28px 8px}.danger-border{color:#ff3b30;border-color:#ff3b304d}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}}@media (min-width: 900px){.top-bar{padding-left:max(24px,calc((100vw - 900px)/2));padding-right:max(24px,calc((100vw - 900px)/2))}.customer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-list.empty{display:flex}.customer-list,.search-wrap,.chip-row,.banner{max-width:1120px;margin-left:auto;margin-right:auto}.fab{right:max(32px,calc((100vw - 900px)/2))}}@media (min-width: 1280px){.customer-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 520px){.top-bar h1{font-size:18px}.top-actions{gap:0}.top-actions .icon-button{padding:0 8px;font-size:13px}.clear-button span,.icon-only-label span{display:none}.card-head{grid-template-columns:1fr}.category-pill{max-width:100%;width:fit-content}.word-item,.manage-row{align-items:stretch;flex-direction:column}.row-actions{justify-content:flex-end}.button-row{grid-template-columns:1fr}.modal-backdrop{align-items:center;padding:16px}.modal,.alert-card{width:100%;max-height:88dvh;border-radius:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}