:root{--bg:#faf7f2;--surface:#fff;--text-primary:#2c1f14;--text-secondary:#7a6552;--text-muted:#b09880;--border:#e8ddd0;--tag-bg:#f0e8dc;--accent:#7b5041;--highlight:#f5ede3;--input-bg:#fffcf8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif;font-size:15px;line-height:1.6}button,input,textarea{font-family:inherit}button{touch-action:manipulation}#lock-screen{background:var(--bg);z-index:200;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.lock-emoji{margin-bottom:16px;font-size:40px}#lock-screen h1{margin-bottom:6px;font-size:26px;font-weight:700}#lock-screen p{color:var(--text-muted);margin-bottom:32px;font-size:14px}#pw-btn{background:var(--text-primary);width:100%;max-width:300px;color:var(--bg);cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600}#pw-btn:active{opacity:.75}#pw-btn:disabled{opacity:.5}#pw-error{color:#c0392b;height:18px;margin-top:12px;font-size:13px}#app{flex-direction:column;height:100dvh;display:flex}#header{background:var(--bg);padding:calc(env(safe-area-inset-top,12px) + 10px) 20px 12px;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}#header-title{letter-spacing:.04em;font-size:17px;font-weight:700}.sync-hint{color:var(--text-muted);font-size:12px}.add-bar{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:stretch;gap:8px;padding:12px 20px;display:flex}.add-input{border:1px solid var(--border);background:var(--surface);height:38px;color:var(--text-primary);resize:none;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:14px;line-height:20px;overflow-y:auto}.add-input:focus{border-color:var(--text-muted)}.add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;height:38px;padding:0 18px;font-size:14px;font-weight:600}.add-btn:active{opacity:.8}.add-btn:disabled{background:var(--border);color:var(--text-muted)}.add-msg{color:var(--text-secondary);background:var(--bg);flex-shrink:0;padding:8px 20px;font-size:13px}.filters{background:var(--bg);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;flex-shrink:0;max-height:42vh;padding:12px 20px 12px 16px;overflow-y:auto}.filters-top{justify-content:flex-end;margin-bottom:8px;display:flex}.reset-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:3px 10px;font-size:11px}.reset-btn:active{border-color:var(--text-muted);color:var(--text-primary)}.filter-row{align-items:flex-start;gap:8px;display:flex}.filter-row+.filter-row{margin-top:10px}.filter-label{text-align:right;min-width:3em;color:var(--text-muted);flex-shrink:0;font-size:13px;line-height:26px}.tag-row{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.tag-btn{background:var(--tag-bg);color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;line-height:18px;transition:background .12s,color .12s;display:inline-flex}.tag-btn.active{background:var(--accent);color:#fff}.tag-count-badge{color:var(--text-muted);opacity:.85;font-size:11px}.tag-btn.active .tag-count-badge{color:#fff9}#content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.list-count{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;padding:14px 20px 0;font-size:10px;font-weight:700}.empty{text-align:center;color:var(--text-muted);white-space:pre-line;padding:60px 40px;font-size:14px}.grid{padding:10px 20px calc(24px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-link{text-decoration:none;display:block}.cover{aspect-ratio:3/4;background:var(--highlight);width:100%}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-ph{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.card-body{flex:1;padding:8px 10px 10px}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.card-memo{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.card-tag{color:var(--text-secondary);background:var(--tag-bg);border-radius:10px;padding:1px 7px;font-size:11px}.card-edit{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:5px;right:5px}.card-edit:active{background:var(--tag-bg)}.sheet-mask{z-index:100;background:#2c1f1452;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-height:86vh;animation:.24s cubic-bezier(.25,.46,.45,.94) sheetUp;display:flex}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sheet-title{font-size:15px;font-weight:600}.sheet-cancel,.sheet-done{cursor:pointer;background:0 0;border:none;padding:4px;font-size:15px}.sheet-cancel{color:var(--text-muted)}.sheet-done{color:var(--accent);font-weight:600}.sheet-cancel:disabled,.sheet-done:disabled{opacity:.5}.sheet-body{-webkit-overflow-scrolling:touch;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto}.field-label{color:var(--text-muted);margin:14px 0 6px;font-size:12px;display:block}.sheet-body .field-label:first-child{margin-top:0}.field-input{border:1.5px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.field-input:focus{border-color:var(--accent)}.field-textarea{resize:none;line-height:1.6}.tag-options{flex-wrap:wrap;gap:8px;display:flex}.empty-hint{color:var(--text-muted);font-size:13px}.new-tag-row{gap:8px;margin-top:10px;display:flex}.mini-btn{border:1.5px solid var(--border);background:var(--surface);width:42px;color:var(--accent);cursor:pointer;border-radius:10px;flex-shrink:0;font-size:18px}.mini-btn:active{background:var(--tag-bg)}.origin-link{color:var(--text-primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);margin-top:20px;font-size:14px;display:block}.danger-btn{border:1.5px solid var(--border);background:var(--surface);color:#c0392b;cursor:pointer;border-radius:12px;width:100%;margin-top:24px;padding:12px;font-size:15px}.danger-btn:active{background:var(--highlight)}.danger-btn:disabled{opacity:.5}.header-right{align-items:center;gap:8px;display:flex}.header-btn{background:var(--tag-bg);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.header-btn:active{color:var(--text-primary)}.tag-select-btn{border:1.5px solid var(--border);background:var(--input-bg);cursor:pointer;text-align:left;border-radius:10px;align-items:center;width:100%;min-height:44px;padding:8px 12px;display:flex}.tag-select-btn:active{border-color:var(--accent)}.tag-select-chips{flex-wrap:wrap;gap:6px;display:flex}.tag-select-ph{color:var(--text-muted);font-size:14px}#tag-picker{z-index:110;display:none;position:fixed;inset:0}#tag-picker.open{flex-direction:column;justify-content:flex-end;display:flex}.picker-overlay{background:#2c1f1452;position:absolute;inset:0}.picker-sheet{background:var(--surface);padding:0 0 env(safe-area-inset-bottom,34px);border-radius:20px 20px 0 0;flex-direction:column;max-height:70vh;display:flex;position:relative}.picker-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:12px auto 0}.picker-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px 10px;font-size:15px;font-weight:600;display:flex}.picker-done-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:5px 14px;font-size:14px;font-weight:600}.picker-search{border-bottom:1px solid var(--border);padding:10px 20px}#picker-input{border:1.5px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:9px 12px;font-size:16px}#picker-input:focus{border-color:var(--accent)}.picker-tags{-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:10px;padding:14px 20px 24px;display:flex;overflow-y:auto}.picker-tag-btn{background:var(--tag-bg);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:20px;padding:7px 14px;font-size:14px}.picker-tag-btn:active{border-color:var(--accent);color:var(--accent)}.picker-tag-btn.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.picker-group-label{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;flex-basis:100%;margin-top:8px;font-size:11px;font-weight:700}.picker-group-label:first-child{margin-top:0}.picker-add-tag-btn{border:1.5px dashed var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.picker-empty{color:var(--text-muted);padding:12px 0;font-size:14px}#manage-tags-sheet{z-index:100;display:none;position:fixed;inset:0}#manage-tags-sheet.open{flex-direction:column;justify-content:flex-end;display:flex}.manage-tags-body{background:var(--surface);padding:0 0 calc(16px + env(safe-area-inset-bottom));z-index:1;border-radius:16px 16px 0 0;flex-direction:column;max-height:80vh;display:flex;position:relative}.manage-tags-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex}.manage-tags-header-left{flex-direction:column;gap:3px;display:flex}.manage-tags-header-title{color:var(--text-primary);font-size:15px;font-weight:600}.manage-tags-header-sub{color:var(--text-muted);font-size:12px}.manage-tags-list{-webkit-overflow-scrolling:touch;padding:16px 20px 4px;overflow-y:auto}.manage-tag-group{border-radius:10px;margin-bottom:18px;transition:background .15s}.manage-tag-group.drop-target .manage-tag-group-label{color:var(--accent);font-weight:700}.manage-tag-group-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.manage-tag-group-label{color:var(--text-muted);letter-spacing:.3px;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;display:block}.manage-tag-group-del{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 4px;font-size:17px;line-height:1}.manage-tag-pills{flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;display:flex}.manage-tag-empty{color:var(--text-muted);font-size:12px}.manage-tag-pill{background:var(--tag-bg);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:none;border-radius:20px;padding:6px 14px;font-size:14px;transition:transform .12s,box-shadow .12s}.manage-tag-pill.dragging{background:var(--accent);color:#fff;z-index:10;transition:none;position:relative;box-shadow:0 8px 20px #2c1f144d}.manage-tag-add-group-btn{border:1.5px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border-radius:12px;margin-top:4px;margin-bottom:8px;padding:12px;font-size:14px;display:block}#rename-tag-sheet{z-index:120;display:none;position:fixed;inset:0}#rename-tag-sheet.open{flex-direction:column;justify-content:flex-end;display:flex}.exercise-sheet-body{background:var(--surface);padding:20px 20px calc(20px + env(safe-area-inset-bottom));z-index:1;border-radius:16px 16px 0 0;position:relative}.exercise-sheet-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.exercise-sheet-header span{color:var(--text-primary);font-size:15px;font-weight:600}.exercise-sheet-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:22px}.exercise-sheet-input{border:1.5px solid var(--border);width:100%;color:var(--text-primary);background:var(--bg);border-radius:10px;outline:none;margin-bottom:14px;padding:12px 14px;font-size:16px}.exercise-sheet-input:focus{border-color:var(--accent)}.exercise-sheet-actions{gap:10px;display:flex}.exercise-sheet-clear{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:12px;font-size:15px}.exercise-sheet-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:12px;font-size:15px;font-weight:600}.header-btn.on{background:var(--accent);color:#fff}.tab-bar{background:var(--bg);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;gap:20px;padding:0 20px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:10px 0 9px;font-size:14px}.tab-item.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.picker-body{-webkit-overflow-scrolling:touch;padding:4px 20px 24px;overflow-y:auto}.picker-tab{margin-top:14px}.picker-tab:first-child{margin-top:6px}.picker-tab-label{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:6px;font-size:13px;font-weight:700}.picker-tab.locked{opacity:.4}.picker-group{margin-bottom:10px}.picker-group .picker-group-label{flex-basis:auto;margin:0 0 5px}.picker-tags{flex-wrap:wrap;gap:8px;padding:0;display:flex}.picker-tag-btn.locked{cursor:default}.picker-lock-hint{color:var(--text-secondary);background:var(--highlight);border-bottom:1px solid var(--border);padding:8px 20px;font-size:12px}.field-tab-hint{color:var(--accent);margin-left:8px}.manage-tab{margin-bottom:22px}.manage-tab-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;display:flex}.manage-tab-name{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:0;font-size:15px;font-weight:700}.manage-tab-btns{gap:6px;display:flex}.manage-mini{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:3px 10px;font-size:11px}.manage-mini.danger{color:#c0392b}.manage-mini:active{background:var(--highlight)}.manage-tag-group-label{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.manage-tag-group.dragging-group{opacity:.45}.manage-loose{border-top:1px dashed var(--border);margin-top:18px;padding-top:14px}.manage-tab.drop-target>.manage-tag-group,.manage-tab.drop-target>.manage-tab-head{border-color:var(--accent)}.manage-tab.drop-target>.manage-tab-head .manage-tab-name{color:var(--accent)}.manage-tab-name{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}