*{box-sizing:border-box;margin:0;padding:0}body{position:relative;font-family:San Francisco,Helvetica Neue,Helvetica,Arial,"sans-serif";color:#333;line-height:1.5;background:#dcdbda}.background-image{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../vector-az.svg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.7;z-index:-1;pointer-events:none;transition:opacity 1s}button{color:#333}.app{max-width:640px;margin:0 auto 0 0;padding:20px;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;height:60px;padding-bottom:16px;overflow:hidden}.header h1{font-size:28px;font-weight:600}.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.bookmark-count{font-family:Courier New,Courier,monospace;font-size:14px;color:#86868b}.btn-icon{background:none;border:none;font-family:Material Symbols Outlined,sans-serif;font-size:20px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;cursor:pointer;padding:8px;border-radius:8px;opacity:.5;transition:opacity .2s;vertical-align:middle}.btn-icon:hover{opacity:1}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.search-input-wrapper{position:relative;padding-bottom:20px}.search-input{display:block;width:100%;height:48px;padding:0 18px;font-size:18px;line-height:48px;border:0;border-image-width:0;border-radius:12px;background:#fff5;box-shadow:0 1px 3px #0000001a;outline:none;transition:box-shadow .2s;font-family:Courier New,Courier,monospace;box-sizing:border-box}.search-input:focus{box-shadow:0 0 0 3px #007dfa4d}.search-input:disabled{background:#f5f5f7;color:#86868b}.suggested-tag{position:absolute;top:0;left:0;width:100%;height:48px;padding:0 18px;font-size:18px;line-height:48px;opacity:.5;font-family:Courier New,Courier,monospace;pointer-events:none;z-index:1;cursor:default;box-sizing:border-box}.search-engines{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px}.search-engine-btn{padding:6px 12px;font-size:13px;font-weight:500;color:#1d1d1f;background:#fff5;border:none;border-radius:16px;cursor:pointer;transition:background .2s,transform .1s}.search-engine-btn:hover{background:#fff9;transform:translateY(-1px)}.search-engine-btn:active{transform:translateY(0)}.search-engine-btn[data-dimmed=true] .dimmed{opacity:.3}.search-engine-btn[data-active=true]{background:#1d1d1f;color:#fff}.bookmark-list{list-style:none}.bookmark-item{margin-bottom:12px}.bookmark-item a{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:#fff5;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 2px 1px inset #433f3922;transition:transform .1s,box-shadow .1s}.bookmark-item a:hover{background:#fff9}.bookmark-item[data-selected=true] a:before{position:absolute;left:0;top:50%;margin:-9px 0 0 -10px;content:"";width:18px;height:18px;border-radius:50%;background-color:#1d1a15;box-shadow:1px 1px 5px #5d350f5f}.bookmark-favicon{flex-shrink:0;mix-blend-mode:multiply}.bookmark-content{flex:1;min-width:0}.bookmark-title{display:block;font-weight:500;margin-bottom:4px;line-height:.9}.bookmark-url{display:block;font-size:13px;line-height:1;color:#86868b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,Courier,monospace}.bookmark-item--go-url a{background:linear-gradient(135deg,#e8f4fd,#d6e9f8);box-shadow:0 1px 3px #0000001a}.bookmark-item--go-url a:hover{background:linear-gradient(135deg,#d6e9f8,#c4dff2)}.go-url-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:18px;font-weight:700;color:#007dfa;flex-shrink:0}.tag-list{list-style:none;padding:0;margin:0;font-size:12px;display:flex;flex-wrap:wrap;gap:8px}.tag-btn{display:block;padding:8px 12px;background:#fff5;border-radius:12px;text-decoration:none;color:inherit}.tag-btn[data-match=false]{opacity:.5}.tag-btn[data-match=true]:hover{background:#fff9}.tag-btn:focus{box-shadow:0 0 0 3px #007dfa4d}.tag-btn:active{transform:translateY(0)}.loading,.hint,.no-results{text-align:center;color:#86868b;padding:40px 20px}.error{background:#fef2f2;color:#dc2626;padding:14px 18px;border-radius:12px;margin-bottom:20px}.setup-form{background:#fff;color:#333;padding:32px;border-radius:16px;box-shadow:0 1px 3px #0000001a}.setup-form h1{font-size:24px;margin-bottom:8px}.setup-description{color:#86868b;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#1d1d1f}.form-group input{width:100%;padding:0 14px;font-family:Courier New,Courier,monospace;font-size:16px;line-height:40px;height:40px;border:1px solid #d2d2d7;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#007dfa;box-shadow:0 0 0 3px #007dfa33}.tags-input-wrapper{position:relative}.suggested-edit-tag{position:absolute;top:0;left:0;width:100%;padding:0 15px;font-size:16px;line-height:40px;height:40px;opacity:.5;font-family:Courier New,Courier,monospace;pointer-events:none;z-index:1;cursor:default;box-sizing:border-box}.form-tags-section{margin-top:32px;padding-top:32px;border-top:1px solid #e5e5e7}.form-tags-label{display:block;font-size:14px;font-weight:500;margin-bottom:12px;color:#1d1d1f}.setup-form .tag-btn{border:none;background:#f5f5f7;cursor:pointer;transition:background-color .2s}.setup-form .tag-btn:hover:not(:disabled){background:#e5e5e7}.setup-form .tag-btn:disabled{opacity:.5;cursor:not-allowed}.setup-form .tag-btn-selected{background:#007dfa;color:#fff}.setup-form .tag-btn-selected:hover:not(:disabled){background:#06c}.btn-primary{width:100%;padding:14px;font-size:16px;font-weight:500;color:#fff;background:#007dfa;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#06c}.settings-actions{display:flex;gap:12px;margin-top:16px}.btn-secondary,.btn-danger{flex:1;padding:12px;font-size:14px;font-weight:500;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.btn-secondary{background:#e8e8ed;color:#1d1d1f}.btn-secondary:hover{background:#d2d2d7}.btn-danger{background:#fef2f2;color:#dc2626}.btn-danger:hover{background:#fecaca}.bookmark-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s;flex-shrink:0;margin-left:auto;padding-left:8px}.bookmark-item a:hover .bookmark-actions,.bookmark-item a:focus-within .bookmark-actions{opacity:1}.bookmark-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:#0000000d;cursor:pointer;font-family:Material Symbols Outlined,sans-serif;font-size:18px;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;color:#666;transition:background .2s,color .2s}.bookmark-action-btn:hover{background:#0000001a;color:#333}@media(max-width:480px){.app{padding:16px}.header h1{font-size:24px}.header-actions{gap:4px}.btn-icon{padding:6px;font-size:18px}.bookmark-count{margin-right:4px}.setup-form{padding:24px}.bookmark-actions{opacity:1}}