body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container,.login-container{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);color:#0d5460;min-height:100vh}.login-container{align-items:center;display:flex;justify-content:center;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:2px solid #0891b2;border-radius:24px;box-shadow:0 20px 60px #0889b226;max-width:420px;padding:50px 40px;width:100%}.login-header{margin-bottom:40px;text-align:center}.logo-container{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.logo-image-img{height:70px;object-fit:contain;width:70px}.logo-text h2{color:#0891b2;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.logo-text p{color:#00838f;margin:5px 0 0}.logo-text p,.tagline{font-size:14px;font-weight:500}.tagline{color:#0d5460;margin-top:15px}.login-form{gap:20px;margin-bottom:30px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#0d5460;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input{background:#f0f9fb;border:2px solid #b2ebf2;border-radius:10px;color:#0d5460;font-size:14px;padding:12px 16px;transition:all .3s}.form-group input:focus{background:#e0f7fa;border-color:#0891b2;box-shadow:0 0 0 3px #0889b21a;outline:none}.btn-login{background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .3s}.btn-login:hover:not(:disabled){box-shadow:0 8px 24px #0889b24d;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;color:#dc2626;font-size:13px;font-weight:500;padding:12px 16px}.toggle-mode{background:none;border:none;color:#0891b2;cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline;transition:all .3s}.toggle-mode:hover{color:#00838f}.login-footer{display:flex;flex-direction:column;gap:12px;text-align:center}.by-church{color:#0d5460;font-size:12px;margin:0}.app-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#0889b21a,#0000);border-bottom:2px solid #0891b2;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-title h1{color:#0891b2;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.header-title p{color:#00838f;font-size:14px;margin:3px 0 0}.btn-logout{background:#ef444426;border:2px solid #ef4444;border-radius:8px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-logout:hover{background:#ef444440}.app-main{margin:0 auto;max-width:1200px;padding:30px 20px}.score-section{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;padding:30px}.score-card{background:linear-gradient(135deg,#b0eaf54d,#e0f2fe33);border:1px solid #0889b233;border-radius:16px;margin-bottom:25px;padding:30px}.score-display{gap:30px}.score-circle,.score-display{align-items:center;display:flex}.score-circle{background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:50%;box-shadow:0 12px 40px #0889b240;flex-direction:column;flex-shrink:0;height:140px;justify-content:center;width:140px}.score-number{color:#fff;font-size:48px;font-weight:800;line-height:1}.score-max{color:#ffffffe6;font-size:18px;margin-top:5px}.score-info{flex:1 1}.score-label{color:#0d5460;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.score-desc{color:#00838f;font-size:12px;margin:8px 0 0}.score-level-badge{align-items:center;background:#0889b226;border:2px solid #0891b2;border-radius:10px;display:inline-flex;gap:8px;margin-top:12px;padding:10px 16px}.level-emoji{font-size:20px}.level-text{color:#0891b2;font-size:14px;font-weight:700}.stats-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border:2px solid #0891b2;border-radius:12px;box-shadow:0 4px 12px #0889b21a;display:flex;gap:15px;padding:20px;transition:all .3s}.stat-card:hover{box-shadow:0 8px 20px #0889b226;transform:translateY(-3px)}.stat-icon{font-size:28px}.stat-content{flex:1 1}.stat-value{color:#0891b2;font-size:24px;font-weight:800;line-height:1}.stat-label{color:#00838f;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:5px;text-transform:uppercase}.progression-breadcrumb-section{background:linear-gradient(180deg,#ffffff80,#0000);border-bottom:2px solid #0891b2;margin-bottom:30px;padding:20px 0}.progression-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 20px}.breadcrumb-item{align-items:center;background:#e0f2fe99;border:2px solid #0891b2;border-radius:8px;color:#0d5460;display:flex;gap:6px;padding:9px 20px;text-align:center;transition:all .3s;white-space:nowrap}.breadcrumb-item.past{background:#b0eaf54d;border-color:#0889b24d;opacity:.4}.breadcrumb-item.current{background:linear-gradient(135deg,#0891b2,#06b6d4);border-color:#0891b2;box-shadow:0 6px 20px #0889b24d;color:#fff;font-weight:700}.breadcrumb-item.future{background:#c8c8c833;border-color:#c8c8c866;opacity:.35}.breadcrumb-emoji{font-size:16px}.breadcrumb-name{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.breadcrumb-arrow{color:#0891b2;font-size:16px;transition:all .3s}.privacy-note{background:linear-gradient(135deg,#0889b21a,#06b6d40d);border:2px solid #0891b2;border-radius:10px;color:#0d5460;font-size:13px;line-height:1.6;margin:20px 0;padding:16px}.privacy-note p{margin:0}.privacy-note strong{color:#0891b2;font-weight:700}.tracking-tabs{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;overflow:hidden;padding:0}.tabs-container{background:linear-gradient(180deg,#e0f2fe66,#b0eaf533);border-bottom:2px solid #0891b2;display:flex;flex-wrap:wrap;gap:0;padding:12px}.tab-button{background:#e0f2fe80;border:2px solid #0891b2;border-radius:8px;color:#0d5460;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;letter-spacing:.3px;min-width:100px;padding:11px 18px;text-transform:uppercase;transition:all .3s ease}.tab-button:hover:not(.active){background:#b0eaf580;border-color:#0891b2}.tab-button.active{background:linear-gradient(135deg,#0891b2,#06b6d4);border:2px solid #0891b2;box-shadow:0 6px 16px #0889b240;color:#fff;font-weight:800}.tab-content{align-items:center;animation:slideUp .3s ease;background:#fff6;color:#0d5460;display:flex;font-size:15px;justify-content:center;min-height:120px;padding:25px;text-align:center}.tab-content p{margin:0}.tab-content strong{color:#0891b2;font-size:18px;font-weight:800}.habits-section{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;padding:30px}.section-header h2{color:#0891b2;margin:0 0 8px}.section-header p{color:#00838f;font-size:14px;font-weight:500;margin:0}.habits-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.habit-button{align-items:center;background:linear-gradient(135deg,#e0f2fe99,#b0eaf566);border:2px solid #0891b2;border-radius:14px;box-shadow:0 4px 12px #0889b21a;color:#0d5460;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:8px;justify-content:center;min-height:120px;padding:16px;position:relative;text-align:center;transition:all .3s}.habit-button:hover:not(:disabled){background:linear-gradient(135deg,#b0eaf599,#0889b226);border-color:#0891b2;box-shadow:0 8px 20px #0889b226;transform:translateY(-3px)}.habit-button:disabled{cursor:not-allowed}.habit-button.completed{background:linear-gradient(135deg,#0891b2,#06b6d4);border-color:#0891b2;box-shadow:0 8px 24px #0889b24d;color:#fff;font-weight:700}.habit-emoji{display:block;font-size:28px}.habit-name{font-size:12px;line-height:1.3}.habit-check{align-items:center;background:#0891b2;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:800;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.progress-section{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;padding:30px}.progress-section h3{color:#0891b2;font-size:18px;font-weight:700;margin:0 0 20px}.progress-bar-container{margin-bottom:25px}.progress-label{color:#0d5460;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px}.progress-bar{background:#e0f2fe80;border:2px solid #0891b2;border-radius:10px;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#0891b2,#06b6d4);border-radius:10px;height:100%;transition:width .4s ease}.logged-habits{border-top:2px solid #0891b2;margin-top:20px;padding-top:20px}.logged-habits h4{color:#0891b2;font-size:13px;font-weight:700;letter-spacing:.3px;margin:0 0 12px;text-transform:uppercase}.logged-habits ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.logged-habits li{align-items:center;background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border-left:3px solid #0891b2;border-radius:6px;color:#0d5460;display:flex;font-size:13px;gap:10px;padding:8px}.check-mark{color:#0891b2;font-size:14px;font-weight:700}@media (max-width:768px){.login-card{padding:40px 30px}.score-display{flex-direction:column;text-align:center}.score-circle{height:120px;width:120px}.score-number{font-size:40px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.habits-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.tab-button{font-size:11px;min-width:70px;padding:9px 12px}.breadcrumb-item{font-size:10px;padding:8px 14px}}.table-wrapper{overflow-x:auto;width:100%}.table-header{border-bottom:2px solid #0889b233;margin-bottom:20px;padding-bottom:15px}.table-title{color:#0d5460;font-size:16px;font-weight:700;margin:0 0 5px}.table-subtitle{color:#0891b2;font-size:13px;font-weight:600;margin:0}.habit-table{border-collapse:collapse;margin-top:15px;width:100%}.habit-table thead{background:linear-gradient(180deg,#0889b226,#06b6d414);border-bottom:2px solid #0891b2}.habit-table th{color:#0891b2;font-size:12px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.habit-table tbody tr{border-bottom:1px solid #0889b21a;transition:all .3s ease}.habit-table tbody tr.even{background:#e0f2fe33}.habit-table tbody tr.odd{background:#b0eaf526}.habit-table tbody tr:hover{background:#0889b226}.habit-table td{color:#0d5460;font-size:13px;padding:14px 16px}.date-cell{color:#0891b2;font-weight:700;white-space:nowrap;width:180px}.habits-cell{flex:1 1}.habit-list{display:flex;flex-wrap:wrap;gap:6px}.habit-tag{background:linear-gradient(135deg,#0889b226,#06b6d41a);border:1px solid #0891b2;border-radius:6px;color:#0891b2;display:inline-block;font-size:11px;font-weight:600;padding:5px 10px;white-space:nowrap}.count-cell{text-align:center;width:80px}.count-badge{background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:12px;box-shadow:0 2px 8px #0889b233;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:6px 12px}.no-data{color:#00838f;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:768px){.habit-table{font-size:12px}.habit-table td,.habit-table th{padding:10px 8px}.date-cell{font-size:11px;width:120px}.habit-tag{font-size:10px;padding:4px 8px}.count-badge{font-size:11px;padding:5px 10px}}.back-btn{background:#0889b233;border:2px solid #0891b2;border-radius:8px;color:#0891b2;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s}.back-btn:hover{background:#0891b2;color:#fff}.quick-nav{grid-gap:12px;background:linear-gradient(135deg,#0889b21a,#06b6d40d);border:2px solid #0891b2;border-radius:15px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:30px;padding:20px}.quick-nav-btn{background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 12px #0889b233;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:14px 16px;transition:all .3s}.quick-nav-btn:hover{box-shadow:0 6px 16px #0889b24d;transform:translateY(-2px)}.prayer-section{padding:30px 20px}.prayer-entry-card{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;padding:25px}.prayer-entry-card h3{color:#0891b2;font-size:18px;font-weight:700;margin:0 0 15px}.prayer-textarea{background:#e0f2fe4d;border:2px solid #0891b2;border-radius:12px;color:#0d5460;font-family:inherit;font-size:14px;min-height:140px;padding:16px;resize:vertical;transition:all .3s;width:100%}.prayer-textarea:focus{background:#e0f2fe80;box-shadow:0 0 0 3px #0889b21a;outline:none}.mood-selector,.tags-selector{margin-top:15px}.mood-selector label,.tags-selector label{color:#0d5460;display:block;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.mood-options,.tags-options{display:flex;flex-wrap:wrap;gap:8px}.mood-btn,.tag-btn{background:#e0f2fe99;border:2px solid #0891b2;border-radius:8px;color:#0d5460;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s}.mood-btn:hover,.tag-btn:hover{background:#b0eaf580}.mood-btn.selected,.tag-btn.selected{background:linear-gradient(135deg,#0891b2,#06b6d4);border-color:#0891b2;color:#fff;font-weight:700}.prayer-history{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;padding:25px}.prayer-history h3{color:#0891b2;font-size:18px;font-weight:700;margin:0 0 15px}.prayer-list{display:flex;flex-direction:column;gap:12px}.prayer-item{background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border:1px solid #0889b233;border-radius:10px;padding:15px}.prayer-header{align-items:center;display:flex;font-size:11px;font-weight:700;justify-content:space-between;margin-bottom:10px}.prayer-mood{background:#0891b2;border-radius:6px;color:#fff;letter-spacing:.2px;padding:4px 10px;text-transform:uppercase}.prayer-date{color:#00838f}.prayer-text{color:#0d5460;font-size:13px;line-height:1.5;margin:0 0 8px;word-break:break-word}.prayer-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.prayer-tag{background:#0889b226;border-radius:4px;color:#0891b2;font-size:10px;font-weight:600;letter-spacing:.2px;padding:4px 8px;text-transform:uppercase}.profile-section{padding:30px 20px}.profile-card{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;padding:30px;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:50%;box-shadow:0 6px 20px #0889b233;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.profile-card h3{color:#0d5460;font-size:24px;font-weight:700;margin:0 0 5px}.profile-email{color:#00838f;font-size:12px;margin:0 0 20px}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:20px}.stat-box{background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border:2px solid #0891b2;border-radius:12px;padding:15px}.stat-box .stat-value{color:#0891b2;font-size:24px;font-weight:800;margin-bottom:5px}.stat-box .stat-label{color:#00838f;font-size:11px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.badges-section{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;padding:25px}.badges-section h3{color:#0891b2;font-size:18px;font-weight:700;margin:0 0 15px}.badges-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.badge-item{background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border:2px solid #0891b2;border-radius:12px;padding:15px;text-align:center;transition:all .3s}.badge-item:hover{box-shadow:0 6px 16px #0889b233;transform:translateY(-3px)}.badge-emoji{display:block;font-size:32px;margin-bottom:8px}.badge-name{color:#0891b2;font-size:12px;font-weight:700;margin-bottom:5px}.badge-date{color:#00838f;font-size:10px}.available-badges{background:#e0f2fe4d;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:15px}.available-badge{align-items:center;background:#fff9;border:1px solid #0889b233;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s}.available-badge:hover{background:#ffffffe6}.ab-emoji{font-size:24px;min-width:30px}.ab-info{flex:1 1}.ab-name{color:#0d5460;font-size:12px;font-weight:700}.ab-desc{color:#00838f;font-size:11px;margin-top:2px}.ab-btn{background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:6px 12px;transition:all .3s}.ab-btn:hover{box-shadow:0 4px 12px #0889b24d;transform:translateY(-1px)}.bible-section{padding:30px 20px}.bible-search{display:flex;gap:10px;margin-bottom:30px}.bible-input{background:linear-gradient(135deg,#e0f2fe66,#b0eaf533);border:2px solid #0891b2;border-radius:10px;color:#0d5460;flex:1 1;font-size:13px;padding:12px 16px;transition:all .3s}.bible-input:focus{background:#e0f2fe99;box-shadow:0 0 0 3px #0889b21a;outline:none}.featured-verse{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin-bottom:30px;padding:25px}.featured-verse h3{color:#0891b2;font-size:16px;font-weight:700;margin:0 0 15px}.verse-display{background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border-left:4px solid #0891b2;border-radius:10px;padding:18px}.verse-text{color:#0d5460;font-size:15px;font-style:italic;font-weight:500;line-height:1.6;margin:0 0 10px}.verse-ref{color:#0891b2;font-size:12px;font-weight:700;margin:0}.bible-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.feature-card{background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border:2px solid #0891b2;border-radius:12px;padding:16px;text-align:center}.feature-emoji{display:block;font-size:28px;margin-bottom:8px}.feature-card h4{color:#0891b2;font-size:13px;font-weight:700;margin:0 0 6px}.feature-card p{color:#00838f;font-size:11px;line-height:1.4;margin:0}.bible-info{background:linear-gradient(135deg,#0889b21a,#06b6d40d);border:2px solid #0891b2;border-radius:12px;padding:16px;text-align:center}.bible-info p{color:#0d5460;font-size:12px;font-weight:600;margin:5px 0}.pb.gld{background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:10px;box-shadow:0 4px 12px #0889b233;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:12px 24px;transition:all .3s;width:100%}.pb.gld:hover{box-shadow:0 6px 16px #0889b24d;transform:translateY(-2px)}@media (max-width:768px){.bible-features,.profile-stats,.quick-nav{grid-template-columns:1fr}}.badge-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.badge-modal{animation:bounceIn .5s ease;background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:20px;box-shadow:0 20px 60px #0889b266;max-width:300px;padding:40px 30px;text-align:center}.badge-modal-emoji{animation:spin .6s ease;font-size:80px;margin-bottom:15px}.badge-modal h2{color:#fff;font-size:24px;font-weight:800;margin:0 0 10px}.badge-modal-name{color:#e0f7fa;font-size:18px;font-weight:700;margin:0 0 10px}.badge-modal-msg{color:#ffffffe6;font-size:14px;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.streak-alert{animation:slideDown .3s ease,slideUp .3s ease 2.7s forwards;background:linear-gradient(135deg,#0891b2,#06b6d4);border-radius:10px;box-shadow:0 8px 24px #0889b24d;color:#fff;font-size:14px;font-weight:700;left:50%;padding:14px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:9998}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-30px)}}.export-btn{background:linear-gradient(135deg,#0891b2,#06b6d4);border:none;border-radius:8px;box-shadow:0 4px 12px #0889b233;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .3s}.export-btn:hover{box-shadow:0 6px 16px #0889b24d;transform:translateY(-2px)}.bookmarks-section{background:linear-gradient(135deg,#ffffffe6,#e0f2fe99);border:2px solid #0891b2;border-radius:20px;box-shadow:0 10px 30px #0889b21a;margin:30px 0;padding:25px}.bookmarks-section h3{color:#0891b2;font-size:16px;font-weight:700;margin:0 0 15px}.bookmarks-list{display:flex;flex-direction:column;gap:10px}.bookmark-item{background:linear-gradient(135deg,#e0f2fe80,#b0eaf54d);border:2px solid #0891b2;border-radius:10px;padding:14px;position:relative;transition:all .3s}.bookmark-item:hover{box-shadow:0 4px 12px #0889b226;transform:translateX(3px)}.bookmark-ref{color:#0891b2;font-size:12px;font-weight:700;letter-spacing:.2px;margin-bottom:6px;text-transform:uppercase}.bookmark-text{color:#0d5460;font-size:13px;font-style:italic;line-height:1.5;margin:0}.remove-bookmark{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-weight:700;height:28px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:all .3s;width:28px}.remove-bookmark:hover{background:#ef44444d;border-color:#ef444499;transform:scale(1.1)}.bookmark-btn{background:#0889b233;border:2px solid #0891b2;border-radius:6px;color:#0891b2;cursor:pointer;font-size:11px;font-weight:700;margin-top:10px;padding:8px 14px;transition:all .3s}.bookmark-btn:hover{background:#0891b2;color:#fff}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header h2{color:#0d5460;font-size:24px;font-weight:700;margin:0}.section-header>div{display:flex;gap:10px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-header>div{width:100%}.back-btn,.export-btn{flex:1 1}}
/*# sourceMappingURL=main.da2c41d6.css.map*/