body{-webkit-font-smoothing:antialiased;background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-nav{align-items:center;background:#fff;border-bottom:1px solid #eaeaea;display:flex;height:64px;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:1000}.nav-brand{color:#333;font-size:1.2rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.nav-center{display:flex;gap:30px}.nav-link{border-bottom:2px solid #0000;color:#666;font-size:.95rem;font-weight:500;padding:21px 0;text-decoration:none;transition:all .2s ease}.nav-link:hover{color:#000}.nav-link.active{border-bottom:2px solid #0078d4;color:#0078d4}.header-plus-btn{align-items:center;background:#0078d4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;width:36px}.content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:40px 20px;width:100%}.landing-page{align-items:center;background:linear-gradient(135deg,#0078d4,#003a66);display:flex;height:100vh;justify-content:center;padding:20px}.hero-card{background:#fff;border-radius:24px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px 30px;text-align:center}.brand-logo{color:#333;font-size:2.5rem;font-weight:800;letter-spacing:4px;margin-bottom:5px}.tagline{color:#666;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.auth-buttons{display:flex;flex-direction:column;gap:12px;margin-top:30px}.btn-primary{background:#0078d4;border:none;border-radius:8px;color:#fff;cursor:pointer}.btn-primary,.btn-secondary{font-weight:700;padding:12px;text-align:center;text-decoration:none}.btn-secondary{background:#fff;border:2px solid #0078d4;border-radius:8px;color:#0078d4}.hobbies-container{align-items:flex-start;display:flex;gap:40px}.hobbies-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:8px;width:240px}.hobby-selector{align-items:center;background:none;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.hobby-selector:hover{background:#fff;box-shadow:0 4px 10px #00000008}.hobby-selector.active{background:#fff;border-color:#eee;box-shadow:0 4px 12px #0000000d}.selector-icon{font-size:1.2rem}.selector-name{color:#666;font-size:.95rem;font-weight:600}.hobby-selector.active .selector-name{color:#000}.hobby-workspace{background:#fff;border-radius:24px;box-shadow:0 10px 30px #00000005;flex:1 1;min-height:65vh;padding:40px}.workspace-header{align-items:center;display:flex;gap:15px;margin-bottom:30px}.brand-dot{border-radius:50%;height:12px;width:12px}.workspace-header h1{font-size:1.8rem;letter-spacing:-.5px;margin:0}.empty-state{color:#999;margin-top:80px;text-align:center}.loading{align-items:center;animation:pulse 1.5s infinite;color:#0078d4;display:flex;font-weight:900;height:100vh;justify-content:center;letter-spacing:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.add-pill-btn{background:#f0f2f5;border:none;border-radius:20px;color:#555;cursor:pointer;font-weight:600;margin-left:auto;padding:8px 16px;transition:.2s}.add-pill-btn:hover{background:#e4e6e9;color:#000}.entry-form{gap:20px;max-width:500px}.entry-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#666;font-size:.85rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px}.form-actions{display:flex;gap:12px;margin-top:10px}.btn-ghost{background:none;border:none;color:#666;cursor:pointer;font-weight:600}.entry-card{border:1px solid #eee;border-radius:12px;margin-bottom:12px;padding:20px}.entry-card h3{font-size:1.1rem;margin:0 0 8px}.entry-card p{color:#666;font-size:.95rem;margin:0;white-space:pre-line}.badge{background:#f0f2f5;border-radius:6px;color:#666;display:inline-block;font-size:.75rem;font-weight:700;margin-bottom:10px;padding:4px 8px}select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px}.status-toggle-group{background:#f0f2f5;border-radius:10px;display:flex;gap:4px;padding:4px}.status-btn{background:none;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:8px;transition:all .2s}.status-btn.active{box-shadow:0 2px 8px #0000001a}
/*# sourceMappingURL=main.65d18adb.css.map*/