@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;1,700&display=swap";.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:70vh;overflow:hidden;box-shadow:0 20px 40px #0003;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:12px}.search-modal-input-wrapper{flex:1;display:flex;align-items:center;background:#f8f9fa;border-radius:8px;padding:12px 16px;gap:12px}.search-modal-icon{flex-shrink:0}.search-modal-input{flex:1;border:none;background:none;font-size:16px;outline:none;font-family:inherit}.search-modal-input::placeholder{color:#999}.search-modal-close{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.search-modal-close:hover{background:#eee}.search-modal-shortcut{background:#f1f3f4;color:#666;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.search-modal-content{max-height:50vh;overflow-y:auto}.search-modal-empty-state{padding:20px}.search-section-title{font-size:14px;font-weight:600;color:#333;margin:0 0 12px;display:flex;align-items:center;gap:6px}.search-trending-section{margin-bottom:24px}.search-trending-list{display:flex;flex-direction:column;gap:4px}.search-trending-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:none;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background-color .2s}.search-trending-item:hover{background:#f8f9fa}.search-trending-name{font-size:14px;color:#333;font-weight:500}.search-trending-type{font-size:12px;color:#666;background:#f1f3f4;padding:2px 6px;border-radius:3px}.search-recent-section{margin-bottom:24px}.search-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-clear-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.search-clear-btn:hover{background:#f1f3f4}.search-recent-list{display:flex;flex-wrap:wrap;gap:6px}.search-recent-item{background:#f1f3f4;border:none;padding:6px 10px;border-radius:16px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}.search-recent-item:hover{background:#e8eaed;color:#333}.search-results-container{padding:20px}.search-loading{text-align:center;padding:40px 20px;color:#666;font-size:14px}.search-results{display:flex;flex-direction:column;gap:20px}.search-result-section,.search-result-list{display:flex;flex-direction:column}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .2s}.search-result-item:hover{background:#f8f9fa}.search-result-thumbnail{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-result-thumbnail--video{border-radius:6px;width:60px;height:40px}.search-result-category{width:40px;height:40px;border-radius:8px;background:#f1f3f4;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{font-size:12px;color:#666;display:flex;align-items:center;gap:8px}.search-result-meta span:not(:last-child):after{content:"·";margin-left:8px;color:#ccc}.search-no-results{text-align:center;padding:60px 20px}.search-no-results-icon{font-size:32px;margin-bottom:12px}.search-no-results-text{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.search-no-results-subtitle{font-size:14px;color:#666}.search-auth-required{padding:20px;display:flex;justify-content:center}.search-auth-card{text-align:center;background:#f8f9fa;padding:40px 30px;border-radius:12px;max-width:300px}.search-auth-card h3{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.search-auth-card p{font-size:14px;color:#666;margin:0 0 20px}.search-auth-btn{display:inline-flex;align-items:center;padding:10px 20px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s}.search-auth-btn:hover{background:#0056b3}@media(max-width:768px){.search-modal-overlay{padding:0;align-items:stretch}.search-modal{width:100%;max-width:none;max-height:100vh;border-radius:0;height:100vh}.search-modal-content{max-height:calc(100vh - 80px)}.search-result-thumbnail--video{width:50px;height:33px}}.header{position:sticky;top:0;z-index:100;background:#fff}.header-announcement{background:#222;color:#fff;height:46px;display:flex;align-items:center;text-align:center}.header-announcement .container{display:flex;justify-content:center;align-items:center;gap:8px}.header-announcement-link{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none}.header-announcement-link:hover{opacity:.9}.chrome-icon{font-size:16px}.header-nav{background:#fff;height:52px;border-bottom:1px solid #F5F5F5}.header-nav .container{display:flex;justify-content:space-between;align-items:center;height:100%}.header-logo{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.header-logo-icon{width:16px;height:16px}.header-logo-text{font-family:Roboto Mono,monospace;font-style:italic;font-weight:700;font-size:16px;line-height:21px;color:#222}.header-search{position:relative;display:flex;align-items:center;width:500px;background:#fafafa;border-radius:8px;padding:0 12px;height:40px;cursor:pointer;transition:background-color .2s}.header-search:hover{background:#f0f0f0}.header-search-icon{margin-right:8px;flex-shrink:0}.header-search-placeholder{flex:1;font-size:14px;color:#999;-webkit-user-select:none;user-select:none}.header-search-key{background:#fff;border:1px solid #F5F5F5;border-radius:4px;padding:2px 6px;font-size:12px;color:#999;font-family:Roboto Mono,monospace}.header-actions{display:flex;align-items:center;gap:16px}.header-membership-link{font-size:14px;color:#222;text-decoration:none}.header-membership-link:hover{opacity:.7}.header-login-btn{background:#222;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer}.header-login-btn:hover{background:#333}.header-user-menu{display:flex;align-items:center;gap:16px}.header-mypage-link{font-size:14px;color:#222;text-decoration:none;font-weight:500}.header-mypage-link:hover{opacity:.7}.header-logout-btn{background:none;border:1px solid #F5F5F5;border-radius:8px;padding:8px 16px;font-size:14px;color:#666;cursor:pointer;font-weight:500}.header-logout-btn:hover{background:#fafafa;color:#222}.footer{background:#fafafa;padding:32px 0;text-align:center;font-size:12px;color:#888;line-height:1.8}.footer-links{margin-bottom:12px}.footer-links a{color:#666;font-size:12px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-link-bold{font-weight:700}.footer-divider{margin:0 6px;color:#ccc}.footer-business{margin-bottom:8px}.footer-business p{margin:2px 0;font-size:11px;color:#aaa}.footer-disclaimer{font-size:11px;color:#bbb}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-main{flex:1}.login-page{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:60px 20px}.login-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:48px 32px;background:#fff;border:1px solid #F5F5F5;border-radius:20px;box-shadow:0 4px 12px #0000000d}.login-title{font-size:24px;font-weight:700;color:#222;margin:0 0 32px}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:320px;padding:16px 24px;font-size:16px;font-weight:500;font-family:inherit;background:#fff;color:#222;border:1px solid #E5E5E5;border-radius:12px;cursor:pointer;transition:all .2s ease}.login-google-btn:hover{background:#fafafa;border-color:#d1d5db}.login-google-icon{width:20px;height:20px;flex-shrink:0}.login-marketing-consent{display:flex;align-items:center;gap:8px;margin-top:24px;cursor:pointer}.login-marketing-checkbox{width:16px;height:16px;accent-color:#222;cursor:pointer}.login-marketing-text{font-size:14px;color:#666}.login-notice{margin-top:16px;font-size:13px;color:#666;text-align:center;line-height:1.6;max-width:280px}.login-link{color:#666;text-decoration:underline;text-underline-offset:2px}.login-link:hover{color:#222}.login-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:16px;color:#666}@media(max-width:480px){.login-page{padding:40px 16px}.login-card{padding:36px 24px;max-width:100%}.login-title{font-size:20px}.login-google-btn{font-size:15px;padding:14px 20px}.login-notice{font-size:12px;margin-top:28px}}.hero-section{padding:60px 0 40px;text-align:center}.hero-section .container{display:flex;flex-direction:column;align-items:center}.hero-logo{display:flex;align-items:center;gap:6px;margin-bottom:24px}.hero-logo-icon{font-size:16px;color:#222}.hero-logo-text{font-family:Roboto Mono,monospace;font-style:italic;font-weight:700;font-size:16px;color:#222}.hero-title{font-size:36px;font-weight:700;line-height:1.4;text-align:center;color:#222;margin:0 0 32px}.hero-search{position:relative;width:400px;max-width:100%}.hero-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none}.hero-search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #F5F5F5;border-radius:8px;font-size:14px;color:#222;background:#fff;outline:none;box-sizing:border-box}.hero-search-input::placeholder{color:#999}.hero-search-input:focus{border-color:#222}.hero-trending{display:flex;align-items:center;gap:12px;margin-top:16px}.hero-trending-label{font-size:13px;font-weight:600;color:#666;white-space:nowrap}.hero-trending-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-trending-tag{padding:4px 12px;background:#f5f5f5;border-radius:16px;font-size:13px;color:#444;cursor:pointer;transition:background .2s}.hero-trending-tag:hover{background:#eee}.auth-gate{position:relative;overflow:hidden}.auth-gate-placeholder{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.auth-gate-placeholder-header{display:flex;align-items:center;gap:20px;padding:12px;border-bottom:1px solid #e5e5e5}.auth-gate-ph-header-bar{height:10px;width:60px;background:#e8e8e8;border-radius:3px;flex-shrink:0}.auth-gate-ph-header-bar:first-child{width:30px}.auth-gate-ph-header-bar:nth-child(2){width:100px;flex:1}.auth-gate-placeholder-row{display:flex;align-items:center;gap:20px;padding:18px 12px;border-bottom:1px solid #f0f0f0}.auth-gate-ph-rank{width:24px;height:18px;background:#ddd;border-radius:3px;flex-shrink:0}.auth-gate-ph-name{display:flex;align-items:center;gap:10px;flex:1;min-width:160px}.auth-gate-ph-thumb{width:40px;height:40px;border-radius:50%;background:#e0e0e0;flex-shrink:0}.auth-gate-ph-name-lines{display:flex;flex-direction:column;gap:6px}.auth-gate-ph-col{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.auth-gate-ph-bar{height:14px;background:#e0e0e0;border-radius:3px;display:block}.auth-gate-ph-bar--sub{height:10px;background:#ececec}.auth-gate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff80;z-index:10}.auth-gate-message{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.auth-gate-login-btn{background:#1a1a1a;color:#fff;border:none;border-radius:8px;padding:12px 48px;font-size:14px;font-weight:500;cursor:pointer}.auth-gate-login-btn:hover{background:#333}.data-section{margin:0 0 40px;padding:24px 0}.data-section .container{background:#fff;border:1px solid #F5F5F5;border-radius:20px;padding:24px}.ds-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ds-header-left{display:flex;align-items:baseline;gap:12px}.ds-title{font-size:18px;font-weight:700;color:#222;margin:0}.ds-datetime{font-size:12px;color:#999}.ds-view-all-link{font-size:12px;color:#666;text-decoration:none;padding:4px 8px;border:1px solid #F5F5F5;border-radius:12px;background:#fff;margin-left:8px;transition:all .2s ease}.ds-view-all-link:hover{background:#fafafa;color:#222}.ds-header-right{display:flex;align-items:center;gap:12px}.ds-filters{display:flex;gap:8px}.ds-filter-btn{padding:6px 16px;border:1px solid #F5F5F5;border-radius:20px;background:#fff;font-size:13px;color:#666;cursor:pointer}.ds-filter-btn--active{background:#222;color:#fff;border-color:#222}.ds-dropdown-filters{display:flex;gap:8px}.ds-dropdown{position:relative}.ds-dropdown-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #F5F5F5;border-radius:20px;background:#fff;font-size:13px;color:#222;cursor:pointer;min-width:80px}.ds-dropdown-btn:hover{background:#fafafa}.ds-dropdown-arrow{transition:transform .2s ease}.ds-dropdown-arrow--open{transform:rotate(180deg)}.ds-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #F5F5F5;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.ds-dropdown-option{display:block;width:100%;padding:8px 12px;border:none;background:none;font-size:13px;color:#222;cursor:pointer;text-align:left}.ds-dropdown-option:hover{background:#fafafa}.ds-dropdown-option--selected{background:#f5f5f5;font-weight:500}.ds-categories{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ds-category-pill{padding:6px 14px;border:1px solid #F5F5F5;border-radius:20px;background:#fff;font-size:12px;color:#666;cursor:pointer;white-space:nowrap}.ds-category-pill--active{background:#222;color:#fff;border-color:#222}.ds-more{margin-top:20px}.ds-more-link{display:block;width:100%;height:45px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#222;cursor:pointer;background:#fff;border:1px solid #F5F5F5;border-radius:10px}.ds-more-link:hover{background:#fafafa}.data-table{display:flex;flex-direction:column}.data-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #F5F5F5;transition:background-color .2s ease}.data-row:last-child{border-bottom:none}.data-row:hover{background-color:#fafafa}.data-cell{display:flex;align-items:center;font-size:14px;color:#222}.data-cell--rank{width:60px;justify-content:center;font-weight:500}.data-cell--name{flex:1;min-width:0}.data-cell--views{width:140px;justify-content:flex-end}.data-cell--category{width:120px}.data-cell--topics{width:150px}.category-thumbnail,.channel-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;margin-right:12px}.video-thumbnail{width:60px;height:80px;border-radius:8px;border:1px solid #F5F5F5;object-fit:cover;margin-right:12px}.topic-tag{background:#f5f5f5;border-radius:6px;padding:6px 8px;font-size:12px;color:#222;margin-right:4px;display:inline-block}.views-delta{color:#de484d;font-size:12px;margin-left:4px}.home-page{display:flex;flex-direction:column}.home-loading{display:flex;justify-content:center;padding:80px 0;color:#888}.home-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#999;gap:8px}.home-empty-icon{font-size:32px;color:#ddd;margin-bottom:4px}.home-empty-text{font-size:14px;color:#999}.category-link{text-decoration:none;color:inherit;width:100%;display:flex;align-items:center}.category-link:hover .category-main-name,.category-link:hover .channel-main-name,.category-link:hover .video-title{text-decoration:underline}.category-name-cell{display:flex;align-items:center;gap:12px;width:100%}.category-thumbnail-placeholder{width:48px;height:48px;border-radius:8px;background:#f5f5f5;flex-shrink:0}.category-info{display:flex;flex-direction:column;gap:2px;min-width:0}.category-main-name{font-size:14px;font-weight:600;color:#222}.category-channel-count{font-size:12px;color:#999}.channel-name-cell{display:flex;align-items:center;gap:12px;width:100%}.channel-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.channel-name-info{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-main-name{font-size:14px;font-weight:600;color:#222}.channel-description{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-name-cell{display:flex;align-items:center;gap:12px;width:100%}.video-thumbnail{width:60px;height:80px;border-radius:8px;border:1px solid #F5F5F5;object-fit:cover;flex-shrink:0;background:#f5f5f5}.video-name-info{display:flex;flex-direction:column;gap:2px;min-width:0}.video-title{font-size:14px;font-weight:500;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.video-channel{font-size:12px;color:#888}.views-cell{display:flex;flex-direction:column;gap:2px;text-align:right}.views-delta{font-size:12px;color:#de484d}.competition--very-high{color:#de484d;font-weight:600}.competition--high{color:#ff9800;font-weight:600}.competition--medium{color:#888;font-weight:600}.competition--low{color:#4caf50;font-weight:600}.competition--very-low{color:#2196f3;font-weight:600}.topics-cell{display:flex;gap:4px;flex-wrap:wrap}.topic-tag{background:#f5f5f5;border-radius:6px;padding:6px 8px;font-size:12px;color:#222;white-space:nowrap}.view-all-page{padding:40px 0;min-height:60vh}.view-all-header{margin-bottom:32px}.view-all-title{font-size:24px;font-weight:700;color:#222;margin:0 0 24px}.view-all-tabs{display:flex;gap:8px;margin-bottom:20px}.view-all-tab{padding:12px 20px;border:1px solid #F5F5F5;border-radius:25px;background:#fff;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.view-all-tab--active{background:#222;color:#fff;border-color:#222}.view-all-tab:hover:not(.view-all-tab--active){background:#fafafa}.view-all-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.view-all-filter-group{display:flex;align-items:center;gap:8px}.view-all-filter-label{font-size:14px;color:#666;font-weight:500}.view-all-select{padding:8px 12px;border:1px solid #F5F5F5;border-radius:8px;background:#fff;font-size:14px;color:#222;cursor:pointer;min-width:100px}.view-all-select:focus{outline:none;border-color:#222}.view-all-filter-tag{background:#f5f5f5;border-radius:16px;padding:6px 12px;font-size:12px;color:#222;font-weight:500}.view-all-content{background:#fff;border:1px solid #F5F5F5;border-radius:20px;overflow:hidden}.view-all-table{width:100%}.view-all-table-header{display:flex;align-items:center;padding:16px 24px;background:#fafafa;border-bottom:1px solid #F5F5F5}.view-all-th{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.05em}.view-all-th--rank{width:60px;text-align:center}.view-all-th--name{flex:1;min-width:200px}.view-all-th--views,.view-all-th--growth,.view-all-th--subscribers{width:120px;text-align:right}.view-all-th--tags{width:140px}.view-all-table-body{display:flex;flex-direction:column}.view-all-table-row{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid #F5F5F5;transition:background-color .2s ease}.view-all-table-row:last-child{border-bottom:none}.view-all-table-row:hover{background:#fafafa}.view-all-td{font-size:14px;color:#222;display:flex;align-items:center}.view-all-td--rank{width:60px;justify-content:center;font-weight:600;color:#666}.view-all-td--name{flex:1;min-width:200px}.view-all-td--views,.view-all-td--growth,.view-all-td--subscribers{width:120px;justify-content:flex-end}.view-all-td--growth{color:#de484d;font-weight:500}.view-all-td--tags{width:140px;gap:4px;flex-wrap:wrap}.view-all-link{text-decoration:none;color:inherit;width:100%}.view-all-name-cell{display:flex;align-items:center;gap:12px}.view-all-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.view-all-thumbnail--video{width:60px;height:34px}.view-all-thumbnail-placeholder{width:48px;height:48px;border-radius:8px;background:#f5f5f5;flex-shrink:0}.view-all-main-name{font-weight:600;color:#222;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.view-all-sub-name{font-size:12px;color:#666;line-height:1.3}.view-all-tag{background:#f5f5f5;border-radius:6px;padding:4px 8px;font-size:12px;color:#222;white-space:nowrap}.view-all-loading,.view-all-empty{padding:60px 24px;text-align:center;color:#666;font-size:16px}.view-all-empty-text{color:#666}.view-all-loading-more{padding:20px;text-align:center;color:#666;font-size:14px}.view-all-more{padding:24px;border-top:1px solid #F5F5F5;text-align:center}.view-all-more-btn{background:#f5f5f5;border:1px solid #F5F5F5;border-radius:10px;padding:12px 24px;font-size:14px;color:#222;cursor:pointer;transition:background-color .2s ease;min-width:120px}.view-all-more-btn:hover{background:#eee}.view-all-auth-required{padding:60px 0;text-align:center}@media(max-width:768px){.view-all-table-header,.view-all-table-row{padding:12px 16px}.view-all-th,.view-all-td{font-size:12px}.view-all-th--views,.view-all-th--growth,.view-all-th--subscribers,.view-all-td--views,.view-all-td--growth,.view-all-td--subscribers{width:80px}.view-all-th--tags,.view-all-td--tags{width:100px}.view-all-thumbnail{width:40px;height:40px}.view-all-thumbnail--video{width:50px;height:28px}.view-all-name-cell{gap:8px}}@media(max-width:640px){.view-all-page{padding:20px 0}.view-all-tabs{flex-wrap:wrap}.view-all-filters{flex-direction:column;align-items:flex-start;gap:12px}.view-all-content{border-radius:16px}.view-all-th--growth,.view-all-td--growth{display:none}}.view-all-scroll-trigger{height:20px;margin-top:20px}.view-all-loading-more{text-align:center;padding:20px;color:#666;font-size:14px}.mypage{min-height:60vh;padding:40px 0;background:#fafafa}.mypage-header{margin-bottom:32px}.mypage-title{font-size:24px;font-weight:700;color:#222;margin:0}.mypage-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:16px;color:#666}.mypage-content{display:flex;flex-direction:column;gap:24px}.mypage-card{background:#fff;border:1px solid #F5F5F5;border-radius:20px;padding:32px}.mypage-card-title{font-size:18px;font-weight:700;color:#222;margin:0 0 24px}.card-loading{text-align:center;padding:40px;color:#666;font-size:14px}.account-info{display:flex;align-items:center;justify-content:space-between}.account-profile{display:flex;align-items:center;gap:16px}.account-avatar{position:relative;width:64px;height:64px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.account-avatar-img{width:100%;height:100%;object-fit:cover}.account-avatar-placeholder{width:32px;height:32px}.google-icon{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#fff;border-radius:50%;padding:2px;box-shadow:0 2px 4px #0000001a}.account-details{display:flex;flex-direction:column;gap:4px}.account-email{font-size:16px;font-weight:600;color:#222}.account-name{font-size:14px;color:#666}.delete-account-btn{background:none;border:none;color:#de484d;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.delete-account-btn:hover{color:#b91c1c}.plan-info{display:flex;flex-direction:column;gap:20px}.plan-header{display:flex;align-items:center;justify-content:space-between}.plan-details{display:flex;align-items:center;gap:12px}.plan-badge{background:#f5f5f5;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;text-transform:uppercase}.plan-badge--free{background:#f3f4f6;color:#6b7280}.plan-badge--basic{background:#dbeafe;color:#1d4ed8}.plan-badge--premium{background:#fef3c7;color:#d97706}.plan-expires{font-size:14px;color:#666}.upgrade-btn{background:#222;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s ease}.upgrade-btn:hover{background:#333}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.plan-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:#222}.feature-icon{flex-shrink:0}.payment-history{display:flex;flex-direction:column;gap:16px}.payment-list{display:flex;flex-direction:column;gap:12px}.payment-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #F5F5F5}.payment-item:last-child{border-bottom:none}.payment-info{display:flex;flex-direction:column;gap:4px;flex:1}.payment-plan{font-size:16px;font-weight:600;color:#222}.payment-date{font-size:14px;color:#666}.payment-amount{font-size:16px;font-weight:600;color:#222;margin-right:20px}.payment-status{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.payment-status--completed{background:#dcfce7;color:#166534}.payment-status--pending{background:#fef3c7;color:#92400e}.payment-status--failed{background:#fee2e2;color:#991b1b}.payment-empty{text-align:center;padding:60px 20px}.payment-empty-icon{font-size:48px;margin-bottom:16px}.payment-empty-text{font-size:18px;font-weight:600;color:#222;margin-bottom:8px}.payment-empty-subtitle{font-size:14px;color:#666;line-height:1.5}@media(max-width:768px){.mypage{padding:20px 0}.mypage-card{padding:24px 20px}.account-info{flex-direction:column;gap:20px;align-items:stretch}.account-profile{justify-content:center;text-align:center;flex-direction:column;gap:12px}.delete-account-btn{align-self:center}.plan-header{flex-direction:column;gap:16px;align-items:stretch}.plan-details{justify-content:center}.upgrade-btn{align-self:center;width:fit-content;padding:12px 24px}.payment-item{flex-direction:column;gap:12px;align-items:flex-start;padding:20px 0}.payment-info{width:100%}.payment-amount{margin-right:0;font-size:18px}}@media(max-width:480px){.mypage-content{gap:16px}.mypage-card{border-radius:16px;padding:20px 16px}.mypage-card-title{font-size:16px}.account-avatar{width:56px;height:56px}.account-email{font-size:14px}.plan-features{gap:8px}.plan-feature{font-size:13px}}.search-page{min-height:60vh;padding:40px 0}.search-page .container{max-width:800px;margin:0 auto;padding:0 20px}.search-header{margin-bottom:32px}.search-form{margin-bottom:16px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #F5F5F5;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px #0000000f}.search-input-icon{margin-right:12px;flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:16px;color:#222;background:transparent}.search-input::placeholder{color:#999}.search-submit-btn{background:#222;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;margin-left:12px}.search-submit-btn:hover{background:#333}.search-info{font-size:16px;color:#222}.search-query{font-weight:600;color:#222}.search-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #F5F5F5;padding-bottom:16px}.search-tab{padding:8px 16px;border:1px solid #F5F5F5;border-radius:20px;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease}.search-tab--active{background:#222;color:#fff;border-color:#222}.search-tab:hover:not(.search-tab--active){background:#fafafa}.search-loading{text-align:center;padding:60px 0;font-size:16px;color:#666}.results-list{display:flex;flex-direction:column;gap:16px}.result-item{background:#fff;border:1px solid #F5F5F5;border-radius:16px;overflow:hidden;transition:box-shadow .2s ease}.result-item:hover{box-shadow:0 4px 12px #00000014}.result-link{display:flex;padding:16px;text-decoration:none;color:inherit;gap:16px}.result-thumbnail{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0}.result-thumbnail--video{width:120px;height:68px}.result-content{flex:1;min-width:0}.result-title{font-size:16px;font-weight:600;color:#222;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-description{font-size:14px;color:#666;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.result-category{background:#f5f5f5;border-radius:6px;padding:4px 8px;font-size:12px;color:#222}.result-subscribers,.result-views{font-size:12px;color:#666}.search-load-more{display:block;width:100%;padding:14px;margin-top:8px;background:#fafafa;border:1px solid #F5F5F5;border-radius:12px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.search-load-more:hover:not(:disabled){background:#f0f0f0;color:#222}.search-load-more:disabled{cursor:default;opacity:.6}.search-empty{text-align:center;padding:80px 20px}.search-empty-icon{font-size:48px;margin-bottom:16px}.search-empty-text{font-size:18px;font-weight:600;color:#222;margin-bottom:8px}.search-empty-subtitle{font-size:14px;color:#666}.search-auth-required{padding:60px 0;text-align:center}.auth-required-card{background:#fff;border:1px solid #F5F5F5;border-radius:20px;padding:40px 32px;max-width:400px;margin:0 auto}.auth-required-card h3{font-size:18px;font-weight:700;color:#222;margin:0 0 12px}.auth-required-card p{font-size:14px;color:#666;margin:0 0 24px}.auth-login-btn{display:inline-block;background:#222;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s ease}.auth-login-btn:hover{background:#333}@media(max-width:640px){.search-page .container{padding:0 16px}.search-input-wrapper{flex-direction:column;align-items:stretch;gap:12px}.search-submit-btn{margin-left:0;align-self:flex-end;width:fit-content}.result-link{flex-direction:column;gap:12px}.result-thumbnail,.result-thumbnail--video{width:100%;height:180px}}.category-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:20px 0}.category-header-icon{width:56px;height:56px;border-radius:12px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.category-header-thumb{width:100%;height:100%;object-fit:cover}.category-header-icon-placeholder{font-size:28px}.category-header-info{display:flex;flex-direction:column;gap:2px}.category-header-name{font-size:20px;font-weight:700;color:#1a1a1a}.category-header-rank{font-size:13px;color:#999}.summary-cards{display:flex;gap:0;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;margin-bottom:32px}.summary-card{flex:1;padding:16px 20px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #e5e5e5}.summary-card:last-child{border-right:none}.summary-card-label{font-size:12px;color:#999}.summary-card-value-row{display:flex;align-items:baseline;gap:6px}.summary-card-value{font-size:18px;font-weight:700;color:#1a1a1a}.summary-card-value--highlight{color:#e53935}.summary-card-badge{font-size:11px;font-weight:600;color:#e53935;background:#fef2f2;padding:1px 6px;border-radius:4px}.summary-card-sub{font-size:12px;color:#999}.summary-card-sub--highlight{color:#e53935}.views-chart{margin-bottom:32px}.views-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.views-chart-title-row{display:flex;flex-direction:column;gap:4px}.views-chart-label{font-size:13px;color:#999}.views-chart-total{font-size:22px;font-weight:700;color:#1a1a1a}.views-chart-period{display:flex;align-items:center;gap:4px}.views-chart-period-label{font-size:12px;color:#999;margin-right:4px}.views-chart-period-btn{font-size:12px;padding:4px 10px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;color:#666;cursor:pointer}.views-chart-period-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.video-grid-section{width:100%}.video-grid-tabs{display:flex;gap:16px;margin-bottom:16px}.video-grid-tab{font-size:15px;font-weight:600;color:#999;background:none;border:none;padding:0;cursor:pointer}.video-grid-tab--active{color:#1a1a1a}.video-grid-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.video-grid-format{display:flex;gap:6px}.video-grid-format-btn{font-size:12px;padding:5px 14px;border:1px solid #e5e5e5;border-radius:16px;background:#fff;color:#666;cursor:pointer}.video-grid-format-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.video-grid-period{display:flex;align-items:center;gap:4px}.video-grid-period-label{font-size:12px;color:#999;margin-right:4px}.video-grid-period-btn{font-size:12px;padding:4px 10px;border:1px solid #e5e5e5;border-radius:14px;background:#fff;color:#666;cursor:pointer}.video-grid-period-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.video-card-link{text-decoration:none;color:inherit}.video-card{display:flex;flex-direction:column;gap:8px}.video-card-thumb-wrap{aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:#f0f0f0}.video-card-thumb{width:100%;height:100%;object-fit:cover}.video-card-info{display:flex;flex-direction:column;gap:2px}.video-card-title{font-size:12px;font-weight:500;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.video-card-meta{font-size:11px;color:#999}.video-card-avg{font-size:11px;color:#e53935}.category-detail-page{max-width:1080px;width:100%;margin:0 auto;padding:0 24px 60px}.cd-loading{display:flex;justify-content:center;padding:80px 24px;color:#888}.cd-empty{display:flex;justify-content:center;padding:60px 24px;color:#999;font-size:14px}.cd-table{width:100%;border-collapse:collapse}.cd-th{text-align:left;font-size:12px;font-weight:500;color:#999;padding:10px 12px;border-bottom:1px solid #e5e5e5;white-space:nowrap}.cd-th--rank{width:60px;text-align:center}.cd-th--name{min-width:160px}.cd-tr{border-bottom:1px solid #f0f0f0}.cd-tr:last-child{border-bottom:none}.cd-td{padding:14px 12px;font-size:13px;color:#333;vertical-align:middle}.cd-td--rank{text-align:center}.cd-td--name{max-width:200px}.cd-rank-cell{display:flex;flex-direction:column;align-items:center;gap:2px}.cd-rank-num{font-weight:700;color:#1a1a1a}.cd-rank-delta{font-size:11px}.cd-rank-delta--up{color:#e53935}.cd-rank-delta--down{color:#2196f3}.cd-topic-link{text-decoration:none;color:inherit}.cd-topic-link:hover .cd-topic-name{text-decoration:underline}.cd-topic-cell{display:flex;flex-direction:column;gap:2px}.cd-topic-name{font-size:14px;font-weight:600;color:#1a1a1a}.cd-topic-count{font-size:12px;color:#999}.cd-delta{color:#e53935;font-size:13px}.cd-channel-cell{display:flex;align-items:center;gap:10px}.cd-channel-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.cd-channel-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cd-channel-link{text-decoration:none;color:inherit}.cd-channel-link:hover .cd-channel-name{text-decoration:underline}.cd-channel-name{font-size:14px;font-weight:600;color:#1a1a1a}.cd-channel-sub{font-size:12px;color:#888}.cd-subcategories{margin-bottom:40px}.breadcrumb{display:flex;align-items:center;gap:0;padding:16px 0 0}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-sep{margin:0 8px;color:#ccc;font-size:12px}.breadcrumb-link{font-size:13px;color:#999;text-decoration:none}.breadcrumb-link:hover{color:#666}.breadcrumb-current{font-size:13px;font-weight:600;color:#1a1a1a}.topic-detail-page{max-width:1080px;width:100%;margin:0 auto;padding:0 24px 60px}.td-loading{display:flex;justify-content:center;padding:80px 24px;color:#888}.td-empty{display:flex;justify-content:center;padding:60px 24px;color:#999;font-size:14px}.td-table{width:100%;border-collapse:collapse}.td-th{text-align:left;font-size:12px;font-weight:500;color:#999;padding:10px 12px;border-bottom:1px solid #e5e5e5;white-space:nowrap}.td-th--rank{width:60px;text-align:center}.td-th--name{min-width:160px}.td-tr{border-bottom:1px solid #f0f0f0}.td-tr:last-child{border-bottom:none}.td-td{padding:14px 12px;font-size:13px;color:#333;vertical-align:middle}.td-td--rank{text-align:center;font-weight:700;color:#1a1a1a}.td-td--name{max-width:200px}.td-delta{color:#e53935;font-size:13px}.td-channel-cell{display:flex;align-items:center;gap:10px}.td-channel-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.td-channel-info{display:flex;flex-direction:column;gap:2px;min-width:0}.td-channel-link{text-decoration:none;color:inherit}.td-channel-link:hover .td-channel-name{text-decoration:underline}.td-channel-name{font-size:14px;font-weight:600;color:#1a1a1a}.td-channel-sub{font-size:12px;color:#888}.td-channels-section{margin-top:40px;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.td-section-header{padding:20px 24px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.td-section-info{display:flex;flex-direction:column;gap:4px}.td-section-title{font-size:18px;font-weight:600;color:#333;margin:0}.td-section-datetime{font-size:12px;color:#666}.td-section-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.td-period-filters{display:flex;gap:4px}.td-period-btn{padding:6px 12px;border:1px solid #e5e5e5;background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.td-period-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.td-period-btn:hover:not(.td-period-btn--active){background:#f5f5f5}.td-sort-select{padding:8px 12px;border:1px solid #e5e5e5;border-radius:6px;background:#fff;font-size:14px;color:#333;cursor:pointer;min-width:100px}.td-sort-select:focus{outline:none;border-color:#333}.td-section-content{padding:0}.td-auth-required{padding:60px 24px;text-align:center}.td-auth-card{background:#f8f9fa;padding:40px 30px;border-radius:12px;max-width:300px;margin:0 auto}.td-auth-card h3{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.td-auth-card p{font-size:14px;color:#666;margin:0 0 20px}.td-auth-btn{display:inline-flex;align-items:center;padding:10px 20px;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s}.td-auth-btn:hover{background:#0056b3}.td-more-section{padding:20px 24px;text-align:center;border-top:1px solid #f0f0f0}.td-more-btn{padding:10px 24px;background:#f8f9fa;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s}.td-more-btn:hover{background:#e9ecef}@media(max-width:768px){.td-section-header{flex-direction:column;align-items:flex-start}.td-section-controls{width:100%;justify-content:space-between}.td-period-filters{flex:1}}.channel-detail-page{max-width:960px;margin:0 auto;padding:32px 24px}.chd-loading{display:flex;justify-content:center;padding:80px 24px;color:#888}.chd-profile{display:flex;align-items:center;gap:16px;margin-bottom:24px}.chd-profile-thumb{width:72px;height:72px;border-radius:50%;object-fit:cover}.chd-profile-name{font-size:22px;font-weight:700;margin:0;color:#1a1a1a}.chd-profile-handle{font-size:13px;color:#888}.chd-chart-section{margin-top:32px}.chd-chart-tabs{display:flex;gap:0;border-bottom:1px solid #e5e5e5;margin-bottom:0}.chd-chart-tab{padding:10px 20px;font-size:14px;font-weight:500;color:#999;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer}.chd-chart-tab--active{color:#1a1a1a;border-bottom-color:#1a1a1a}.chd-video-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chd-format-tabs{display:flex;gap:0}.chd-format-btn{padding:6px 16px;font-size:13px;font-weight:500;color:#666;background:#f5f5f5;border:1px solid #e5e5e5;cursor:pointer}.chd-format-btn:first-child{border-radius:4px 0 0 4px}.chd-format-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.chd-format-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.chd-sort-btn{padding:6px 14px;font-size:13px;color:#5b8ff9;background:none;border:1px solid #5B8FF9;border-radius:4px;cursor:pointer}.chd-video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.chd-vcard-link{text-decoration:none;color:inherit}.chd-vcard-thumb-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px;background:#f0f0f0}.chd-vcard-thumb{width:100%;height:100%;object-fit:cover}.chd-vcard-info{display:flex;flex-direction:column;gap:2px;margin-top:6px}.chd-vcard-title{font-size:12px;font-weight:500;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chd-vcard-meta{font-size:11px;color:#888}.chd-vcard-avg{font-size:11px;color:#e53935}.chd-profile-actions{margin-left:auto}.chd-youtube-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:red;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s}.chd-youtube-link:hover{background:#c00}.chd-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:16px}.chd-period-filters{display:flex;gap:4px}.chd-period-btn{padding:6px 12px;border:1px solid #e5e5e5;background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.chd-period-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.chd-period-btn:hover:not(.chd-period-btn--active){background:#f5f5f5}.video-detail-page{max-width:960px;margin:0 auto;padding:32px 24px}.vd-loading{display:flex;justify-content:center;padding:80px 24px;color:#888}.vd-hero{width:200px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#1a1a1a;margin-bottom:16px}.vd-hero-thumb{width:100%;height:100%;object-fit:cover}.vd-channel-link{display:flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:8px}.vd-channel-thumb{width:28px;height:28px;border-radius:50%;object-fit:cover}.vd-channel-name{font-size:13px;color:#666}.vd-channel-link:hover .vd-channel-name{text-decoration:underline}.vd-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.4}.vd-chart-section{margin-top:32px}.vd-section-title{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.vd-video-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.vd-format-tabs{display:flex;gap:0}.vd-format-btn{padding:6px 16px;font-size:13px;font-weight:500;color:#666;background:#f5f5f5;border:1px solid #e5e5e5;cursor:pointer}.vd-format-btn:first-child{border-radius:4px 0 0 4px}.vd-format-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.vd-format-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.vd-sort-btn{padding:6px 14px;font-size:13px;color:#5b8ff9;background:none;border:1px solid #5B8FF9;border-radius:4px;cursor:pointer}.vd-video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.vd-vcard-link{text-decoration:none;color:inherit}.vd-vcard-thumb-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:4px;background:#f0f0f0}.vd-vcard-thumb{width:100%;height:100%;object-fit:cover}.vd-vcard-info{display:flex;flex-direction:column;gap:2px;margin-top:6px}.vd-vcard-title{font-size:12px;font-weight:500;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vd-vcard-meta{font-size:11px;color:#888}.vd-vcard-avg{font-size:11px;color:#e53935}.vd-title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.vd-youtube-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:red;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s;flex-shrink:0}.vd-youtube-link:hover{background:#c00}.vd-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:16px}.vd-period-filters{display:flex;gap:4px}.vd-period-btn{padding:6px 12px;border:1px solid #e5e5e5;background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.vd-period-btn--active{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.vd-period-btn:hover:not(.vd-period-btn--active){background:#f5f5f5}@media(max-width:768px){.vd-title-section,.vd-chart-header{flex-direction:column;align-items:flex-start}.vd-period-filters{width:100%;justify-content:space-between}}.pricing-page{max-width:960px;margin:0 auto;padding:48px 24px}.pricing-hero{text-align:center;margin-bottom:48px}.pricing-hero-logo{font-size:14px;font-weight:700;color:#1a1a1a;letter-spacing:.5px}.pricing-hero-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:16px 0 0;line-height:1.5}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:720px;margin:0 auto}.pricing-card{border:1px solid #e5e5e5;border-radius:12px;padding:32px 28px;display:flex;flex-direction:column}.pricing-card--current{border-color:#1a1a1a}.pricing-card-header{margin-bottom:16px}.pricing-card-badge{display:inline-block;font-size:13px;font-weight:600;color:#666;margin-bottom:8px}.pricing-card-badge--pro{color:#1a1a1a}.pricing-card-price{display:block;font-size:28px;font-weight:700;color:#1a1a1a}.pricing-card-price-row{display:flex;align-items:baseline;gap:4px}.pricing-card-price--pro{display:inline}.pricing-card-price-unit{font-size:14px;color:#888}.pricing-card-desc{font-size:13px;color:#666;line-height:1.6;margin:0 0 20px}.pricing-card-btn{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;border:1px solid #e5e5e5;margin-bottom:24px}.pricing-card-btn--free{background:#fff;color:#1a1a1a;border-color:#ccc}.pricing-card-btn--free:hover{background:#f5f5f5}.pricing-card-btn--pro{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.pricing-card-btn--pro:hover{background:#333}.pricing-card-btn--current{background:#f5f5f5;color:#999;border-color:#e5e5e5;cursor:default}.pricing-card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.pricing-card-features li{font-size:13px;color:#333;padding-left:16px;position:relative}.pricing-card-features li:before{content:"•";position:absolute;left:0;color:#999}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-200:oklch(92.8% .006 264.531);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:#fff;--color-foreground:#222;--color-muted:#fafafa;--color-muted-foreground:#999;--color-border:#f5f5f5;--color-popover:#fff;--color-popover-foreground:#222;--color-primary:#171717;--color-primary-foreground:#fafafa;--color-secondary:#f5f5f5;--color-secondary-foreground:#171717;--color-accent:#f5f5f5;--color-accent-foreground:#171717;--color-destructive:#ef4444;--color-destructive-foreground:#fafafa;--color-input:#e5e5e5;--color-ring:#171717}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.left-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[1px\]{height:1px}.h-\[300px\]{height:300px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[300px\]{max-height:300px}.min-h-\[60px\]{min-height:60px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-32{width:calc(var(--spacing) * 32)}.w-60{width:calc(var(--spacing) * 60)}.w-\[1px\]{width:1px}.w-\[50px\]{width:50px}.w-\[60px\]{width:60px}.w-\[80px\]{width:80px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[300px\]{max-width:300px}.max-w-lg{max-width:var(--container-lg)}.max-w-xs{max-width:var(--container-xs)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[--color-border\]{border-color:--color-border}.border-border{border-color:var(--color-border)}.border-border\/30{border-color:#f5f5f54d}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.border-border\/50{border-color:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-input{border-color:var(--color-input)}.border-transparent{border-color:#0000}.bg-\[--color-bg\]{background-color:--color-bg}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--color-border)}.bg-destructive{background-color:var(--color-destructive)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-muted{background-color:var(--color-muted)}.bg-muted\/30{background-color:#fafafa4d}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--color-muted) 30%,transparent)}}.bg-muted\/50{background-color:#fafafa80}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#1717171a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.bg-yellow-100{background-color:var(--color-yellow-100)}.fill-current{fill:currentColor}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:var(--color-accent-foreground)}.text-blue-400{color:var(--color-blue-400)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-muted-foreground\/50{color:#99999980}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--color-muted-foreground) 50%,transparent)}}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-accent\/20:hover{background-color:#f5f5f533}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/20:hover{background-color:color-mix(in oklab,var(--color-accent) 20%,transparent)}}.hover\:bg-accent\/30:hover{background-color:#f5f5f54d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/30:hover{background-color:color-mix(in oklab,var(--color-accent) 30%,transparent)}}.hover\:bg-accent\/50:hover{background-color:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#ef4444e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-muted\/50:hover{background-color:#fafafa80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--color-muted) 50%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus{color:var(--color-accent-foreground)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--color-muted)}@media(min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--color-muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--color-border) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--color-border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--color-border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--color-muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--color-border)}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--color-muted-foreground)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#222;letter-spacing:-.04em;background-color:#fff;font-family:Pretendard Variable,Pretendard,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;max-width:1280px;min-height:100vh;margin:0 auto}a{color:inherit;text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:0 20px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}