._demoContainer_9dzwi_2{background-color:var(--surface);border:1px solid var(--border);border-radius:1.5rem;padding:var(--spacing-6);box-shadow:var(--shadow-lg);max-width:900px;width:100%;margin:0 auto;display:grid;grid-template-columns:40% 1fr;gap:var(--spacing-8);overflow:hidden}._leftColumn_9dzwi_18{display:flex;flex-direction:column;gap:var(--spacing-4)}._rightColumn_9dzwi_24{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-6);padding:var(--spacing-4) 0}._dateHeader_9dzwi_34{display:flex;align-items:center}._dateHeader_9dzwi_34 h2{font-family:var(--font-family-display);font-size:1.5rem;font-weight:700;margin:0;color:var(--foreground)}._weekStripWrapper_9dzwi_48{display:flex;align-items:center;gap:var(--spacing-2)}._weekStrip_9dzwi_48{display:flex;justify-content:space-between;align-items:center;flex:1}._chevronBtn_9dzwi_61{background:transparent;border:none;padding:var(--spacing-1);color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}._chevronBtn_9dzwi_61:hover{background-color:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--foreground)}._dayCol_9dzwi_78{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2) 0;border-radius:var(--radius-full);gap:2px;width:38px;transition:all var(--animation-duration-fast) ease}._dayColActive_9dzwi_89{background-color:var(--warning);color:var(--warning-foreground);box-shadow:var(--shadow)}._dayLabel_9dzwi_95{font-size:.6875rem;font-weight:600;color:var(--muted-foreground);text-transform:uppercase}._dayColActive_9dzwi_89 ._dayLabel_9dzwi_95{color:color-mix(in srgb,var(--warning-foreground) 75%,transparent)}._dayNumber_9dzwi_106{font-size:1rem;font-weight:700;font-family:var(--font-family-base)}._memberAvatarFilterMobile_9dzwi_113{display:none}._memberAvatarFilterDesktop_9dzwi_117{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-4);width:100%}._memberAvatarItem_9dzwi_126{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);transition:all var(--animation-duration-fast) ease}._memberAvatarToggle_9dzwi_134{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}._memberAvatarCircle_9dzwi_145{width:3.5rem;height:3.5rem;border-width:4px;border-style:solid;transition:all var(--animation-duration-fast) ease}._memberAddBtnCircle_9dzwi_153{width:3.5rem;height:3.5rem;border-radius:50%;border:2px dashed var(--border);color:var(--muted-foreground);transition:all var(--animation-duration-fast) ease}._memberAvatarItem_9dzwi_126:hover ._memberAddBtnCircle_9dzwi_153{border-color:var(--primary);color:var(--primary);background-color:color-mix(in srgb,var(--primary) 10%,transparent)}._memberAvatarName_9dzwi_168{font-size:.8125rem;font-weight:600;color:var(--muted-foreground);transition:color var(--animation-duration-fast) ease}._memberAvatarActive_9dzwi_175{opacity:1;transform:scale(1)}._memberAvatarActive_9dzwi_175 ._memberAvatarName_9dzwi_168{color:var(--foreground)}._memberAvatarInactive_9dzwi_184{opacity:.4;transform:scale(.95)}._memberAvatarInactive_9dzwi_184:hover{opacity:.7;transform:scale(.98)}._sectionHeader_9dzwi_195{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2);padding:0 var(--spacing-1)}._sectionTitle_9dzwi_203{font-family:var(--font-family-base);font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0}._addButton_9dzwi_211{border-radius:50%;background-color:var(--surface);border:1px solid var(--border);color:var(--foreground)}._addButton_9dzwi_211:hover{background-color:var(--foreground);color:var(--primary-foreground)}._list_9dzwi_224{display:flex;flex-direction:column;gap:var(--spacing-2)}._card_9dzwi_230{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color var(--animation-duration-fast) ease;position:relative}._cardCurrent_9dzwi_242{border-color:color-mix(in srgb,var(--warning) 40%,transparent);background-color:color-mix(in srgb,var(--warning) 3%,var(--surface))}._cardCompleted_9dzwi_247{opacity:.6}._cardCompleted_9dzwi_247 ._activityName_9dzwi_251{text-decoration:line-through}._iconWrapper_9dzwi_255{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}._info_9dzwi_265{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}._activityName_9dzwi_251{font-size:.9375rem;font-weight:700;color:var(--foreground);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._activityTime_9dzwi_283{font-size:.75rem;color:var(--muted-foreground);margin:0}._statusArea_9dzwi_289{display:flex;align-items:center;justify-content:flex-end;min-width:100px}._statusCompleted_9dzwi_296{display:flex;align-items:center;gap:4px;color:var(--success);font-size:.75rem;font-weight:600}._statusInProgress_9dzwi_305{display:flex;align-items:center;gap:var(--spacing-2)}._statusTextWrapper_9dzwi_311{display:flex;flex-direction:column;align-items:flex-end}._statusLabel_9dzwi_317{font-size:.6875rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:var(--warning)}._statusNext_9dzwi_325 ._statusLabel_9dzwi_317{color:var(--info);margin-right:4px}._statusMins_9dzwi_330{font-size:.75rem;color:var(--muted-foreground)}._statusNext_9dzwi_325{display:flex;align-items:center}._chevronIcon_9dzwi_340{color:var(--warning);opacity:.7}._statusNext_9dzwi_325 ._chevronIcon_9dzwi_340{color:var(--info)}._chevronMuted_9dzwi_349{color:var(--muted-foreground);opacity:.3}._momentsContainer_9dzwi_355{display:flex;flex-direction:column;width:100%;margin-top:var(--spacing-4);background-color:transparent}._momentCard_9dzwi_363{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);position:relative;overflow:hidden}._extraMomentCard_9dzwi_375{padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-3)}._momentIconWrapper_9dzwi_380,._momentInfo_9dzwi_381,._statusArea_9dzwi_289{position:relative;z-index:1}._momentIconWrapper_9dzwi_380{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}._momentInfo_9dzwi_381{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}._momentName_9dzwi_405{font-size:.9375rem;font-weight:700;color:var(--foreground);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._momentDate_9dzwi_415{font-size:.75rem;color:var(--muted-foreground);margin:0}._featuredCard_9dzwi_421{flex-direction:row;align-items:center;text-align:left;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md)}._featuredIconWrapper_9dzwi_429{width:48px;height:48px;margin-bottom:0}._featuredInfo_9dzwi_435{align-items:flex-start}._featuredMomentName_9dzwi_439{font-size:1rem}._featuredStatusArea_9dzwi_443{justify-content:flex-end;margin-top:0}._countdown_9dzwi_448{font-size:.75rem;font-weight:600;color:var(--foreground);background-color:var(--surface);padding:4px 8px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border) 50%,transparent)}._momentCard_9dzwi_363:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.6}._momentCard_9dzwi_363[data-theme=confetti]:before{background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='20' width='5' height='18' rx='2.5' transform='rotate(45 14.5 29)' fill='%23E7A693' /%3E%3Crect x='55' y='8' width='5' height='16' rx='2.5' transform='rotate(-30 57.5 16)' fill='%23B8C6B0' /%3E%3Crect x='105' y='15' width='5' height='18' rx='2.5' transform='rotate(20 107.5 24)' fill='%23EAC08A' /%3E%3Crect x='140' y='45' width='5' height='16' rx='2.5' transform='rotate(-55 142.5 53)' fill='%23C8B7D9' /%3E%3Crect x='30' y='65' width='5' height='16' rx='2.5' transform='rotate(70 32.5 73)' fill='%239BA8C4' /%3E%3Crect x='80' y='55' width='5' height='18' rx='2.5' transform='rotate(-15 82.5 64)' fill='%23E7A693' /%3E%3Crect x='130' y='90' width='5' height='16' rx='2.5' transform='rotate(40 132.5 98)' fill='%23B8C6B0' /%3E%3Crect x='10' y='110' width='5' height='18' rx='2.5' transform='rotate(-40 12.5 119)' fill='%23EAC08A' /%3E%3Crect x='60' y='120' width='5' height='16' rx='2.5' transform='rotate(55 62.5 128)' fill='%23C8B7D9' /%3E%3Crect x='110' y='130' width='5' height='18' rx='2.5' transform='rotate(-25 112.5 139)' fill='%239BA8C4' /%3E%3C/svg%3E")}._momentCard_9dzwi_363[data-theme=holiday]:before{background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='30' r='4' fill='%23EAC08A'/%3E%3Ccircle cx='110' cy='40' r='5' fill='%23EAC08A'/%3E%3Ccircle cx='60' cy='130' r='3' fill='%23EAC08A'/%3E%3Cpath d='M40 20 Q45 15 50 20 T60 20' fill='none' stroke='%239BA8C4' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M120 100 Q125 95 130 100 T140 100' fill='none' stroke='%239BA8C4' stroke-width='2' stroke-linecap='round' transform='rotate(15 130 100)'/%3E%3Cpath d='M20 100 Q25 95 30 100 T40 100' fill='none' stroke='%239BA8C4' stroke-width='2' stroke-linecap='round' transform='rotate(-10 30 100)'/%3E%3Cpath d='M90 140 Q95 135 100 140 T110 140' fill='none' stroke='%239BA8C4' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M70 60 Q75 50 80 55 Q75 65 70 60' fill='%23B8C6B0'/%3E%3Cpath d='M130 20 Q135 10 140 15 Q135 25 130 20' fill='%23B8C6B0' transform='rotate(45 135 15)'/%3E%3Cpath d='M20 140 Q25 130 30 135 Q25 145 20 140' fill='%23B8C6B0' transform='rotate(-30 25 135)'/%3E%3Cpath d='M90 80 Q95 70 100 75 Q95 85 90 80' fill='%23B8C6B0' transform='rotate(80 95 75)'/%3E%3Ccircle cx='80' cy='20' r='3' fill='%23E7A693'/%3E%3Ccircle cx='140' cy='70' r='2.5' fill='%23E7A693'/%3E%3Ccircle cx='40' cy='70' r='4' fill='%23E7A693'/%3E%3Ccircle cx='130' cy='140' r='3.5' fill='%23E7A693'/%3E%3C/svg%3E")}._momentCard_9dzwi_363[data-theme=love]:before{background-image:url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23E7A693' transform='translate(20, 30) scale(1) rotate(-15)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23C8B7D9' transform='translate(60, 20) scale(0.8) rotate(25)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23EAC08A' transform='translate(120, 40) scale(1.2) rotate(-30)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23B8C6B0' transform='translate(30, 80) scale(0.9) rotate(45)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23C8B7D9' transform='translate(90, 70) scale(1.1) rotate(-10)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23E7A693' transform='translate(140, 90) scale(0.7) rotate(15)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23EAC08A' transform='translate(50, 130) scale(0.8) rotate(-45)'/%3E%3Cpath d='M 0 -2 A 3 3 0 0 0 -6 -2 A 3 3 0 0 0 -6 3 L 0 9 L 6 3 A 3 3 0 0 0 6 -2 A 3 3 0 0 0 0 -2 Z' fill='%23B8C6B0' transform='translate(110, 140) scale(1) rotate(30)'/%3E%3C/svg%3E")}._moreLink_9dzwi_482{align-self:flex-start;background:transparent;border:none;color:var(--muted-foreground);font-size:.8125rem;font-weight:500;cursor:pointer;padding:var(--spacing-2);transition:color var(--animation-duration-fast) ease;margin-top:var(--spacing-1)}._moreLink_9dzwi_482:hover{color:var(--foreground);text-decoration:underline}._clockHeader_9dzwi_501{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:300px}._sunIcon_9dzwi_509,._moonIcon_9dzwi_509{opacity:.9}._clockWrapper_9dzwi_513{position:relative;width:100%;display:flex;align-items:center;justify-content:center}._expandBtn_9dzwi_521{position:absolute;bottom:0;right:1.5rem;background-color:var(--surface);border:1px solid var(--border);border-radius:50%;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground);cursor:pointer;box-shadow:var(--shadow);transition:all var(--animation-duration-fast) ease}._expandBtn_9dzwi_521:hover{color:var(--foreground);box-shadow:var(--shadow-md)}@media(max-width:767px){._demoContainer_9dzwi_2{grid-template-columns:1fr;max-width:440px;padding:var(--spacing-4);border-radius:var(--radius-lg)}._rightColumn_9dzwi_24{display:none}._memberAvatarFilterMobile_9dzwi_113{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--spacing-4);margin-top:var(--spacing-2);margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-2);overflow-x:auto;scrollbar-width:none}._memberAvatarFilterMobile_9dzwi_113::-webkit-scrollbar{display:none}._memberAvatarCircle_9dzwi_145{width:3.25rem;height:3.25rem;border-width:3px}._memberAddBtnCircle_9dzwi_153{width:3.25rem;height:3.25rem}._card_9dzwi_230,._momentCard_9dzwi_363{gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3)}._activityName_9dzwi_251,._momentName_9dzwi_405{font-size:.8125rem}._dateHeader_9dzwi_34 h2{font-size:1.25rem}._forceDesktop_9dzwi_589._demoContainer_9dzwi_2{grid-template-columns:40% 1fr;max-width:900px;padding:var(--spacing-6);border-radius:1.5rem}._forceDesktop_9dzwi_589 ._rightColumn_9dzwi_24{display:flex}._forceDesktop_9dzwi_589 ._memberAvatarFilterMobile_9dzwi_113{display:none}._forceDesktop_9dzwi_589 ._card_9dzwi_230,._forceDesktop_9dzwi_589 ._momentCard_9dzwi_363{gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}._forceDesktop_9dzwi_589 ._extraMomentCard_9dzwi_375{gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3)}._forceDesktop_9dzwi_589 ._activityName_9dzwi_251,._forceDesktop_9dzwi_589 ._momentName_9dzwi_405{font-size:.9375rem}._forceDesktop_9dzwi_589 ._featuredMomentName_9dzwi_439{font-size:1rem}._forceDesktop_9dzwi_589 ._dateHeader_9dzwi_34 h2{font-size:1.5rem}}