.pocket-list-item{display:flex;flex-direction:column;padding:12px 16px;margin-bottom:8px;background-color:#e8e8e8;border-radius:6px;transition:background-color .2s ease;cursor:pointer}.pocket-list-item:hover{background-color:#e0e0e0}.pocket-list-item.selected{background-color:#c2c2c2;cursor:default}.pocket-list-item.selected:hover{background-color:#bababa}.pocket-list-item:last-child{margin-bottom:0}.pocket-list-item-source{font-family:Google Sans,sans-serif;font-size:14px;font-weight:700;color:#343009;margin-bottom:4px}.pocket-list-item-id{font-family:Google Sans Code,monospace;font-size:12px;color:#343009;opacity:.7}.add-item-dialog-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.add-item-dialog{background:#fffd;border-radius:8px;padding:24px;min-width:320px;max-width:400px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;margin-top:-208px;margin-left:-256px}@media(max-width:1023px){.add-item-dialog{min-width:unset;width:calc(100vw - 32px);max-width:100vw;padding:16px}}.add-item-dialog-title{margin:0 0 20px;font-size:18px;font-weight:600;color:#343009}.add-item-dialog-content{margin-bottom:20px}.add-item-dialog-field{margin-bottom:16px}.add-item-dialog-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#343009}.add-item-dialog-input,.add-item-dialog-select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.add-item-dialog-input:focus,.add-item-dialog-select:focus{outline:none;border-color:#2e2fe3}.add-item-dialog-input::placeholder{color:#e2d65a}.add-item-dialog-buttons{display:flex;gap:12px;justify-content:flex-end}.add-item-dialog-add-btn,.add-item-dialog-cancel-btn{min-width:80px}.pocket-list-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease}.pocket-list-modal{background-color:#fffd;border-radius:8px;box-shadow:0 10px 25px #0000001f,0 2px 6px #0000000f;min-width:400px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;animation:slideIn .2s ease;position:absolute;bottom:64px;right:8px}@media(max-width:1023px){.pocket-list-modal{min-width:unset;width:calc(100vw - 16px);max-width:100vw;right:8px;left:8px}}.pocket-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.pocket-list-title{font-family:Google Sans,sans-serif;font-size:16px;font-weight:700;color:#343009}.pocket-list-close-btn{background:none;border:none;font-size:20px;color:#343009;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.pocket-list-close-btn:hover{background-color:#f6f0ac;color:#2e2fe3}.pocket-list-content{padding:16px 20px;max-height:calc(80vh - 80px);overflow-y:auto}.pocket-list-empty{font-family:Google Sans,sans-serif;font-size:14px;color:#343009;text-align:center;padding:20px}.pocket-list{list-style:none;margin:0;padding:0}.pocket-list-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 20px;border-top:1px solid #e0e0e0}.pocket-list-add-btn{background-color:#52c41a;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-family:Google Sans,sans-serif;font-size:14px;cursor:pointer;transition:opacity .2s ease}.pocket-list-add-btn:hover{opacity:.8}.pocket-list-clear-btn{background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-family:Google Sans,sans-serif;font-size:14px;cursor:pointer;transition:opacity .2s ease}.pocket-list-clear-btn:hover{opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pocket-display-container{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#6a6854;cursor:pointer;font-family:Google Sans,sans-serif;font-size:14px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;position:relative;width:40px;height:40px}.pocket-display-container:hover{background:#2e2fe312;color:#2e2fe3}.pocket-display-container:focus-visible{outline:2px solid #2E2FE3;outline-offset:2px}.pocket-display-container.active,.pocket-display-container[aria-expanded=true]{background:#2e2fe3;color:#fff;box-shadow:0 2px 5px #2e2fe338}@media(prefers-reduced-motion:reduce){.pocket-display-container{transition:none}}.pocket-display-container .container{display:flex;align-items:center;justify-content:center}.pocket-display-container .container>svg{display:block;width:22px;height:22px;color:inherit}.pocket-display-container .pocket-badge{position:absolute;top:-2px;right:-2px;box-sizing:border-box;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;border-radius:9px;background:#2e2fe3;color:#fff;font-size:10px;font-weight:600}.pocket-display-container .pocket-tooltip{position:absolute;bottom:calc(100% + 12px);right:0;max-width:min(260px,calc(100vw - 48px));width:max-content;padding:8px 12px;border-radius:8px;background:#343009;color:#fff;font-size:12px;line-height:1.4;text-align:left;z-index:1000;pointer-events:none}