:root{--font-sans: "Jost", "Jost Fallback", system-ui, sans-serif;--color-black: #000;--color-white: #fff;--color-yellow: #ffdd00bb;--color-red: #ff000090;--border-color-red: rgba(188, 48, 48, .35);--border-color-green: rgba(0, 255, 119, .35);--border-color-yellow: rgba(255, 225, 0, .3);--border-color-blue: rgba(0, 128, 255, .702);--border-color-grey: rgba(136, 149, 142, .722);--background-color-grey: rgba(136, 149, 142, .082);--background-color-green: rgba(0, 255, 119, .05);--background-color-blue: rgba(0, 128, 255, .05);--background-color-red: rgba(188, 48, 48, .107);--background-color-yellow: rgba(255, 225, 0, .075);--neutral--300: #6d7081;--neutral--400: #3b3d4a}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#666 #222}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#222}*::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:#999}body{font-family:var(--font-sans);background:#f5f5f5;color:#333;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;background-color:#212121;background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;width:100%}#app{position:relative;max-width:100vh;margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;border-radius:0 0 1rem 1rem;margin-bottom:25px;position:relative}.logo{font-size:1.5rem;font-weight:400;cursor:pointer}.nav-actions{display:flex;gap:1rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:5px;text-decoration:none;font-weight:500;transition:all .2s;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.2)}.nav-icon{width:20px;height:20px;fill:currentColor}.hamburger{display:none}.search-container{position:relative;width:100%;max-width:400px}.search-bar{width:100%;padding:.3rem 2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:1.2rem;font-family:Jost,system-ui,sans-serif;background:transparent;color:#fff;outline:none;transition:all .3s ease}.search-bar:focus{outline:none}.search-bar::placeholder{color:#ffffffb3}.search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#ffffffb3;pointer-events:none;z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:24px;height:24px}.clear-search:hover{color:#fff;background-color:#ffffff1a}.tooltip{position:relative}.tooltip .tooltip-text{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:6px 10px;border-radius:6px;position:absolute;z-index:10;top:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s;white-space:nowrap}.tooltip .tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #111 transparent}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.logout:hover{border-color:var(--border-color-red);background-color:var(--background-color-red);color:#fff;transition:.5s;cursor:pointer}.new-bucket:hover{border-color:var(--border-color-green);background-color:var(--background-color-green);color:#fff;transition:.5s;cursor:pointer}.open-bucket:hover{border-color:var(--border-color-blue);background-color:var(--background-color-blue);color:#fff;transition:.5s}img{width:32px;height:32px;padding:2px;cursor:pointer}.main-content{flex:1;padding:2rem;display:flex;justify-content:center;align-items:center;max-width:100vh;margin:0 auto;width:100%;flex-direction:column;min-height:80vh}.auth-card{background:transparent;color:#fff;padding:2rem;border-radius:1rem;width:100%;max-width:400px}.auth-card h2{margin-bottom:1.5rem;text-align:center}.auth-card p{margin-bottom:1.5rem;text-align:center;margin-top:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card input,.auth-card textarea{padding:.5rem 2.5rem .5rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:1.2rem;font-family:Jost,system-ui,sans-serif;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;position:relative;resize:none}.auth-card input.signup:focus,.auth-card textarea.signup:focus{outline:none}.auth-card input.login:focus,.auth-card textarea.login:focus{outline:none}.auth-card .new-bucket:hover{border-color:var(--border-color-green);background-color:var(--background-color-green);color:#fff;transition:.5s}.auth-card .open-bucket:hover{border-color:var(--border-color-blue);background-color:var(--background-color-blue);color:#fff;transition:.5s}.auth-card button{padding:.5rem;background:#fff3;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-family:Jost,system-ui,sans-serif;border:1px solid rgba(255,255,255,.2)}.auth-footer-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:.5rem}.auth-card .auth-footer{text-align:center;display:flex;justify-content:center;align-items:center;margin-top:10px;cursor:pointer}.auth-card .auth-footer:hover{text-decoration:underline}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-wrapper input{width:100%;padding-right:2.5rem;box-sizing:border-box}.eye-icon{position:absolute;right:.5rem;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bucket-content{display:flex;flex-direction:column;color:#fff;max-height:calc(100vh - 15rem);overflow-y:auto;scroll-behavior:smooth;padding-right:10px;margin-top:10px}.no-buckets{display:flex;justify-content:center;align-items:center;height:100%;color:#fff;font-size:1rem;text-align:center;margin-top:2rem}.no-buckets .create-first-bucket{cursor:pointer}.no-buckets .create-first-bucket:hover{text-decoration:underline}.bucket-container{display:flex;flex-direction:column;gap:5px}.bucket{width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;padding:.6rem .8rem;color:#fff;transition:all .5s;font-size:1rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.bucket:hover{border-color:var(--border-color-grey);background-color:var(--background-color-grey);color:#fff;box-shadow:0 1px 8px #0000001a;transition:.5s}.pin-color{border-color:var(--border-color-yellow)!important}.bucket-name{font-style:italic}.bucket-actions{margin-left:auto;display:flex;gap:.8rem;justify-content:center;align-items:center;position:relative}.created-at{font-size:.9rem}.star-icon,.delete-icon{opacity:0;transition:opacity .5s ease;color:#fff;cursor:pointer;background:none;border:none;font-size:1rem;width:20px;height:20px}.bucket:hover .star-icon,.bucket:hover .delete-icon{opacity:1}.star-icon:hover{color:var(--color-yellow)}.bucket-link-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:1rem;transition:all .2s}.bucket-link-container .bucket-name{font-size:1.2rem;color:#fff}.bucket-link-container p{color:#fff;font-size:1rem;font-weight:400;font-style:italic}.links-list{display:flex;flex-direction:column;gap:.5rem;margin-top:20px;max-height:calc(100vh - 15rem);overflow-y:auto;scroll-behavior:smooth}.links-list img{width:18px;height:18px;border-radius:6px;box-shadow:0 2px 6px #0003;object-fit:cover;vertical-align:middle;transition:transform .2s ease}.links-list img:hover{transform:scale(1.1)}.link-item{display:flex;align-items:center;justify-content:left;gap:.75rem;padding:.2rem;border-radius:4px;transition:all .2s;cursor:pointer;text-decoration:none;color:#fff;opacity:.9}.link-item:hover .link-text{text-decoration:underline}.link-item:hover{opacity:1}.link-icon{flex-shrink:0;color:#a78bfa}.link-text{flex:1;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.link-external{flex-shrink:0;opacity:.5;transition:opacity .2s}.link-item:hover .link-external{opacity:1}.link-item .green{border-color:var(--border-color-green);background-color:var(--background-color-green);min-width:120px}.link-item .default{min-width:120px}.link-item .red{border-color:var(--border-color-red);background-color:var(--background-color-red);color:#fff;min-width:120px}.link-item .yellow{border-color:var(--border-color-yellow);background-color:var(--background-color-yellow);min-width:120px}.link-item p{text-align:center;min-width:5rem;padding:.1rem .5rem;background:transparent;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-family:Jost,system-ui,sans-serif;border:1px solid rgba(255,255,255,.2);margin:0;font-style:normal}.link-item .delete-icon,.link-item .edit-icon{opacity:1;transition:opacity .5s ease;color:#fff;cursor:pointer;background:none;border:none;font-size:1rem;width:20px;height:20px}.delete-icon:hover{color:var(--color-red)}.edit-icon:hover{color:var(--color-yellow)}.cb-auth-card{background:transparent;color:#fff;padding:1rem;border-radius:1rem}.cb-auth-card h2{margin-bottom:1.5rem;text-align:center}.cb-auth-card form{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.cb-auth-card input{min-width:400px;padding:.3rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:1.2rem;font-family:Jost,system-ui,sans-serif;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.cb-auth-card input.signup:focus{outline:none;border-color:var(--border-color-green)}.cb-auth-card input.login:focus{outline:none}.cb-auth-card .new-bucket:hover,.cb-auth-card .open-bucket:hover{border-color:var(--border-color-green);background-color:var(--background-color-green);color:#fff;transition:.5s}.cb-auth-card button{min-width:400px;padding:.3rem .8rem;background:transparent;color:#fff;border:none;border-radius:6px;font-size:1.2rem;cursor:pointer;font-family:Jost,system-ui,sans-serif;border:1px solid rgba(255,255,255,.2)}.cb-auth-card .auth-footer{text-align:center;display:flex;justify-content:center;align-items:center;margin-top:10px;cursor:pointer}.cb-auth-card .auth-footer:hover{text-decoration:underline}.cb-auth-card.item-form form{flex-direction:column}.cb-auth-card textarea,.cb-auth-card select{min-width:400px;max-height:200px;padding:.3rem .5rem;border:1px solid #ccc;border-radius:6px;font-size:1.2rem;font-family:Jost,system-ui,sans-serif;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff}.cb-auth-card .item-textarea{resize:vertical;min-height:100px}.cb-auth-card .difficulty-select{cursor:pointer}.cb-auth-card .difficulty-select option{background:#333;color:#fff}.cb-auth-card textarea:focus,.cb-auth-card select:focus{outline:none}.landing-content{color:#fff;overflow-x:hidden}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem;text-align:center;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-text{margin-bottom:3rem;z-index:1;position:relative}.hero-text .how-it-works{cursor:pointer;margin:0 0 10px;padding:0}.hero-text .how-it-works:hover{text-decoration:underline}.main-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:var(--color-white);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.subtitle{font-size:1rem;color:#fffc;max-width:600px;line-height:1.6;margin:0 auto;text-align:left}.cta-buttons{display:flex;gap:1rem;z-index:1;position:relative}.btn{text-decoration:none;padding:.3rem .5rem;background:transparent;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-family:Jost,system-ui,sans-serif;border:1px solid rgba(255,255,255,.2);font-weight:500;transition:all .5s;display:flex;align-items:center;gap:.5rem}.btn:hover{border-color:var(--border-color-green);background-color:var(--background-color-green);color:#fff}.features-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:var(--border-color-green, rgba(76, 175, 80, .5));box-shadow:0 10px 30px #0003}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.4rem;margin-bottom:1rem;color:#fff}.feature-card p{color:#fffc;line-height:1.6}.demo-content{color:#fff;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;position:relative}.demo-content .demo-section{padding:4rem 2rem;background:#ffffff05;max-width:1000px;margin:0 auto;border-radius:20px;margin-bottom:4rem}.demo-content .section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#fff}.demo-content .demo-steps{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem}.demo-content .step{text-align:center;flex:1;min-width:250px;max-width:300px}.demo-content .step-number{width:60px;height:60px;background:var(--background-color-blue);border:1px solid var(--border-color-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;color:#fff}.demo-content .step h4{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.demo-content .step p{color:#fffc;line-height:1.5}.footer{margin-top:10px;padding:1rem 2rem;text-align:center;color:#fff;font-size:.9rem;border-radius:1rem 1rem 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px}.feedback{text-decoration:underline;cursor:pointer}.dashboard{margin:0 auto;padding:20px;color:#fff}h1{color:#fff;margin-bottom:30px;text-align:center}.section{margin-bottom:20px}.section h2{color:#fff;margin-bottom:10px;font-size:18px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric-box{background:#222;border:1px solid #444;padding:10px;text-align:center}.metric-value{font-size:28px;font-weight:700;color:#fff;display:block;margin-bottom:8px}.metric-label{font-size:16px;color:#ccc}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.dashboard{padding:10px}}.loader{display:flex;justify-content:center;align-items:center;min-height:50vh}.bar{display:inline-block;width:3px;height:20px;background-color:#ffffff80;border-radius:10px;animation:scale-up4 1s linear infinite}.bar:nth-child(2){height:35px;margin:0 5px;animation-delay:.25s}.bar:nth-child(3){animation-delay:.5s}@keyframes scale-up4{20%{background-color:#fff;transform:scaleY(1.5)}40%{transform:scaleY(1)}}.feedback-container{max-height:80vh;padding:20px}.feedback-container h2{margin-bottom:20px;font-size:24px;font-weight:600;color:#fff}.feedback-list{max-height:calc(80vh - 80px);overflow-y:auto;padding-right:8px}.feedback-box{color:#999;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.feedback-box:hover{box-shadow:0 4px 8px #00000026}.user-email{font-weight:600;color:#fff;font-size:14px;margin-bottom:8px;padding-bottom:8px}.feedback-text{color:#fff;line-height:1.5;font-size:16px;word-wrap:break-word}.empty-state{text-align:center;color:#999;font-style:italic;padding:40px 0}.feedback-list::-webkit-scrollbar{width:8px}.feedback-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.feedback-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.feedback-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}