@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap";:root{--primary-accent:#06b6d4;--accent-glow:#06b6d459;--blob-1-color:#3b82f6;--blob-2-color:#06b6d4;--font:"Poppins";--heading-weight:600;--normal-weight:300}.dark-mode{--bg-dark:#07090e;--glass-bg:#ffffff06;--glass-border:#ffffff0f;--glass-shine:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--panel-shadow:0 16px 40px 0 #00000073}.light-mode{--bg-dark:#f1f5f9;--glass-bg:#ffffffb3;--glass-border:#00000014;--glass-shine:#0000000a;--text-main:#0f172a;--text-muted:#64748b;--panel-shadow:0 16px 40px 0 #00000014}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .3s;overflow-x:hidden}.app-container{background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);font-family:var(--font);font-weight:var(--normal-weight);flex-direction:column;transition:background-color .3s,color .3s;display:flex;position:relative;overflow-x:hidden}*{box-sizing:border-box}.liquid-blob{filter:blur(140px);z-index:-1;opacity:.25;pointer-events:none;border-radius:50%;width:500px;max-width:100vw;height:500px;transition:background .5s;position:absolute}.blob-1{background:var(--blob-1-color);top:-150px;left:-100px}.blob-2{background:var(--blob-2-color);bottom:-150px;right:-100px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--panel-shadow)}.navbar{box-sizing:border-box;width:100%;font-family:var(--font);font-weight:var(--normal-weight);border-top:none;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:.9rem 2.5rem;display:flex}.nav-brand{font-family:var(--font);font-weight:var(--heading-weight);letter-spacing:-.03em;color:var(--text-main);align-items:center;gap:.6rem;font-size:1.2rem;display:flex}.brand-icon{color:var(--primary-accent)}.nav-right-cluster{align-items:center;gap:1rem;display:flex}.settings-trigger-btn{border:1px solid var(--glass-shine);color:var(--text-main);cursor:pointer;font-size:.88rem;font-family:var(--font);font-weight:var(--heading-weight);background:#ffffff0a;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;transition:all .2s;display:flex}.settings-trigger-btn:hover{border-color:var(--primary-accent)}.categories-wrapper{justify-content:center;padding:1rem 1rem .5rem;display:flex}.liquid-nav-container{font-family:var(--font);font-weight:var(--heading-weight);border-radius:9999px;gap:.4rem;padding:.4rem;display:flex;position:relative}.nav-tab-btn{color:var(--text-muted);cursor:pointer;z-index:1;font-size:.88rem;font-weight:500;font-family:var(--font);font-weight:var(--heading-weight);background:0 0;border:none;border-radius:9999px;padding:.7rem 1.4rem;transition:color .25s;position:relative}.nav-tab-btn:hover{color:var(--text-main)}.nav-tab-btn.active{color:#fff}.tab-content{z-index:2;align-items:center;gap:.5rem;display:flex;position:relative}.sliding-glass-pill{background:linear-gradient(135deg, var(--primary-accent), color-mix(in srgb, var(--primary-accent) 60%, #000));z-index:1;box-shadow:0 0 20px var(--accent-glow), inset 0 1px 1px #fff6;border-radius:9999px;position:absolute;inset:0}.main-content{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.mac-window{box-sizing:border-box;border-radius:16px;flex-direction:column;width:100%;max-width:650px;height:auto;min-height:320px;display:flex;overflow:hidden}.mac-titlebar{border-bottom:1px solid var(--glass-border);background:#ffffff08;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.mac-dots{gap:.45rem;width:70px;display:flex}.mac-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.mac-dot.red{background-color:#ff5f56}.mac-dot.yellow{background-color:#ffbd2e}.mac-dot.green{background-color:#27c93f}.mac-title{color:var(--text-muted);letter-spacing:-.01em;font-size:.85rem;font-weight:600}.mac-spacer{width:70px}.mac-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.mac-body h1{letter-spacing:-.03em;margin-top:0;font-size:2rem}.mac-body p{color:var(--text-muted);margin-bottom:0;line-height:1.6}.modal-backdrop{z-index:100;box-sizing:border-box;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.backdrop-blur-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;position:absolute;inset:0}.glass-modal{z-index:101;box-sizing:border-box;border-radius:24px;width:90%;max-width:400px;max-height:90vh;margin:auto;padding:2rem 1.5rem;position:relative;overflow-y:auto}.glass-modal h2{margin:0 0 .4rem;font-size:1.4rem}.modal-sub{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem}.close-btn{border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:1.2rem;right:1.2rem}.settings-section{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.settings-section label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.theme-picker-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.color-box{border:1px solid var(--glass-border);color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font);font-weight:var(--heading-weight);border-radius:10px;justify-content:center;align-items:center;padding:.6rem;transition:transform .2s;display:flex}.color-box:hover{transform:scale(1.02)}.selected-theme{border:2px solid #fff;box-shadow:0 0 10px #ffffff80}.mode-toggle-btn,.auth-action-btn{border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;font-size:.9rem;font-family:var(--font);font-weight:var(--heading-weight);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;transition:background .2s;display:flex}.mode-toggle-btn:hover,.auth-action-btn:hover{background:#ffffff1a}.logout-btn{color:#f43f5e;border-color:#f43f5e4d}.login-btn-action{color:var(--primary-accent);border-color:color-mix(in srgb, var(--primary-accent) 40%, transparent)}.welcome-badge{color:var(--text-main);background:color-mix(in srgb, var(--primary-accent) 20%, transparent);border:1px solid color-mix(in srgb, var(--primary-accent) 40%, transparent);border-radius:20px;padding:.4rem 1.1rem;font-size:.9rem;font-weight:500}.liquid-form{flex-direction:column;gap:1.1rem;display:flex}.input-group{text-align:left;font-family:var(--font);font-weight:var(--normal-weight);flex-direction:column;gap:.4rem;display:flex}.mac-body p,.content-card p{white-space:pre-line}.input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600;font-family:var(--font);font-weight:var(--normal-weight)}.input-group input{border:1px solid var(--glass-border);color:var(--text-main);font-size:.95rem;font-family:var(--font);font-weight:var(--normal-weight);background:#0003;border-radius:12px;outline:none;flex-shrink:0;height:46px;padding:.75rem 1rem;transition:border-color .2s}.input-group input:focus{border-color:var(--primary-accent)}.liquid-submit-btn{background:var(--primary-accent);color:#fff;cursor:pointer;box-shadow:0 0 20px var(--accent-glow);font-weight:600;font-family:var(--font);font-weight:var(--heading-weight);border:none;border-radius:12px;align-items:center;gap:8px;margin-top:.5rem;padding:.85rem;transition:opacity .2s}.liquid-submit-btn:hover{opacity:.9}.interactive-card{flex-direction:column;display:flex}.feedback-message-container{justify-content:center;align-items:center;max-width:300px;height:auto;min-height:28px;margin:0 auto;display:flex;overflow:hidden}.feedback-message-container p{white-space:normal;word-wrap:break-word;margin:0}