.saved-page{flex-direction:column;min-height:100dvh;margin-left:120px;display:flex}.saved-content{padding:var(--spacing-32);padding-bottom:var(--spacing-64);flex:1}.saved-header{margin-bottom:var(--spacing-32);justify-content:space-between;align-items:flex-end;gap:var(--spacing-16);display:flex}.saved-title{font-size:var(--font-size-heading-2);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading-2);color:var(--color-text-heading-default);margin:0}.saved-count{font-size:var(--font-size-label-large);color:var(--color-text-body-secondary);margin:0}.saved-clear-btn{border:1px solid var(--color-border-secondary);border-radius:var(--radius-8);padding:var(--spacing-8) var(--spacing-16);font-size:var(--font-size-label-large);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-text-body-secondary);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0}.saved-clear-btn:hover{color:var(--color-text-heading-default);border-color:var(--color-text-body-secondary)}.saved-header-left{gap:var(--spacing-4);flex-direction:column;display:flex}.saved-title-row{align-items:center;gap:var(--spacing-12);display:flex}.saved-title-row .filter-button{gap:0;padding:0}.saved-title-row .filter-button-indicator{display:none}.saved-empty{justify-content:center;align-items:center;gap:var(--spacing-16);padding:var(--spacing-48) var(--spacing-32);text-align:center;color:var(--color-text-body-secondary);margin-top:var(--spacing-48);flex-direction:column;display:flex}.saved-empty-icon{opacity:.25}.saved-empty-title{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium);color:var(--color-text-heading-default);margin:0}.saved-empty-message{font-size:var(--font-size-body-default);max-width:300px;margin:0;line-height:1.5}.saved-discover-more{margin-top:var(--spacing-32);padding:var(--spacing-16)}.saved-discover-more-header{gap:var(--spacing-4);margin-bottom:var(--spacing-16);flex-direction:column;display:flex}.saved-discover-more-title{font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-heading-default);margin:0}.saved-discover-more-subtitle{font-size:var(--font-size-body-default);color:var(--color-text-body-secondary);max-width:680px;margin:0;line-height:1.4}.saved-discover-more-grid{justify-content:flex-start;gap:var(--spacing-8);grid-template-columns:repeat(3,minmax(180px,220px));display:grid}.saved-discover-more-card{justify-content:flex-start;align-items:center;gap:var(--spacing-12);min-height:152px;padding:var(--spacing-16) var(--spacing-12);border-radius:var(--radius-16);border:1px solid var(--color-border-secondary);background:var(--color-surface-background-secondary);color:var(--color-text-heading-default);text-align:center;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.saved-discover-more-card:hover{border-color:var(--color-border-primary-default);transform:translateY(-2px)}.saved-discover-more-icon-wrap{border-radius:var(--radius-full);background:var(--color-surface-background-accent);width:64px;height:64px;color:var(--color-text-heading-default);justify-content:center;align-items:center;display:inline-flex}.saved-discover-more-card-title{font-size:var(--font-size-body-default);line-height:1.35;font-weight:var(--font-weight-regular);color:var(--color-text-heading-default)}@media (min-width:769px){.saved-empty+.saved-discover-more{flex-direction:column;align-items:center;padding-left:0;padding-right:0;display:flex}.saved-empty+.saved-discover-more .saved-discover-more-header{text-align:center;align-items:center}.saved-empty+.saved-discover-more .saved-discover-more-grid{justify-content:center}}.saved-grid{gap:var(--spacing-24);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1200px){.saved-grid{grid-template-columns:repeat(2,1fr)}}.saved-card{border-radius:var(--radius-16);width:100%;transition:transform var(--transition-slow), box-shadow var(--transition-slow);cursor:pointer;color:inherit;isolation:isolate;flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.saved-card--no-link{cursor:default}.saved-card:not(.saved-card--no-link):hover{transform:translateY(-4px)}.saved-card-image{aspect-ratio:4/3;background-color:var(--color-neutral-gray-3);width:100%;position:relative;overflow:hidden}.saved-card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.saved-card:not(.saved-card--no-link):hover .saved-card-img{transform:scale(1.05)}.saved-card-overlay{padding:var(--spacing-24);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0}.saved-card-category{background-color:var(--color-neutral-white);color:var(--color-brand-crystal-bridges);font-size:var(--font-size-label-small);font-weight:var(--font-weight-medium);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-6);text-transform:capitalize}.saved-card-remove{width:var(--spacing-40);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);color:var(--color-neutral-white);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex}.saved-card-remove:hover{transform:scale(1.1)}.saved-card-info{padding:var(--spacing-24);background-color:var(--color-surface-background-accent);flex:1}.saved-card-time{font-size:var(--font-size-label-small);font-weight:var(--font-weight-medium);color:var(--color-text-heading-default);margin-bottom:var(--spacing-12);display:block}.saved-card-title{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-text-heading-default);margin:0 0 var(--spacing-16);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.saved-list{display:none}.saved-item{align-items:center;gap:var(--spacing-16);padding:var(--spacing-16) 0;border-bottom:1px solid var(--color-border-secondary);color:inherit;text-decoration:none;display:flex}.saved-item-image{border-radius:var(--radius-8);object-fit:cover;flex-shrink:0;width:80px;height:80px}.saved-item-info{flex:1;min-width:0}.saved-item-category{font-size:var(--font-size-label-small);color:var(--color-text-body-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-item-title{font-size:var(--font-size-body-default);font-weight:var(--font-weight-medium);color:var(--color-text-heading-default);margin:0 0 var(--spacing-4);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-item-subtitle{font-size:var(--font-size-label-large);color:var(--color-text-body-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.saved-item-remove{padding:var(--spacing-8);cursor:pointer;color:var(--color-text-body-secondary);border-radius:var(--radius-6);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.saved-item-remove:hover{color:var(--color-text-heading-default);background:var(--color-surface-background-secondary)}@media (max-width:1024px){.saved-page{margin-left:0}}@media (max-width:768px){.saved-content{padding:var(--spacing-16);padding-top:calc(80px + var(--spacing-16));padding-bottom:100px}.saved-grid{display:none}.saved-list{border-top:1px solid var(--color-border-secondary);flex-direction:column;display:flex}.saved-discover-more-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.saved-discover-more{margin-top:var(--spacing-24);padding:var(--spacing-16) 0 0}.saved-discover-more-subtitle{max-width:none}.saved-discover-more-card{min-height:140px;padding:var(--spacing-12)}.saved-discover-more-icon-wrap{width:56px;height:56px}.saved-discover-more-card-title{font-size:var(--font-size-label-large)}}@media (min-width:1920px){.saved-page{margin-left:150px}.saved-card-info{padding:28px}.saved-card-title{font-size:26px}.saved-card-time{font-size:15px}.saved-card-category{padding:6px 10px;font-size:15px}}@media (min-width:2560px){.saved-page{margin-left:180px}.saved-card-info{padding:32px}.saved-card-title{font-size:28px}.saved-card-time{font-size:16px}.saved-card-category{padding:8px 12px;font-size:16px}}@media (min-width:3440px){.saved-page{margin-left:260px}.saved-card-info{padding:36px}.saved-card-title{font-size:32px}.saved-card-time{font-size:17px}.saved-card-category{padding:10px 14px;font-size:17px}}.confirm-dialog-overlay{z-index:var(--z-index-overlay);background-color:#00000080;animation:.2s ease-out confirmFadeIn;position:fixed;inset:0}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background-color:var(--color-surface-background-secondary,#fff);border-radius:var(--radius-12) var(--radius-12) 0 0;z-index:calc(var(--z-index-overlay) + 1);padding:28px var(--spacing-24) 36px;gap:var(--spacing-24);flex-direction:column;animation:.25s ease-out confirmSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes confirmSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirm-dialog-body{gap:var(--spacing-8);flex-direction:column;display:flex}.confirm-dialog-title{font-family:var(--font-family-heading);font-size:15.65px;font-weight:var(--font-weight-medium);color:var(--color-text-heading-default,#002043);letter-spacing:-.08px;margin:0;line-height:1.2}.confirm-dialog-message{font-family:var(--font-family-body);font-size:12.52px;font-weight:var(--font-weight-regular);color:var(--color-text-body-secondary,#7a7d82);margin:0;line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-12);display:flex}.confirm-dialog-cancel{font-family:var(--font-family-body);font-size:12.52px;font-weight:var(--font-weight-medium);color:var(--color-text-heading-default,#002043);cursor:pointer;padding:7.824px var(--spacing-16);border-radius:var(--radius-12);transition:opacity var(--transition-normal);background:0 0;border:none;line-height:1.2}.confirm-dialog-cancel:hover{opacity:.7}.confirm-dialog-confirm{background-color:var(--color-text-heading-default,#002043);height:48px;color:var(--color-neutral-white,#fff);border-radius:var(--radius-12);cursor:pointer;font-family:var(--font-family-body);font-size:12.52px;font-weight:var(--font-weight-medium);transition:opacity var(--transition-normal);white-space:nowrap;border:none;justify-content:center;align-items:center;padding:9.389px 20px;line-height:1.2;display:flex}.confirm-dialog-confirm:hover{opacity:.9}.confirm-dialog-confirm:active{opacity:.8}@media (min-width:769px){.confirm-dialog{border-radius:var(--radius-12);width:400px;padding:28px var(--spacing-24) var(--spacing-24);animation:.2s ease-out confirmFadeInScale;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@keyframes confirmFadeInScale{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}@media (prefers-color-scheme:dark){:root:not(.light-mode) .confirm-dialog{background-color:var(--color-surface-background-secondary,#001020)}:root:not(.light-mode) .confirm-dialog-confirm{color:var(--color-brand-crystal-bridges,#002043)}}.dark-mode .confirm-dialog{background-color:var(--color-surface-background-secondary,#001020)}.dark-mode .confirm-dialog-confirm{color:var(--color-brand-crystal-bridges,#002043)}
.filter-button{align-items:center;gap:var(--spacing-8);cursor:pointer;padding:var(--spacing-8) 0;transition:opacity var(--transition-normal);background:0 0;border:none;flex-direction:column;flex-shrink:0;display:flex}.filter-button:hover{opacity:.7}.filter-button-content{gap:var(--spacing-4);font-family:var(--font-family-heading);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-regular);line-height:var(--line-height-subtitle);color:var(--color-text-heading-default);align-items:center;display:flex}.filter-button-text{color:var(--color-text-heading-default)}.filter-button-count{color:var(--color-text-body-inactive)}.filter-button-indicator{opacity:0;border-radius:1px;width:40px;height:2px}.filter-button-icon{width:var(--spacing-24);height:var(--spacing-24);filter:brightness(0)saturate()invert(8%)sepia(45%)saturate(3621%)hue-rotate(188deg)brightness(95%)contrast(101%);transition:filter var(--transition-normal)}@media (prefers-color-scheme:dark){:root:not(.light-mode) .filter-button-icon{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}}.dark-mode .filter-button-icon{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}