.glasses-usage-guide[data-v-3b8f4205]{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);border-width:1px;border-color:#0000;border-radius:1rem;margin-top:2rem;margin-bottom:2rem;padding:1.5rem}.glasses-usage-guide[data-v-3b8f4205]:is(.dark *){--tw-gradient-from:#1a1330 var(--tw-gradient-from-position);--tw-gradient-to:#0e081a var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);border-color:#ffffff1a}@media (width>=768px){.glasses-usage-guide[data-v-3b8f4205]{padding:2rem}}.guide-title[data-v-3b8f4205]{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:2rem;display:flex}.guide-title[data-v-3b8f4205]:is(.dark *){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.guide-subtitle[data-v-3b8f4205]{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));margin-bottom:1.5rem}.guide-subtitle[data-v-3b8f4205]:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.timeline-container[data-v-3b8f4205]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.timeline-bar[data-v-3b8f4205]{border-radius:9999px;height:2rem;display:none;overflow:hidden}@media (width>=768px){.timeline-bar[data-v-3b8f4205]{display:flex}}.timeline-segment[data-v-3b8f4205]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));flex:1;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex}.segment-label[data-v-3b8f4205]{opacity:.9}.timeline-cards[data-v-3b8f4205]{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (width>=640px){.timeline-cards[data-v-3b8f4205]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.timeline-cards[data-v-3b8f4205]{grid-template-columns:repeat(4,minmax(0,1fr))}}.timeline-card[data-v-3b8f4205]{border-width:2px;border-radius:.75rem;padding:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:block}.timeline-card[data-v-3b8f4205]:hover{--tw-translate-y:-.25rem;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.timeline-card.current-card[data-v-3b8f4205],.timeline-card[data-v-3b8f4205]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.timeline-card.current-card[data-v-3b8f4205]{--tw-scale-x:1.02;--tw-scale-y:1.02;--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.card-header[data-v-3b8f4205]{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.card-title-group[data-v-3b8f4205]{flex:1}.card-name[data-v-3b8f4205]{font-size:1.125rem;font-weight:700;line-height:1.75rem;display:block}.card-time[data-v-3b8f4205]{font-size:.875rem;line-height:1.25rem;display:block}.card-blocking[data-v-3b8f4205]{font-size:1.5rem;font-weight:900;line-height:2rem}.card-description[data-v-3b8f4205]{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem}.card-benefits[data-v-3b8f4205]{flex-wrap:wrap;gap:.25rem;display:flex}.benefit-tag[data-v-3b8f4205]{color:currentColor;--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#fffc;border-width:1px;border-color:currentColor;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.benefit-tag[data-v-3b8f4205]:is(.dark *){background-color:#0009}.current-badge[data-v-3b8f4205]{border-color:currentColor;border-top-width:1px;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.clipon-badge[data-v-3b8f4205]{align-items:center;gap:.375rem;margin-top:.5rem;font-size:.75rem;font-weight:500;line-height:1rem;display:flex}.educational-note[data-v-3b8f4205]{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));border-radius:.75rem;gap:1rem;margin-top:1.5rem;padding:1rem;display:flex}.educational-note[data-v-3b8f4205]:is(.dark *){--tw-border-opacity:1;border-color:rgb(146 64 14/var(--tw-border-opacity,1));background-color:#78350f1a}.note-title[data-v-3b8f4205]{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1));margin-bottom:.25rem;font-weight:600}.note-title[data-v-3b8f4205]:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.note-text[data-v-3b8f4205]{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.625}.note-text[data-v-3b8f4205]:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}