.calendar-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.calendar-header h1{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.calendar-nav{align-items:center;gap:.75rem;display:flex}.calendar-nav-btn{border:1px solid var(--border-color);background:var(--card-bg);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.calendar-nav-btn:hover{background:var(--hover-bg);border-color:var(--accent-blue)}.calendar-month-label{color:var(--text-primary);text-align:center;min-width:160px;font-size:1.125rem;font-weight:600}.calendar-today-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:.5rem;padding:.375rem .875rem;font-size:.85rem;transition:background .15s}.calendar-today-btn:hover{background:var(--hover-bg)}.calendar-ics-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.625rem;margin-top:1rem;padding:1rem 1.125rem}.calendar-ics-info{flex-direction:column;gap:.2rem;margin-bottom:.6rem;display:flex}.calendar-ics-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.calendar-ics-hint{color:var(--text-secondary);font-size:.75rem}.calendar-ics-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.calendar-ics-url-input{border:1px solid var(--border-color);background:var(--hover-bg,#0000000a);min-width:200px;color:var(--text-secondary);cursor:text;border-radius:.375rem;flex:1;padding:.375rem .625rem;font-family:monospace;font-size:.75rem}.calendar-ics-url-input:focus{border-color:var(--accent-blue);outline:none}.calendar-ics-copy-btn{cursor:pointer;white-space:nowrap;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:.375rem;padding:.375rem .75rem;font-size:.8rem;transition:background .15s,color .15s}.calendar-ics-copy-btn:hover{background:var(--hover-bg)}.calendar-ics-note{color:var(--text-secondary);margin:0;font-size:.75rem;line-height:1.5}.calendar-ics-generate-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.calendar-ics-generate-btn{border:1px solid var(--accent-blue,#3b82f6);background:var(--accent-blue,#3b82f6);color:#fff;cursor:pointer;white-space:nowrap;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .15s}.calendar-ics-generate-btn:hover:not(:disabled){opacity:.88}.calendar-ics-generate-btn:disabled{opacity:.6;cursor:not-allowed}.calendar-ics-rotate-hint{color:var(--text-secondary);font-size:.72rem}.calendar-ics-error{color:var(--color-error,#dc2626);margin:.25rem 0 .5rem;font-size:.8rem}.calendar-ics-steps{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.calendar-ics-steps-title{color:var(--text-secondary);margin:0 0 .35rem;font-size:.78rem;font-weight:600}.calendar-ics-steps-list{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.78rem;line-height:1.8}.calendar-ics-steps-list strong{color:var(--text-primary)}.calendar-legend{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1.25rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.375rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-dot.ga{background:#22c55e}.legend-dot.preview{background:#a855f7}.legend-dot.deadline{background:#f97316}.calendar-grid{border:1px solid var(--border-color);background:var(--card-bg);border-radius:.75rem;overflow:hidden}.calendar-weekdays{background:var(--hover-bg);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:.625rem 0;font-size:.75rem;font-weight:600}.calendar-days{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--card-bg);min-width:0;min-height:90px;padding:.5rem;transition:background .1s;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:var(--hover-bg);opacity:.6}.calendar-day.today .day-number{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-weight:700;display:flex}.day-number{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8rem;font-weight:500}.day-events{flex-direction:column;gap:2px;display:flex}.day-event{cursor:pointer;color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:2px 5px;font-size:.7rem;line-height:1.3;text-decoration:none;transition:opacity .15s;display:block;overflow:hidden}.day-event:hover{opacity:.85;color:#fff}.day-event.ga{background:#16a34a}.day-event.preview{background:#9333ea}.day-event.deadline{background:#ea580c}.day-event-overflow{color:var(--text-secondary);padding:1px 4px;font-size:.68rem}.calendar-loading{min-height:400px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:1rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.calendar-premium-notice{color:var(--text-secondary);background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid #6366f140;border-radius:.625rem;margin-top:1rem;padding:.875rem 1.125rem;font-size:.875rem}.calendar-premium-notice a{color:var(--accent-blue);font-weight:500}.calendar-breadcrumb{color:var(--text-secondary);align-items:center;gap:.375rem;margin-bottom:1rem;font-size:.875rem;display:flex}.calendar-breadcrumb a{color:var(--text-secondary);text-decoration:none}.calendar-breadcrumb a:hover{color:var(--accent-blue)}.calendar-stats{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.calendar-stat-badge{border:1px solid;border-radius:.5rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;display:flex}.calendar-stat-badge.ga{color:#16a34a;background:#22c55e1a;border-color:#22c55e4d}.calendar-stat-badge.preview{color:#9333ea;background:#a855f71a;border-color:#a855f74d}.calendar-stat-badge.deadline{color:#ea580c;background:#f973161a;border-color:#f973164d}.calendar-service-filter{z-index:100;isolation:isolate;align-items:center;gap:.5rem;margin:.875rem 0 .25rem;display:flex;position:relative}.calendar-service-dropdown-trigger{border:1px solid var(--border-color);background:var(--bg-secondary,#fff);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:.375rem;align-items:center;gap:.375rem;padding:.3rem .75rem;font-size:.8rem;transition:border-color .15s,background .15s;display:inline-flex}.calendar-service-dropdown-trigger:hover{border-color:var(--accent-blue)}.calendar-service-dropdown-trigger.has-selection{border-color:var(--accent-blue);color:var(--accent-blue);font-weight:500}.calendar-service-dropdown-trigger svg{flex-shrink:0;transition:transform .15s}.calendar-service-dropdown-trigger svg.rotate-180{transform:rotate(180deg)}.calendar-service-clear-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem;transition:background .15s,color .15s}.calendar-service-clear-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.calendar-service-dropdown-panel{z-index:9999;background:var(--bg-secondary,#fff);border:1px solid var(--border-color);border-radius:.5rem;min-width:240px;max-width:320px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000002e}.calendar-service-dropdown-search{border-bottom:1px solid var(--border-color);padding:.5rem .75rem}.calendar-service-dropdown-search input{border:1px solid var(--border-color);background:var(--bg-primary,#f8f9fa);width:100%;color:var(--text-primary);border-radius:.25rem;outline:none;padding:.25rem .5rem;font-size:.8rem}.calendar-service-dropdown-search input:focus{border-color:var(--accent-blue)}.calendar-service-dropdown-list{max-height:260px;padding:.25rem 0;overflow-y:auto}.calendar-service-dropdown-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8rem;transition:background .1s;display:flex}.calendar-service-dropdown-item:hover{background:var(--hover-bg)}.calendar-service-dropdown-item input[type=checkbox]{cursor:pointer;accent-color:var(--accent-blue);flex-shrink:0}@media (max-width:640px){.calendar-header{flex-direction:column;align-items:flex-start}.calendar-day{min-height:60px;padding:.25rem}.day-event{padding:1px 3px;font-size:.6rem}.calendar-weekday{padding:.375rem 0;font-size:.65rem}}.ht-section{border-top:2px solid var(--border-color);margin-top:2.5rem;padding-top:2rem}.ht-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;display:flex}.ht-heading{color:var(--text-primary);margin:0 0 .2rem;font-size:1.3rem;font-weight:700}.ht-subheading{color:var(--text-secondary);margin:0;font-size:.875rem}.ht-directions{color:var(--text-secondary);opacity:.8;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.ht-dir-sep{background:var(--border-color);width:1px;height:1rem}.ht-scroll-shell{position:relative}.ht-nav-arrow{border:1px solid var(--border-color);background:var(--card-bg);width:2.25rem;height:2.25rem;color:var(--text-primary);cursor:pointer;z-index:5;border-radius:999px;justify-content:center;align-items:center;transition:background-color .14s,transform .14s,border-color .14s,box-shadow .14s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000029}.ht-nav-arrow:hover{background:var(--hover-bg);border-color:var(--accent-blue,#3b82f6);transform:translateY(-50%)scale(1.04)}.ht-nav-arrow:active{transform:translateY(-50%)scale(.98)}.ht-nav-arrow:focus-visible{outline:2px solid var(--accent-blue,#3b82f6);outline-offset:2px;border-color:var(--accent-blue,#3b82f6)}.ht-nav-arrow-left{left:-.25rem}.ht-nav-arrow-right{right:-.25rem}.ht-fade{z-index:4;pointer-events:none;width:3.25rem;position:absolute;top:0;bottom:0}.ht-fade-left{background:linear-gradient(to right, var(--card-bg) 0%, transparent 100%);left:0}.ht-fade-right{background:linear-gradient(to left, var(--card-bg) 0%, transparent 100%);right:0}.ht-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;margin:0 -1rem;padding:0 1rem;overflow-x:auto}.ht-scroll:focus-visible{outline:2px solid var(--accent-blue,#3b82f6);outline-offset:4px;border-radius:.5rem}.ht-track{flex-direction:row;align-items:center;min-width:max-content;padding:0 3rem;display:flex;position:relative}.ht-track:before{content:"";background:linear-gradient(to right, transparent 0%, var(--border-color) 4rem, var(--border-color) calc(100% - 4rem), transparent 100%);pointer-events:none;z-index:0;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ht-milestone{width:130px;color:inherit;z-index:1;cursor:pointer;flex-shrink:0;grid-template-rows:64px 16px 64px;align-items:center;text-decoration:none;display:grid;position:relative}.ht-milestone-top,.ht-milestone-bottom{flex-direction:column;align-items:center;gap:2px;padding:0 4px;display:flex;overflow:hidden}.ht-milestone-top{justify-content:flex-end;padding-bottom:4px}.ht-milestone-bottom{justify-content:flex-start;padding-top:4px}.ht-milestone-label{color:var(--text-primary);text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:118px;font-size:.62rem;line-height:1.3;transition:color .12s;display:-webkit-box;overflow:hidden}.ht-milestone:hover .ht-milestone-label{color:var(--accent-blue,#3b82f6)}.ht-milestone.past .ht-milestone-label{color:var(--text-secondary)}.ht-milestone-date{color:var(--text-secondary);text-align:center;white-space:nowrap;font-size:.58rem}.ht-milestone-dot{border:2px solid var(--card-bg,#fff);z-index:2;background:currentColor;border-radius:50%;flex-shrink:0;justify-self:center;width:13px;height:13px;transition:transform .15s;position:relative;box-shadow:0 0 0 2px}.ht-milestone:hover .ht-milestone-dot{transform:scale(1.4)}.ht-milestone.past .ht-milestone-dot{opacity:.65}.ht-dot--ga{color:#22c55e}.ht-dot--preview{color:#a855f7}.ht-dot--overdue{color:#dc2626}.ht-dot--today-event{color:#ea580c}.ht-dot--upcoming{color:#2563eb}.ht-dot--future-deadline{color:#64748b}.ht-today{z-index:2;flex-shrink:0;grid-template-rows:64px 20px 64px;align-items:center;width:150px;display:grid;position:relative}.ht-today:before{content:"";background:var(--accent-blue,#3b82f6);opacity:.25;pointer-events:none;z-index:0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ht-today-top,.ht-today-bottom{z-index:1;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.ht-today-top{justify-content:flex-end;padding-bottom:4px}.ht-today-bottom{justify-content:flex-start;padding-top:4px}.ht-today-label{color:var(--accent-blue,#3b82f6);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:.7rem;font-weight:700}.ht-today-dot{background:var(--accent-blue,#3b82f6);border:3px solid var(--card-bg,#fff);width:20px;height:20px;box-shadow:0 0 0 2px var(--accent-blue,#3b82f6);z-index:3;border-radius:50%;justify-self:center;position:relative}.ht-today-date{color:var(--accent-blue,#3b82f6);white-space:nowrap;font-size:.65rem;font-weight:600}.ht-legend{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.ht-legend-item{align-items:center;gap:.3rem;display:flex}.ht-ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ht-ldot--ga{background:#22c55e}.ht-ldot--preview{background:#a855f7}.ht-ldot--overdue{background:#dc2626}.ht-ldot--upcoming{background:#2563eb}.ht-ldot--future-deadline{background:#64748b}@media (max-width:640px){.ht-milestone{width:100px}.ht-milestone-label{width:88px;font-size:.58rem}.ht-today{width:120px}.ht-nav-arrow{width:2rem;height:2rem}.ht-fade{width:2rem}}