*{box-sizing:border-box}:root{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#25332e;background:#edf0ee;font-size:15px;line-height:1.65;letter-spacing:0;--accent: #246a53;--line: #dce4df;--muted: #6a7770;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}body{margin:0}body:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--safe-top);background:#fff;z-index:6;pointer-events:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;border-radius:6px;padding:10px 15px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{filter:brightness(.97)}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dcaa49;outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.4}h2{font-size:20px;line-height:1.5}h3{font-size:17px}p+p{margin-top:14px}small,.muted{color:var(--muted)}small{font-size:12px}svg{flex-shrink:0}button,input,select{max-width:100%}p,h1,h2,h3,button,small{overflow-wrap:anywhere}.shell{max-width:680px;margin:auto;background:#fff;min-height:100dvh;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#f4f6f5}.simulation{display:block;color:#65726c;font-size:11px;padding:8px 0}.icon{border:0;background:transparent;padding:9px;width:44px;flex-shrink:0}.sticky-header{position:sticky;top:var(--safe-top);z-index:5;background:#fff}.status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 24px 10px;border-bottom:1px solid var(--line);gap:4px}.headword{padding:0;border:0;border-radius:0;min-height:32px;font-size:16px;font-weight:600;max-width:70%;justify-content:flex-start;text-align:left}.sense-count{font-size:12px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.sense-count b{color:var(--accent)}.sense-summary{flex-basis:100%;padding:5px 0 4px;border:0;border-radius:0;text-align:left;justify-content:flex-start;font-size:15px;line-height:1.55;color:#374b40;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.summary-en{font-size:15px;font-weight:500;color:#25332e}.summary-zh{font-size:13px;font-weight:400;color:#66736b}.session{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;padding:0 24px;font-size:11px;color:var(--muted)}.session-stats{display:flex;gap:12px;padding:11px 0}.gesture-guide-link{margin-left:auto;padding:0;min-height:44px;border:0;background:transparent;font-size:12px;gap:5px;white-space:nowrap}.gesture-guide{padding:0 22px 8px}.gesture-guide ul{list-style:none;padding:0;margin:0}.gesture-guide li{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.gesture-guide li>svg{flex-shrink:0;margin-top:3px;color:var(--accent)}.gesture-guide h3{font-size:15px;margin:0 0 6px}.gesture-guide p{font-size:13px;line-height:1.7;margin:0}.gesture-guide .gesture-detail{color:var(--muted);font-size:12px;margin-top:5px}.gesture-guide .gesture-footer{color:var(--muted);font-size:12px;padding-top:16px}.session b{color:#37463e;font-weight:500}.material-access-settings{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.material-access-host{padding:0 24px 100px}.material-access-settings h2{font-size:17px;margin:0 0 18px}.material-token-row{display:flex;align-items:flex-end;gap:4px}.material-token-row label{flex:1;min-width:0}.material-token-row input{width:100%}.material-access-actions,.template-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.template-downloads{font-size:13px}.queue-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 24px;color:var(--muted);font-size:12px}.queue-bar select{width:auto;max-width:48%;font-size:12px;min-height:36px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:5px}main{padding-bottom:125px;touch-action:manipulation}.use{border-top:1px solid var(--line);padding:25px 24px}.use-heading{padding-inline:21px;margin-bottom:19px}.use-titles{min-width:0;flex:1}.use-titles h2{font-size:17px;font-weight:600;line-height:1.55}.use-subtitle{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;margin-top:4px;color:#66736b;font-size:14px;line-height:1.6}.use-subtitle small{font-size:11px;white-space:nowrap}.card{border:1px solid var(--line);border-radius:7px;margin-top:14px;background:#fff;overflow:hidden}.card-body{padding:20px;display:flow-root}.card-body:before{content:"";float:right;width:132px;height:32px;margin-left:8px}.card-surface:has(.card-state) .card-body:before{width:32px}.context{font-size:13px;color:var(--muted);margin-bottom:16px}.front{font-size:18px;line-height:1.8}.answer{margin-top:19px;border-top:1px solid var(--line);padding-top:13px}summary{cursor:pointer;min-height:30px;color:var(--accent);font-size:12px}.back{font-family:Georgia,serif;font-size:20px;line-height:1.65;margin-top:0}.note{font-size:12px;margin-top:12px;color:var(--muted)}.note strong{font-weight:500;color:#3b4c42}.swipe-card{position:relative;touch-action:pan-y pinch-zoom}.card-surface{position:relative;background:#fff;transition:transform .16s ease-out}.swipe-card[data-added=true]{border-color:#a5c9b6}.swipe-card[data-added=true] .card-surface{box-shadow:inset 4px 0 #246a53}.swipe-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:12px;background:#edf5f0;color:#246a53;font-size:12px}.swipe-card[data-ready=true] .swipe-hint{background:#246a53;color:#fff}.card-control{position:absolute;right:12px;top:8px}@media(prefers-reduced-motion:reduce){.card-surface{transition:none}}.add{font-size:13px;padding:7px 10px;color:var(--accent);min-width:130px;flex-shrink:0}.add[data-added=true]{background:#edf5f0;border-color:#b5d4c3}.card-state{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;width:44px;color:var(--accent);background:transparent;border:0;border-radius:6px;cursor:default}.card-state-error{color:#a02c2c;cursor:pointer}.status-spinner{animation:status-spin 1s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.status-spinner{animation:none}}.actions{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(680px,100%);z-index:10;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:13px max(20px,var(--safe-right)) max(13px,var(--safe-bottom)) max(20px,var(--safe-left));background:#fffffffa;border-top:1px solid var(--line)}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.wide{width:100%;margin-top:20px}.text-button{border:0;background:transparent;color:var(--accent)}.error,.card-error{color:#a02c2c;background:#fff3f1;padding:12px 20px;font-size:13px}.notice{background:#fff8e8;padding:9px 20px;display:flex;flex-wrap:wrap;gap:8px}.notice button{font-size:12px;min-height:36px}.state-label{font-size:12px;padding:9px 24px;color:var(--accent)}.empty{padding:60px 24px;text-align:center}.empty>svg{color:var(--accent)}.empty h2{margin:15px 0 10px}.empty p{font-size:14px;color:var(--muted);margin-bottom:20px}.empty button{margin:auto}dialog{color:inherit;border:1px solid var(--line);border-radius:8px;padding:0;background:#fff;box-shadow:0 12px 55px #102b2433}dialog::backdrop{background:#14201b61}dialog.focus-container:focus{outline:none}.reader{position:fixed;top:0;right:0;bottom:0;left:0;top:max(16px,var(--safe-top));bottom:auto;margin:0 auto;width:min(620px,calc(100% - max(16px,var(--safe-left)) - max(16px,var(--safe-right))));height:75dvh;max-height:75dvh;overflow:hidden}.reader[open]{display:flex;flex-direction:column}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid var(--line);background:#f7faf8;flex:none}.dialog-head strong{font-size:14px}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:8px;flex:none;flex-wrap:wrap}.segments{display:flex;gap:2px;background:#f0f3f1;border-radius:5px;padding:3px}.segments button{border:0;background:transparent;font-size:12px;min-height:34px;padding:4px 10px}.segments button[aria-pressed=true]{background:#dcebe1;color:#20593e}.reader-body{overflow:auto;overscroll-behavior:contain;min-height:0;padding:10px 20px 28px;line-height:1.95;font-size:15px}.reader-body h2{font-size:23px;margin-bottom:10px}.reader-summary{margin-bottom:25px;font-size:14px}.reader-summary p+p{margin-top:2px}.english{color:#66736b}.reader-paragraph{margin-top:23px!important}.reader-paragraph p+p{margin-top:13px}.mixed{white-space:pre-line}.deck{border-top:1px solid var(--line);padding-top:16px;margin-top:25px!important;font-size:12px;color:var(--muted)}.source{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-family:inherit}.sheet{width:min(680px,100%);max-height:85dvh;overflow:auto;margin:auto auto 0;border-radius:8px 8px 0 0;padding-bottom:max(20px,var(--safe-bottom));padding-left:var(--safe-left);padding-right:var(--safe-right)}.sheet-body{padding:20px}.category-options{display:grid;gap:8px;margin:18px 0}.category-options label{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:13px;border-radius:6px}.category-options input{width:auto;accent-color:var(--accent)}.input-row{display:flex;gap:8px;margin-top:12px}.input-row input{flex:1;min-width:0}.input-row button{flex-shrink:0}input{border:1px solid var(--line);border-radius:5px;padding:10px;width:100%;font-size:16px}.menu{display:grid;padding:12px 20px;gap:7px}.menu button{justify-content:flex-start}.toast{position:fixed;bottom:95px;left:50%;transform:translate(-50%);z-index:30;background:#253c32;color:#fff;border-radius:6px;padding:11px 17px;max-width:90%;width:max-content;pointer-events:none;font-size:13px}.auth{max-width:420px;margin:auto;padding:50px 24px}.auth h1{margin:12px 0 24px}.auth label{display:block;margin-top:18px;font-size:13px}.auth input{margin-top:6px}.eyebrow{font-size:11px;color:var(--muted)}.loading{padding:60px 24px}.management{padding:28px 24px 100px}.management.connection-management{padding-bottom:0}.management h1{margin-bottom:24px}.management h2{margin-bottom:16px}.management>button{margin-top:22px}.category-row{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.category-open{flex:1;min-width:0;display:block;text-align:left;border:0;padding:8px 0}.category-open small{display:block}.issue{display:block;width:100%;text-align:left;margin-top:12px}.issue small{display:block}@media(min-width:760px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:370px){.use,.status{padding-left:18px;padding-right:18px}.card-body{padding:16px}.card-body:before{height:36px}.use-heading{padding-inline:17px}.session{padding-left:18px;padding-right:18px;gap:15px}.reader-toolbar{padding:6px}.segments button{padding:4px 8px}}.connection-settings form{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px}.connection-settings label{display:grid;gap:8px;width:100%;min-width:0}.connection-settings input,.connection-settings select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:inherit;font-size:16px}.connection-settings small{display:block}.notetype-creation{margin-top:28px;border-top:1px solid var(--border, #d9e2e2);padding-top:20px}.notetype-creation h2{font-size:18px}.notetype-creation form{display:grid;gap:12px}.notetype-result{border-top:1px solid var(--border, #d9e2e2);margin-top:20px;padding-top:16px;overflow-wrap:anywhere}.notetype-result h3{font-size:16px;margin:0}.notetype-result p,.notetype-result dl,.notetype-result li{font-size:14px;line-height:1.6}.notetype-result dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:6px 12px}.notetype-result dd{margin:0}.notetype-actions{display:flex;flex-wrap:wrap;gap:8px}.notetype-adjustment{min-width:0}.notetype-adjustment summary{cursor:pointer;overflow-wrap:anywhere}.notetype-adjustment h5{font-size:13px;margin:12px 0 4px}.notetype-adjustment pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font-size:12px}.notetype-adjustments{list-style:none;padding-left:0}.notetype-selection{border-top:1px solid #d9e2e2;margin-top:28px;padding-top:20px}.notetype-selection h2{font-size:18px;margin:0 0 12px}.notetype-current,.notetype-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.notetype-current>div{min-width:0}.notetype-current strong{display:block;overflow-wrap:anywhere;font-size:16px}.notetype-current small{display:block;color:#647777;margin-top:4px}.notetype-current button{flex-shrink:0}.notetype-selection form{margin-top:16px}.notetype-form-heading h2{margin:0}.notetype-form-heading{margin-bottom:12px}.notetype-result:first-child{border-top:0;padding-top:0;margin-top:0}