html{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f2937;line-height:1.6;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;background-image:url(/assets/background-img-pastel1-6LGdTChN.webp);background-size:cover;background-position:center;background-repeat:no-repeat;margin:0}main{padding:32px;max-width:800px;width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;margin:0 auto}button,a{min-height:48px;display:inline-flex;align-items:center}button{padding:12px 16px;font-size:14px;cursor:pointer;border:none;border-radius:6px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:500;transition:all .2s ease}button:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);transform:translateY(-1px)}.bookmark a{min-height:unset;display:inline-block;font-size:22px;font-weight:700;color:#4f46e5}.bookmark small{color:#6b7280}.bookmark p{margin:6px 0;color:#374151}.bookmark button{min-height:32px;padding:6px 12px;font-size:13px;border-radius:6px;border:none;background:#e0e7ff;color:#4f46e5;transition:background .2s ease;min-width:90px}.bookmark button:hover{background:#c7d2fe}.bookmark{margin-bottom:24px;padding:20px;border-radius:12px;background:#fff;box-shadow:0 4px 6px #0000000d;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bookmark:hover{background-color:#fafafa;transform:translateY(-4px);box-shadow:0 10px 18px #0000001f}.bookmark div{display:flex;gap:12px;margin-top:12px}#bookmarkForm{display:flex;flex-direction:column;gap:16px;max-width:500px;margin-bottom:32px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000000d}#bookmarkForm label{display:flex;flex-direction:column;font-weight:500;gap:6px}#bookmarkForm input,#bookmarkForm textarea,#bookmarkForm select{border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px;background-color:#fff;box-shadow:0 1px 3px #00000014;transition:all .2s ease}#bookmarkForm input:hover,#bookmarkForm textarea:hover,#bookmarkForm select:hover{box-shadow:0 2px 4px #0000001a}#bookmarkForm input:focus,#bookmarkForm textarea:focus,#bookmarkForm select:focus{outline:none;box-shadow:0 0 0 2px #6366f180}#bookmarkForm textarea{min-height:100px;resize:vertical;height:auto}#bookmarkForm button{align-self:flex-start;min-height:48px;padding:12px 24px;cursor:pointer}.bookmark button:hover{box-shadow:0 2px 4px #0000001a}#userSelect{min-width:180px;padding:10px 14px;border-radius:8px;border:none;background-color:#fff;box-shadow:0 1px 3px #00000014;transition:all .2s ease;margin-bottom:8px}#userSelect:focus{outline:none;box-shadow:0 0 0 2px #6366f180}button,select,input,textarea{padding:8px}.hidden{display:none}#modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:12px;width:400px;width:90%;max-width:400px;box-shadow:0 8px 20px #0003;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#modal.show{display:block}#openModalBtn{display:block;margin-bottom:10px}.bookmark button[data-delete]{min-height:32px;padding:6px 12px;font-size:13px;border-radius:6px;border:none;background:#fee2e2;color:#b91c1c;transition:background .2s ease}.bookmark button[data-delete]:hover{background:#fecaca}#bookmarkSection{max-height:600px;overflow-y:auto;margin-bottom:16px;padding-right:8px}