:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-bg: #ffffff;--color-bg-secondary: #f9fafb;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-error: #ef4444;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-border: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}.hobify-app{display:flex;flex-direction:column;min-height:100vh}.hobify-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1rem}.hobify-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:100}.hobify-header-inner{max-width:1200px;margin:0 auto;padding:0 1rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.hobify-logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.hobify-nav{display:flex;gap:1.5rem}.hobify-nav a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.hobify-nav a:hover{color:var(--color-primary)}.hobify-locale-select{padding:.3rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.85rem}.hobify-footer{border-top:1px solid var(--color-border);padding:1.5rem 1rem;text-align:center;color:var(--color-text-secondary);font-size:.85rem}.hobify-page{padding:1rem 0}.hobify-page h1{font-size:2rem;margin-bottom:1rem}.hobify-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.hobify-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);transition:box-shadow .2s}.hobify-card:hover{box-shadow:0 4px 12px #0000001a}.hobify-btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:background-color .2s}.hobify-btn--primary{background:var(--color-primary);color:#fff}.hobify-btn--primary:hover{background:var(--color-primary-hover)}.hobify-btn--secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.hobify-btn--ghost{background:transparent;color:var(--color-text)}.hobify-btn--danger{background:var(--color-error);color:#fff}.hobify-btn--sm{padding:.4rem .8rem;font-size:.85rem}.hobify-btn--md{padding:.6rem 1.2rem;font-size:.9rem}.hobify-btn--lg{padding:.8rem 1.6rem;font-size:1rem}.hobify-input-group{display:flex;flex-direction:column;gap:.3rem}.hobify-input-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.hobify-input{padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.9rem}.hobify-input--error{border-color:var(--color-error)}.hobify-input-error{font-size:.8rem;color:var(--color-error)}.hobify-select-group{display:flex;flex-direction:column;gap:.3rem}.hobify-select-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.hobify-select{padding:.6rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.9rem}.hobify-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.hobify-modal{background:var(--color-bg);border-radius:var(--radius);padding:1.5rem;max-width:500px;width:90%;box-shadow:0 8px 30px #00000026}.hobify-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hobify-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary)}.hobify-not-found{text-align:center;padding:4rem 0}.hobify-not-found h1{font-size:6rem;color:var(--color-text-secondary)}.hobify-auth-page{display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.hobify-auth-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:2rem;width:100%;max-width:420px;box-shadow:var(--shadow)}.hobify-auth-card h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.hobify-auth-form{display:flex;flex-direction:column;gap:1rem}.hobify-auth-form .hobify-btn{width:100%;margin-top:.5rem}.hobify-auth-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:.6rem .8rem;border-radius:var(--radius);font-size:.85rem}.hobify-auth-switch{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--color-text-secondary)}.hobify-auth-switch a{color:var(--color-primary);text-decoration:none;font-weight:500}.hobify-auth-switch a:hover{text-decoration:underline}.hobify-header-actions{display:flex;align-items:center;gap:.75rem}.hobify-user-menu{display:flex;align-items:center;gap:.5rem}.hobify-user-name{font-size:.9rem;font-weight:500}.hobify-auth-links{display:flex;align-items:center;gap:.5rem}.hobify-auth-links a{text-decoration:none}.hobify-hero{text-align:center;padding:2rem 0 3rem}.hobify-hero h1{font-size:2.5rem;margin-bottom:.5rem}.hobify-hero-subtitle{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.hobify-hero-actions{display:flex;gap:.75rem;justify-content:center}.hobify-hero-actions a{text-decoration:none}.hobify-hobby-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.hobify-hobby-card{text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}.hobify-hobby-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.hobify-hobby-icon{font-size:2.5rem;margin-bottom:.5rem}.hobify-hobby-card h3{margin-bottom:.75rem;font-size:1rem}.hobify-hobby-link{text-decoration:none;color:inherit}.hobify-empty{text-align:center;color:var(--color-text-secondary);padding:2rem 0}.hobify-auth-hint{text-align:center;color:var(--color-text-secondary);padding:1rem 0;font-size:.9rem}.hobify-equipment-catalog{margin-bottom:2rem}.hobify-equipment-catalog h2,.hobify-my-equipment h2{font-size:1.3rem;margin-bottom:1rem}.hobify-equipment-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.hobify-equipment-filters>*{flex:1;min-width:200px}.hobify-equipment-models{margin-bottom:1.5rem}.hobify-equipment-models h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-text-secondary)}.hobify-equipment-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hobify-equipment-model-card{cursor:pointer;transition:border-color .2s,box-shadow .2s}.hobify-equipment-model-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.hobify-equipment-brand{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.25rem}.hobify-equipment-model-name{font-weight:600;font-size:.95rem}.hobify-equipment-nickname{font-size:.85rem;color:var(--color-primary);font-style:italic;margin:.25rem 0 .5rem}.hobify-equipment-add{display:flex;gap:1rem;align-items:flex-end;margin-top:1rem;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius)}.hobify-equipment-add>.hobify-input-group{flex:1}.hobify-my-equipment{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.hobify-my-equipment-card{display:flex;flex-direction:column;gap:.25rem}.hobify-my-equipment-card .hobify-btn{margin-top:.5rem;align-self:flex-start}.hobify-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.hobify-page-header h1{margin-bottom:0}.hobify-activity-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.hobify-activity-form h2{font-size:1.2rem;margin-bottom:1rem}.hobify-activity-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.hobify-activity-stats-form{margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.hobify-activity-stats-form h3{font-size:1rem;margin-bottom:.75rem;color:var(--color-text-secondary)}.hobify-activity-list{margin-top:1.5rem}.hobify-activity-list h2{font-size:1.3rem;margin-bottom:1rem}.hobify-activity-cards{display:flex;flex-direction:column;gap:.75rem}.hobify-activity-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.hobify-activity-card-header{display:flex;align-items:center;gap:.75rem;flex:1}.hobify-activity-icon{font-size:1.5rem}.hobify-activity-hobby{font-weight:600;font-size:.95rem}.hobify-activity-type{font-size:.8rem;color:var(--color-text-secondary)}.hobify-activity-card-time{display:flex;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary);margin-right:1rem}