:root{--bg: #ffffff;--surface: #ffffff;--soft: #f2f2f3;--soft-2: #e7e7ea;--text: #111111;--muted: #8a8a8e;--line: rgba(0, 0, 0, .09);--ink: #111111;--ink-text: #ffffff;--accent: #0a84ff;--danger: #e5352b;--badge: #ff3b30;--green: #34c759;--warn-bg: #fff4d6;--warn-text: #7a5600;--bar: rgba(255, 255, 255, .86);--float: rgba(255, 255, 255, .94);--float-shadow: 0 6px 24px rgba(0, 0, 0, .12), 0 1px 3px rgba(0, 0, 0, .08);--sheet: #f5f5f7;--memo-bg: #fff6cc;--memo-edge: #f2cf57;--memo-paper: #ffffff;--memo-line: rgba(160, 120, 0, .18);--memo-icon: #ffd60a;--memo-icon-ink: #4d3c00;--memo-check: #ff9f0a;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--side: 10px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #000000;--surface: #1c1c1e;--soft: #1c1c1e;--soft-2: #2c2c2e;--text: #f2f2f2;--muted: #8e8e93;--line: rgba(255, 255, 255, .12);--ink: #f2f2f2;--ink-text: #111111;--danger: #ff453a;--warn-bg: #3a2d00;--warn-text: #ffd66b;--bar: rgba(0, 0, 0, .82);--float: rgba(44, 44, 46, .94);--float-shadow: 0 6px 24px rgba(0, 0, 0, .6);--sheet: #1c1c1e;--memo-bg: #3a3214;--memo-edge: rgba(255, 214, 10, .55);--memo-paper: #1c1c1e;--memo-line: rgba(255, 214, 10, .2);--memo-icon: #ffd60a;--memo-icon-ink: #3a2d00;--memo-check: #ffb340}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,PingFang TC,Noto Sans TC,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body.locked{overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}h1,h2,p{margin:0}img{display:block}.app,.signin{min-height:100dvh}.splash{min-height:100dvh;background:var(--bg)}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:6px;min-height:calc(var(--safe-top) + 50px);padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 8px) 6px calc(var(--safe-left) + 14px);background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px)}.bar.small{padding-left:calc(var(--safe-left) + 8px)}.brand{flex:1;font-size:21px;font-weight:700;letter-spacing:-.02em}.bar-actions{display:flex;gap:2px;margin-left:auto}.icon-btn{position:relative;width:40px;height:40px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.icon-btn:active{background:var(--soft)}.count{position:absolute;top:3px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--badge);color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center}.done-btn{margin-left:auto;color:var(--accent);font-weight:700;font-size:16px;padding:8px}.crumbs{flex:1;min-width:0;display:flex;align-items:center;overflow-x:auto;gap:2px;scrollbar-width:none;white-space:nowrap}.crumbs::-webkit-scrollbar{display:none}.crumb{color:var(--text);display:inline-flex;align-items:center;gap:2px;padding:6px 2px;font-size:14px}.crumb:not(:first-child),.crumb-wrap .crumb{color:var(--muted)}.crumb-wrap{display:inline-flex;align-items:center}.crumb-sep{color:var(--muted);padding:0 3px;font-size:13px}.page{padding:2px calc(var(--safe-right) + var(--side)) calc(var(--safe-bottom) + 112px) calc(var(--safe-left) + var(--side));max-width:900px;margin:0 auto}.title{font-size:22px;font-weight:700;letter-spacing:-.01em;padding:4px 4px 0;word-break:break-word}.subtitle{font-size:12px;color:var(--muted);padding:2px 4px 10px}.section{font-size:12px;font-weight:600;color:var(--muted);margin:22px 6px 8px}.muted{color:var(--muted)}.small{font-size:13px}.pad{padding:12px 4px}.center-text{text-align:center;margin-top:12px}.row{display:flex;align-items:center}.gap{gap:8px}.grow{flex:1;min-width:0}.accent-text{color:var(--accent)}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{text-align:center;padding:60px 20px;display:grid;gap:8px;font-size:14px}.offline{position:sticky;top:0;z-index:30;padding:calc(var(--safe-top) + 8px) 16px 8px;background:var(--warn-bg);color:var(--warn-text);font-size:14px;text-align:center}.chips-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--side));padding:2px var(--side) 10px;scroll-padding-inline:var(--side)}.chips-row::-webkit-scrollbar{display:none}.chips-row:after{content:"";flex:0 0 1px}.fchip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:500;white-space:nowrap}.fchip.on{background:var(--ink);color:var(--ink-text)}.fchip .n{color:var(--muted);font-size:12px}.fchip.plus{color:var(--muted)}.fchip.folder>svg{color:var(--muted)}.emo{font-size:14px;line-height:1}.emo.big{font-size:20px;width:26px;text-align:center}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 12px;font-size:13px;color:var(--muted)}.switch{position:relative;width:44px;height:26px;border-radius:13px;background:var(--soft-2);transition:background .2s;flex:none}.switch span{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch.on{background:var(--green)}.switch.on span{transform:translate(18px)}.feed{display:grid;gap:16px}.cols{display:flex;gap:8px;align-items:flex-start}.col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.pin{position:relative;min-width:0}.pin-img{display:block;width:100%;text-align:left;position:relative}.pin-img:active .thumb{opacity:.85}.pin-cap{display:flex;align-items:flex-start;gap:2px;padding:6px 0 0 4px}.pin-title{flex:1;min-width:0;text-align:left;font-size:12.5px;line-height:1.32;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pin.wide .pin-title{-webkit-line-clamp:1}.pin-more{flex:none;width:30px;height:22px;margin-top:-2px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);opacity:.7;border-radius:6px}.pin-more:active{background:var(--soft)}.pin-from{display:flex;align-items:center;gap:3px;padding:2px 4px 0;font-size:11px;color:var(--muted)}.tag-badges{position:absolute;top:7px;right:7px;display:flex;gap:1px;padding:3px 5px;border-radius:10px;background:#ffffffdb;font-size:12px;line-height:1}@media (prefers-color-scheme: dark){.tag-badges{background:#0000008c}}.thumb{position:relative;width:100%;background:var(--soft);overflow:hidden}.thumb.rounded{border-radius:var(--radius)}.thumb img{width:100%;height:100%;object-fit:cover;-webkit-touch-callout:none;-webkit-user-drag:none}.thumb-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;opacity:.85}.play-badge{position:absolute;left:8px;bottom:8px;width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-badge svg{margin-left:1px}.pin-img,.pin-title{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card-x{position:absolute;z-index:2;top:-4px;right:-4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;animation:pop .15s ease-out}.card-x span{width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#3c3c43d1;color:#fff;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deleting .pin-img{animation:jiggle .32s ease-in-out infinite}.deleting .col:nth-child(2) .pin-img,.deleting .pin.wide .pin-img{animation-delay:-.16s}@keyframes jiggle{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}@media (prefers-reduced-motion: reduce){.deleting .pin-img{animation:none}}.nb-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;padding-top:4px}.nb-tile{display:block;text-align:left;min-width:0}.cover{width:100%;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:var(--soft)}.cover .thumb{height:100%;aspect-ratio:auto!important}.cover .play-badge{display:none}.cover.n1{display:block}.cover.n1 .thumb{height:100%}.cover.n2{grid-template-rows:1fr}.cover.n3>:first-child{grid-row:span 2}.empty-cover,.new-cover{display:flex;align-items:center;justify-content:center;color:var(--muted)}.nb-name{display:block;margin:6px 4px 0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-count{display:block;margin:1px 4px 0;font-size:11px;color:var(--muted)}.tabbar{position:fixed;z-index:20;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 10px);display:flex;gap:10px;transition:transform .25s,opacity .2s}.tab{width:58px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--float);color:var(--muted);box-shadow:var(--float-shadow);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.tab.on{color:var(--text)}.tab:active{transform:scale(.94)}.field{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--soft);border:1px solid transparent;border-radius:12px;padding:11px 12px;outline:none;-webkit-appearance:none;appearance:none}.field:focus{border-color:var(--line);background:var(--surface)}.sheet .field{background:var(--surface);border-color:var(--line)}.field.search{padding:9px 12px;border-radius:999px}textarea.field{resize:vertical;line-height:1.4}select.field{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.label{display:block;font-size:12px;color:var(--muted);margin:14px 2px 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:14px;background:var(--soft-2);color:var(--text);font-weight:600;text-decoration:none;font-size:15px}.btn.primary{background:var(--ink);color:var(--ink-text)}.btn.danger{background:var(--danger);color:#fff}.btn.danger-text{color:var(--danger)}.btn.plain{background:none;color:var(--accent);padding:10px 6px}.btn.wide{width:100%}.btn:active:not(:disabled){opacity:.75}.error{color:var(--danger);font-size:14px}.warn{background:var(--warn-bg);color:var(--warn-text);padding:10px 12px;border-radius:12px;font-size:14px;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--soft);font-size:13px;color:var(--text);max-width:100%}.badge-new{background:var(--green);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;margin-left:6px;text-transform:uppercase;letter-spacing:.03em}.badge-ai{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 6px;border-radius:6px;color:#7a3ff2;background:#7a3ff21f}@media (prefers-color-scheme: dark){.badge-ai{color:#c3a6ff;background:#a078ff33}}.tag-toggles{display:flex;flex-wrap:wrap;gap:6px}.ttag{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:13px;background:var(--soft);border:1px solid transparent}.sheet .ttag{background:var(--surface);border-color:var(--line)}.ttag.on{background:var(--ink);color:var(--ink-text);border-color:var(--ink)}.backdrop{position:fixed;left:0;right:0;z-index:50;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);background:#00000061;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.backdrop.center{align-items:center;padding:20px}.sheet{width:100%;max-width:640px;max-height:calc(var(--vv-height, 100dvh) - var(--safe-top) - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--sheet);border-radius:20px 20px 0 0;padding:8px calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);animation:up .22s cubic-bezier(.2,.8,.2,1)}.sheet.tall{min-height:min(78dvh,720px,calc(var(--vv-height, 100dvh) - var(--safe-top) - 40px))}.grabber{width:38px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}.sheet-title{font-size:17px;font-weight:700;text-align:center;margin-bottom:14px}.menu-title{text-align:center;color:var(--muted);font-size:13px;margin:0 8px 10px}.sheet>.tag-toggles{justify-content:center;margin-bottom:12px}.menu{background:var(--surface);border-radius:14px;overflow:hidden;margin-bottom:10px}.menu-item{display:block;width:100%;padding:15px;font-size:16px;text-align:center;text-decoration:none;color:var(--text)}.menu-item+.menu-item{border-top:1px solid var(--line)}.menu-item.danger{color:var(--danger)}.alert{width:100%;max-width:320px;background:var(--surface);border-radius:18px;padding:20px 16px 14px;display:grid;gap:12px;text-align:center;animation:pop .15s ease-out}.alert h2{font-size:17px}.alert p{color:var(--muted);font-size:14px}.alert .field{background:var(--soft)}.alert-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}@keyframes up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.95);opacity:0}}.toast{position:fixed;z-index:90;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 76px);background:#1e1e20f0;color:#fff;padding:10px 16px;border-radius:14px;font-size:14px;max-width:calc(100vw - 40px);text-align:center;animation:fade .15s}.toast.with-action{display:flex;align-items:center;gap:14px;padding:6px 6px 6px 16px;text-align:left;width:max-content}.toast.with-action span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-action{flex:none;color:#64b5ff;font-weight:700;padding:8px 12px;border-radius:8px}.toast-action:active{background:#ffffff1f}.search-field{margin-bottom:10px}.picker{background:var(--surface);border-radius:14px;overflow:hidden}.picker-row{display:flex;align-items:center;border-top:1px solid var(--line);padding-left:12px}.picker-row:first-child{border-top:0}.picker-item{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:13px 4px;text-align:left}.picker-item>svg:first-child{color:var(--muted);flex:none}.picker-item.current{font-weight:600}.picker-item.current>svg:last-child{color:var(--accent);margin-left:auto}.picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-new{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none}.approve-top{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:end}.nb-options{background:var(--surface);border-radius:14px;overflow:hidden}.nb-option{width:100%;display:flex;align-items:center;gap:10px;padding:12px;min-height:48px;text-align:left}.nb-option+.nb-option{border-top:1px solid var(--line)}.nb-option>svg{color:var(--muted);flex:none}.nb-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-option.on .nb-option-label{font-weight:600}.nb-option:active{background:var(--soft)}.radio{width:22px;height:22px;border-radius:11px;border:2px solid var(--soft-2);flex:none;position:relative}.nb-option.on .radio{border-color:var(--ink);background:var(--ink)}.nb-option.on .radio:after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ink-text)}.radio-gap{width:22px;flex:none}.nb-choose{color:var(--accent)}.nb-choose>svg{opacity:.7}.nb-option .badge-new{margin-left:0;flex:none}.note{margin:8px 2px 0}.or{margin:6px 0 -2px}.tight{margin-top:-4px}.add .warn{margin:0}.approve-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;margin-top:22px}.add{display:grid;gap:12px}.viewer{position:fixed;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);z-index:40;background:var(--bg);animation:up .22s cubic-bezier(.2,.8,.2,1)}.viewer-scroll{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-bottom) + 30px)}.viewer-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 8px) 6px calc(var(--safe-left) + 8px);background:var(--bar);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player{width:100%;max-height:72dvh;margin:0 auto;background:#000}.player iframe{width:100%;height:100%;border:0;display:block}.viewer-image{display:block;max-width:640px;margin:0 auto}.viewer-body{max-width:640px;margin:0 auto;padding:14px calc(var(--safe-right) + 16px) 0 calc(var(--safe-left) + 16px);display:grid;gap:10px;justify-items:start}.viewer-title{font-size:19px;font-weight:700;line-height:1.3;word-break:break-word}.viewer-desc{font-size:15px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.viewer-meta{font-size:13px;color:var(--muted)}.open-btn{margin-top:8px}.edit{width:100%}.edit .row{margin-top:12px;justify-content:flex-end}.source{width:100%;color:var(--muted);font-size:14px;margin-top:6px}.source summary{cursor:pointer;padding:6px 0}.source p{white-space:pre-wrap;word-break:break-word}.inbox-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.inbox-item{width:100%;display:flex;gap:12px;padding:10px;background:var(--surface);text-align:left}.inbox-thumb{width:72px;flex:none}.inbox-text{flex:1;min-width:0;display:grid;gap:4px;align-content:start}.inbox-text .card-title{font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.hint{text-align:center;margin-top:10px}.swipe{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line)}.swipe-delete{position:absolute;top:0;right:0;bottom:0;width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--danger);color:#fff;font-size:14px;font-weight:600;visibility:hidden}.swipe.showing .swipe-delete{visibility:visible}.swipe-front{position:relative;background:var(--surface);touch-action:pan-y;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.swipe-front.dragging{transition:none}.group{background:var(--soft);border-radius:var(--radius);padding:4px 14px 14px;display:grid;gap:4px}.group .field{background:var(--surface)}.group>.btn{margin-top:10px}.group>p:first-child{margin-top:10px}.list-group{padding:0;gap:0;overflow:hidden}.row-btn{display:flex;align-items:center;gap:12px;padding:13px 14px;text-align:left;font-size:15px}.row-btn+.row-btn{border-top:1px solid var(--line)}.row-btn>svg:last-child{color:var(--muted)}.row-btn.accent{color:var(--accent)}.token-new{background:var(--bg);border-radius:12px;padding:12px;display:grid;gap:10px;margin-top:10px}.token{font:13px/1.4 ui-monospace,Menlo,monospace;word-break:break-all;user-select:all;-webkit-user-select:all;background:var(--surface);padding:10px;border-radius:8px}.tokens{list-style:none;margin:8px 0 0;padding:0}.tokens li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.tokens li.revoked{opacity:.55}.tag-editor{display:grid;gap:12px}.tag-preview{display:flex;gap:10px;align-items:center}.emoji-field{width:56px;height:52px;flex:none;font:inherit;font-size:28px;text-align:center;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:none;-webkit-appearance:none;appearance:none}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.emoji-pick{height:40px;border-radius:10px;font-size:22px;background:var(--surface)}.emoji-pick.on{outline:2px solid var(--ink)}.signin{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);gap:14px}.signin-icon{border-radius:16px}.signin h1{font-size:26px}.signin form{width:100%;max-width:340px;display:grid;gap:10px;margin-top:10px}.pw-form{display:grid;gap:4px}.pw-form .label:first-of-type{margin-top:4px}.pw-form .pw-show{padding:12px 2px 4px}.pw-form .warn{color:var(--danger)}.pw-form .btn.primary{margin-top:8px}.pw-form>p{margin:4px 2px}.pin-preview{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;pointer-events:none;opacity:0;transition:opacity .35s;background:#000}.pin-preview.shown{opacity:1}.pin-preview iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.pin-preview-title{position:absolute;left:0;right:0;top:0;padding:9px 44px 22px 11px;color:#fff;font-size:12.5px;font-weight:600;line-height:1.3;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.32) 60%,transparent);text-shadow:0 1px 2px rgba(0,0,0,.45)}.pin-preview-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.viewer-bar{align-items:center;gap:6px}.viewer-bar .tag-toggles{flex:1;min-width:0;justify-content:center;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.viewer-bar .tag-toggles::-webkit-scrollbar{display:none}.tag-toggles.compact .ttag{padding:0;width:38px;height:38px;justify-content:center;font-size:18px;flex:none}.tag-toggles.compact .ttag:not(.on) .emo{filter:grayscale(1);opacity:.55}.tag-toggles.compact .ttag.on{background:var(--soft-2);border-color:transparent;color:inherit}.tree{margin-bottom:14px}.tree-bar{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--soft);font-size:15px;font-weight:600;text-align:left}.tree-bar>svg:first-child{color:var(--muted);flex:none}.tree-bar-label{flex:1}.tree-bar-count{font-size:13px;font-weight:400;color:var(--muted)}.tree-chevron{display:inline-flex;color:var(--muted);transform:rotate(90deg);transition:transform .2s}.tree.open .tree-chevron{transform:rotate(-90deg)}.tree.open .tree-bar{border-radius:14px 14px 0 0}.tree-list{border-radius:0 0 14px 14px;background:var(--soft)}.tree-list .picker-row{border-top-color:var(--line)}.tree-list .picker-row:first-child{border-top:1px solid var(--line)}.tree-count{margin-left:auto;font-size:13px;color:var(--muted);padding-left:8px}.setting-switch{padding:12px 0 4px;color:var(--text);font-size:15px}.tree-handle{width:40px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.tree-handle-space{width:40px;flex:none}.tree-row{position:relative;background:var(--soft)}.tree-row .picker-item{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tree.dragging,.tree.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing}.tree-row.lifted{z-index:3;width:fit-content;max-width:62%;margin-left:auto;margin-right:6px;background:var(--surface);border:0;border-radius:12px;box-shadow:0 8px 24px #00000038}.tree-row.lifted .picker-new,.tree-row.lifted .tree-count{display:none}.tree-row.lifted .picker-item{flex:none;min-width:0;max-width:calc(100% - 40px)}.tree-carry{margin-left:6px;padding:1px 7px;border-radius:9px;background:var(--soft-2);font-size:12px;color:var(--muted);flex:none}.tree-row.carried{display:none}.tree-row.drop-into{background:color-mix(in srgb,var(--accent) 16%,var(--soft));box-shadow:inset 0 0 0 2px var(--accent);border-radius:10px}.picker-row.drop-before:before{content:"";position:absolute;left:12px;right:12px;top:-2px;height:3px;border-radius:2px;background:var(--accent);z-index:4}.picker-row{position:relative}.drop-end{height:3px;margin:0 12px 6px;border-radius:2px;background:var(--accent)}.pin-pic{position:relative}.memo-badge{position:absolute;z-index:2;right:7px;bottom:7px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--memo-icon);color:var(--memo-icon-ink);box-shadow:0 1px 4px #0000004d}.memo-badge.open{box-shadow:0 0 0 2px #fff,0 1px 4px #0000004d}.memo-badge:active{transform:scale(.94)}.pin.memo-open{background:var(--memo-bg);border-radius:20px;padding:6px 6px 7px;box-shadow:inset 0 0 0 2px var(--memo-edge),0 2px 10px #a078001f}.pin.memo-open .pin-cap{padding-left:3px}.pin.memo-open .thumb.rounded{border-radius:14px}.pin.memo-open .card-x{top:-6px;right:-6px}.memo{--bubble: var(--memo-paper);position:relative;margin-top:12px;padding:9px 11px 10px;background:var(--bubble);color:var(--text);border-radius:13px;box-shadow:0 1px 2px #00000014;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.memo:before{content:"";position:absolute;top:-9px;right:11px;width:18px;height:10px;background:var(--bubble);clip-path:polygon(50% 0,100% 100%,0 100%)}.memo.in-viewer{--bubble: var(--memo-bg);width:100%;cursor:text;box-shadow:inset 0 0 0 1px var(--memo-line)}.memo.in-viewer:before{left:22px;right:auto}.memo:active:not(.memo-edit-wrap){filter:brightness(.97)}.memo-body{max-height:300px;overflow:hidden}.memo-body.long{-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}.memo-content{font-size:13.5px;line-height:1.42;word-break:break-word;overflow-wrap:anywhere}.memo-content>*+*{margin-top:2px}.memo-content h1{font-size:19px;line-height:1.25;font-weight:700}.memo-content h2{font-size:16px;line-height:1.3;font-weight:700}.memo-content h3{font-size:14px;line-height:1.35;font-weight:600}.memo-content p{margin:0}.memo-content ul,.memo-content ol{margin:2px 0;padding-left:20px}.memo-content ul[data-check]{list-style:none;padding-left:0}.memo-content ul[data-check]>li{position:relative;padding-left:26px;min-height:20px}.memo-content ul[data-check]>li:before{content:"";position:absolute;left:1px;top:1px;width:16px;height:16px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;line-height:1;color:#fff}.memo-content ul[data-check]>li[data-checked]:before{content:"✓";background:var(--memo-check);border-color:var(--memo-check)}.memo-content ul[data-check]>li[data-checked]{color:var(--muted)}.memo-sheet{display:flex;flex-direction:column;gap:10px}.memo-sheet-bar{display:flex;align-items:center;justify-content:space-between;margin:-4px -6px 0}.memo-sheet-title{font-size:17px;font-weight:700}.memo-sheet-spacer{width:60px}.memo-done{font-weight:600}.memo-sheet-card{display:flex;align-items:center;gap:10px;padding:0 2px}.memo-sheet-name{flex:1;min-width:0;font-size:13px;color:var(--muted)}.memo-sheet-thumb{width:52px;flex:none}.memo-sheet-thumb .thumb{border-radius:10px}.memo-sheet-thumb .play-badge{display:none}.memo-edit-wrap{--bubble: var(--memo-bg);cursor:text;padding:0;margin-top:12px;box-shadow:inset 0 0 0 1px var(--memo-line)}.memo-edit-wrap:before{right:17px}.memo-editor{min-height:140px;max-height:calc(var(--vv-height, 100dvh) * .42);overflow-y:auto;padding:12px 14px;outline:none;font-size:16px;-webkit-user-select:text;user-select:text}.memo-editor.memo-content{font-size:16px}.memo-editor.memo-content h1{font-size:24px}.memo-editor.memo-content h2{font-size:19px}.memo-editor.memo-content h3{font-size:17px}.memo-editor.is-empty:before{content:attr(data-placeholder);color:var(--muted);position:absolute;pointer-events:none}.memo-tools{display:flex;justify-content:space-between;gap:2px;padding:2px 0 4px}.memo-tools button{flex:1;height:40px;border-radius:10px;font-size:17px;color:var(--text);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.memo-tools button.on{background:var(--soft-2)}.memo-tools .aa{font-size:16px;font-weight:600;letter-spacing:-.5px}.memo-tools .glyph{font-size:15px;font-weight:600}.memo-panel{background:var(--surface);border-radius:14px;padding:8px;display:grid;gap:8px;box-shadow:inset 0 0 0 1px var(--line)}.memo-styles{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.memo-style{flex:none;padding:8px 12px;border-radius:10px;background:var(--soft);white-space:nowrap}.memo-style.on{background:var(--memo-icon);color:var(--memo-icon-ink)}.memo-style.h1{font-size:17px;font-weight:700}.memo-style.h2{font-size:15px;font-weight:700}.memo-style.h3{font-size:14px;font-weight:600}.memo-style.p{font-size:14px}.memo-colors{display:flex;gap:12px;padding:2px 4px}.memo-color{width:28px;height:28px;border-radius:50%;flex:none}.memo-color.none{background:var(--text);box-shadow:inset 0 0 0 3px var(--surface),0 0 0 1px var(--line)}.viewer-chips{display:flex;flex-wrap:wrap;gap:8px}