.home-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{padding:0 var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-bg);z-index:10;justify-content:space-between;align-items:center;height:54px;display:flex;position:sticky;top:0}.navbar-logo{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.navbar-logo-icon{background:var(--color-primary);border-radius:var(--radius-sm);color:#000;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.navbar-logo-text{font-size:var(--font-size-md);color:var(--color-primary);letter-spacing:-.02em;font-weight:700}.navbar-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);letter-spacing:.02em;text-transform:uppercase;padding:2px 8px;font-weight:500}.hero{text-align:center;padding:var(--space-16) var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-8);padding:5px 12px;font-weight:600;animation:.4s .1s both fadeIn;display:inline-flex}.hero-eyebrow .dot{background:var(--color-success);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse}.hero-title{letter-spacing:-.035em;color:var(--color-primary);margin-bottom:var(--space-5);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1.1;animation:.4s .15s both fadeIn}.hero-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:500px;margin-bottom:var(--space-12);font-weight:400;line-height:1.65;animation:.4s .2s both fadeIn}.dashboard-wrapper{gap:var(--space-6);align-items:stretch;width:100%;max-width:900px;animation:.4s .3s both fadeIn;display:flex}.action-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);flex-direction:column;flex:50%;display:flex}.create-actions{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.btn-create{flex:1}.btn-schedule{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.history-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;flex:50%;display:flex;overflow:hidden}.history-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.history-title{font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);color:var(--color-text);letter-spacing:.02em;font-weight:700;display:flex}.history-title .ti{color:var(--color-primary);font-size:1.1rem}.history-list{padding:var(--space-3);flex-direction:column;flex:1;gap:2px;max-height:380px;display:flex;overflow-y:auto}.history-empty{height:100%;padding:var(--space-6);color:var(--color-text-faint);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.history-empty .ti{font-size:2rem}.history-item{padding:10px var(--space-3);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.history-item:hover{background:var(--color-surface-4)}.history-item-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.history-item-id{font-size:var(--font-size-sm);color:var(--color-text);font-family:Courier New,monospace;font-weight:600}.history-item-date{color:var(--color-text-muted);font-size:11px}.history-item-actions{gap:var(--space-1);display:flex}.action-card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-1);letter-spacing:-.02em;font-weight:700}.action-card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.or-divider{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);color:var(--color-text-faint);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.join-form{gap:var(--space-2);display:flex}.join-form .input{font-size:var(--font-size-sm);flex:1}.join-form .btn{font-size:var(--font-size-sm);gap:var(--space-1);flex-shrink:0;padding:.5rem .875rem}.name-section{margin-bottom:var(--space-5)}.name-section label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2);font-weight:600;display:block}.features{justify-content:center;gap:var(--space-6);padding:var(--space-6) var(--space-8) var(--space-10);border-top:1px solid var(--color-border);flex-wrap:wrap;animation:.4s .5s both fadeIn;display:flex}.feature-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:500;display:flex}.feature-item .ti{color:var(--color-text-muted);font-size:.9rem}@media (width<=800px){.dashboard-wrapper{flex-direction:column}.history-list{max-height:250px}}@media (width<=640px){.navbar{padding:0 var(--space-5)}.hero{padding:var(--space-12) var(--space-5)}.action-card{padding:var(--space-6) var(--space-5)}.join-form{flex-direction:column}.features{gap:var(--space-4)}}