@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f8f9fa;padding:20px}.login-form{background:#fff;padding:40px;border-radius:10px;box-shadow:0 15px 35px #0000001a;width:100%;max-width:500px}.login-form h2{text-align:center;margin-bottom:30px;color:#333;font-size:28px;font-weight:600}.form-group input{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.email-login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:20px}.email-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.email-login-btn:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;margin:25px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.divider span{background:#fff;padding:0 15px;color:#666;font-size:14px}.google-login-btn{width:100%;padding:15px;background:#fff;color:#757575;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.google-login-btn:hover:not(:disabled){border-color:#4285f4;box-shadow:0 2px 8px #4285f433}.google-login-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px}.switch-mode{text-align:center;color:#666;font-size:14px}.switch-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;margin-left:5px;text-decoration:underline}.switch-btn:hover{color:#764ba2}.error-message{background:#fee;color:#c33;padding:10px;border-radius:5px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.interests-label{display:block;margin-bottom:15px;font-weight:600;color:#333;font-size:14px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;max-height:200px;overflow-y:auto;padding:15px;border:2px solid #e1e5e9;border-radius:8px;background:#fafafa}.interest-item{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s ease;font-size:14px;position:relative;-webkit-user-select:none;user-select:none}.interest-item:hover{background-color:#f0f0f0}.interest-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px;position:relative;transition:all .2s ease;flex-shrink:0}.interest-item:hover input~.checkmark{border-color:#667eea}.interest-item input:checked~.checkmark{background-color:#667eea;border-color:#667eea}.checkmark:after{content:"";position:absolute;display:none}.interest-item input:checked~.checkmark:after{display:block}.interest-item .checkmark:after{left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 480px){.login-form{padding:30px 20px}.login-form h2{font-size:24px}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:12px;max-height:150px}.interest-item{padding:6px 8px;font-size:13px}}.dashboard-header{position:absolute;top:0;left:0;width:100%;height:85px;background:#fff;border-bottom:.5px #AFAFAF solid;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-sizing:border-box}.nav-menu{display:flex;gap:29px;z-index:1001}.nav-item{color:#676767;font-size:18px;font-family:Pretendard;font-weight:400;cursor:pointer;transition:color .2s ease}.nav-item.active{color:#0b1215;font-weight:600}.nav-item.inactive{color:#676767}.nav-item:hover{color:#0b1215}.logout-btn{height:39px;padding:9px 13px;background:#eb2f45;border-radius:10px;border:none;color:#fff;font-size:14px;font-family:Pretendard;font-weight:400;cursor:pointer;z-index:1001;transition:background-color .2s ease;display:block!important;visibility:visible!important;opacity:1!important}.logout-btn:hover{background:#d42a3f}.logout-text{color:#fff;display:block!important;visibility:visible!important;opacity:1!important}.mypage-btn{height:39px;padding:9px 13px;background:#f1f1f1;margin-right:20px;border-radius:10px;border:none;color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:400;cursor:pointer;z-index:1001;transition:background-color .2s ease}.mypage-btn:hover{background:#e5e5e5}.mypage-text{color:#0b1215}.logo{width:165px;height:50px;cursor:pointer;z-index:1001;transition:opacity .2s ease}.logo:hover{opacity:.8}@media (max-width: 768px){.dashboard-header{height:70px;padding:0 15px}.logo{width:120px;height:36px}.nav-menu{gap:20px}.nav-item{font-size:16px}.mypage-btn{height:32px;padding:6px 10px;margin-right:10px;font-size:13px}.logout-btn{height:32px;padding:6px 10px;font-size:13px}.mypage-text,.logout-text{font-size:13px}}@media (max-width: 480px){.dashboard-header{height:60px;padding:0 10px}.logo{width:100px;height:30px}.nav-menu{gap:15px}.nav-item{font-size:14px}.mypage-btn{height:28px;padding:4px 8px;margin-right:8px;font-size:12px}.logout-btn{height:28px;padding:4px 8px;font-size:12px}.mypage-text,.logout-text{font-size:12px}}@media (max-width: 360px){.dashboard-header{height:55px;padding:0 8px}.logo{width:90px;height:27px}.nav-menu{gap:12px}.nav-item{font-size:13px}.mypage-btn{height:26px;padding:3px 6px;margin-right:6px;font-size:11px}.logout-btn{height:26px;padding:3px 6px;font-size:11px}.mypage-text,.logout-text{font-size:11px}}.copyright-footer{width:100%;background:#fafafa;border-top:1px solid #E5E5E5;padding:40px 0;margin-top:80px}.footer-content{max-width:1280px;margin:0 auto;padding:0 20px;text-align:center}.footer-links{margin-bottom:20px}.footer-link{color:#676767;text-decoration:none;font-size:14px;font-family:Pretendard;font-weight:400;transition:color .2s ease}.footer-link:hover{color:#0b1215}.footer-separator{color:#e5e5e5;margin:0 12px;font-size:14px}.copyright-text{color:#969696;font-size:12px;font-family:Pretendard;font-weight:400;line-height:1.5}@media (max-width: 768px){.copyright-footer{padding:30px 0;margin-top:60px}.footer-content{padding:0 15px}.footer-links{margin-bottom:15px}.footer-link{font-size:13px}.footer-separator{margin:0 8px;font-size:13px}.copyright-text{font-size:11px}}@media (max-width: 480px){.copyright-footer{padding:20px 0;margin-top:40px}.footer-content{padding:0 10px}.footer-links{margin-bottom:12px}.footer-link{font-size:12px}.footer-separator{margin:0 6px;font-size:12px}.copyright-text{font-size:10px;line-height:1.4}}.calendar-overlay{position:fixed;inset:0;z-index:10000}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #E9ECEF;padding:20px;min-width:320px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-nav-btn{background:none;border:none;font-size:20px;color:#676767;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.calendar-nav-btn:hover{background:#f8f9fa;color:#0b1215}.calendar-month-year{font-size:18px;font-weight:600;color:#0b1215;text-align:center;flex:1}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px}.calendar-weekday{text-align:center;font-size:14px;font-weight:500;color:#676767;padding:8px 4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{background:none;border:none;padding:8px 4px;font-size:14px;color:#0b1215;cursor:pointer;border-radius:6px;transition:all .2s ease;min-height:36px;display:flex;align-items:center;justify-content:center;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.calendar-day:hover:not(:disabled){background:#f8f9fa;color:#0b1215}.calendar-day.selected{background:#107aeb;color:#fff;font-weight:600}.calendar-day.selected:hover{background:#0d6bc7}.calendar-day.today{background:#e3f2fd;color:#107aeb;font-weight:600;border:1px solid #107AEB}.calendar-day.today:hover{background:#bbdefb}.calendar-day.other-month{color:#ccc;cursor:default}.calendar-day.other-month:hover{background:none}.calendar-day:disabled{cursor:default;color:#ccc}.calendar-day:disabled:hover{background:none}@media (max-width: 480px){.calendar-container{min-width:280px;padding:16px}.calendar-day{min-height:32px;font-size:13px}.calendar-month-year{font-size:16px}.calendar-nav-btn{width:32px;height:32px;font-size:18px}}.dashboard-container{width:100%;min-height:100vh;position:relative;background:#fafafa;overflow-x:auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.mypage-text{color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:500;text-align:center;white-space:nowrap}.main-title-container{position:relative;width:90%;max-width:1200px;margin:120px auto 0;justify-content:flex-start;align-items:center;gap:12px;display:flex;z-index:20;background:#fafafa;padding:10px 20px;border-radius:8px}.main-title{color:#0b1215;font-size:22px;font-family:Pretendard;font-weight:500;word-wrap:break-word}.subtitle{color:#0b1215;font-size:18px;font-family:Pretendard;font-weight:400;word-wrap:break-word}.date-filter-container{display:flex;justify-content:space-between;align-items:center;margin:10px auto 20px;width:90%;max-width:1200px;padding:0 20px;box-sizing:border-box;min-height:60px;position:relative}@media (max-width: 768px){.date-filter-container{display:block!important}.date-filter-container>*{display:block!important;width:100%!important;margin-bottom:15px!important}.date-filter-container>*:last-child{margin-bottom:0!important}}.date-filter-buttons{display:flex!important;gap:8px;flex-shrink:0!important;position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important}.date-filter-btn{width:52px;height:35px;padding:9px 13px;background:#f1f1f1;border-radius:16px;border:none;color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .2s ease}.date-filter-btn.active{background:#e0e0e0;color:#0b1215}.date-filter-btn:not(.active){background:transparent;color:#676767}.date-filter-btn:hover{background:#e8e8e8}.date-filter-text{font-size:14px;font-family:Pretendard;font-weight:400;word-wrap:break-word;color:#0b1215;white-space:nowrap}.date-filter-btn:not(.active) .date-filter-text{color:#676767}.date-selector{display:flex!important;align-items:center!important;gap:10px;background:#fff;border-radius:19px;padding:9px 8px;white-space:nowrap;flex-shrink:0!important;position:absolute!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important;height:35px}.stock-table-container{width:90%;max-width:1200px;margin:20px auto 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table-header{display:flex;background:#f8f9fa;border-bottom:1px solid #E9ECEF;padding:16px 20px;font-weight:600;color:#0b1215;font-family:Pretendard}.table-header-left{min-width:250px;flex-shrink:0}.table-header-right{display:flex;flex:1;gap:0}.table-header-column{min-width:120px;flex:1;text-align:center;font-size:14px}.table-header-column.score,.table-header-column.positive,.table-header-column.negative,.table-header-column.neutral,.table-header-column.reaction{min-width:120px;flex:1}.stock-row{display:flex;padding:16px 20px;border-bottom:1px solid #F0F0F0;transition:background-color .2s ease;cursor:pointer}.stock-row:hover{background-color:#f8f9fa}.stock-row:last-child{border-bottom:none}.stock-row.bookmarked{background-color:#fff8e1}.stock-row.bookmarked:hover{background-color:#fff3cd}.stock-left{display:flex;align-items:center;gap:12px;min-width:250px;flex-shrink:0}.favorite-icon{font-size:18px;font-family:SF Pro;font-weight:510;word-wrap:break-word;cursor:pointer;transition:all .2s ease;flex-shrink:0;line-height:1}.favorite-icon.active{color:gold}.favorite-icon.inactive{color:#737373}.favorite-icon:hover{transform:scale(1.1)}.favorite-icon.active:hover{color:#ffed4e}.favorite-icon.inactive:hover{color:#8a8a8a}.stock-rank{color:#000;font-size:14px;font-family:Pretendard;font-weight:400;word-wrap:break-word;flex-shrink:0;min-width:20px}.stock-info{justify-content:flex-start;align-items:center;gap:8px;display:flex;flex:1;min-width:0}.stock-icon{width:24px;height:24px;border-radius:50%;background-color:#e0e0e0;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border:1px solid #D0D0D0}.stock-icon[style*=background-image]{background-color:transparent}.stock-icon:before{content:attr(data-fallback);color:#666;font-size:12px;font-weight:700;display:none;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stock-icon[style*=background-image]:before{display:none}.stock-icon:not([style*=background-image]):before{display:flex}.stock-name{color:#000;font-size:18px;font-family:Pretendard;font-weight:400;line-height:25.6px;word-wrap:break-word;flex:1;min-width:0}.stock-right{display:flex;flex:1;gap:0}.stock-data-column{min-width:120px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.stock-data-value{font-size:14px;font-weight:500;color:#0b1215;font-family:Pretendard}.stock-data-change{font-size:12px;font-weight:400;color:#676767;font-family:Pretendard}.stock-data-value.score{color:#0b1215}.stock-data-value.positive{color:#eb2f45}.stock-data-value.negative{color:#107aeb}.stock-data-value.neutral,.stock-data-change.score{color:#969696}.stock-data-change.positive,.stock-data-change.negative,.stock-data-change.neutral{color:#676767}.stock-data-value.reaction-positive{color:#eb2f45}.stock-data-value.reaction-negative{color:#107aeb}.reaction-rates{display:flex;flex-direction:column;gap:4px;width:100%}.reaction-rate-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.reaction-label{font-size:10px;color:#676767;font-weight:500}.loading-container,.error-container{width:100%;min-height:100vh;position:relative;background:#fafafa;display:flex;justify-content:center;align-items:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #107AEB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-progress{width:200px;height:4px;background:#f3f3f3;border-radius:2px;overflow:hidden;margin-bottom:20px}.loading-progress-bar{height:100%;background:#107aeb;border-radius:2px;animation:progress 2s ease-in-out infinite}.loading-text{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400}.no-data-container,.table-loading-container{width:100%;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:#fafafa}.full-screen-loading-container,.full-screen-no-data-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:#fafafa;z-index:1000}.favorites-no-data-container,.favorites-loading-container{position:relative;width:100%;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:#fafafa;z-index:1}.table-loading-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin-bottom:16px}.table-loading-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;margin-bottom:32px;max-width:500px;line-height:1.5}.full-screen-loading-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin:0 0 16px}.full-screen-loading-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;line-height:1.5;margin:0 0 32px}.full-screen-no-data-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin:0 0 16px}.full-screen-no-data-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;line-height:1.5;margin:0 0 32px}.table-loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #107AEB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.table-loading-text{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;margin-bottom:8px}.table-loading-text:last-child{margin-bottom:0}.no-data-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin-bottom:16px}.no-data-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;margin-bottom:32px;max-width:500px;line-height:1.5}.try-other-date-btn{padding:12px 24px;background:#107aeb;color:#fff;border:none;border-radius:8px;font-size:14px;font-family:Pretendard;font-weight:500;cursor:pointer;transition:all .2s ease}.try-other-date-btn:hover{background:#0d6bc7;transform:translateY(-1px);box-shadow:0 2px 8px #107aeb4d}.error-container{flex-direction:column;gap:20px;width:90%;max-width:1200px;margin:40px auto 0}.error-message{background:#ffebee;color:#c62828;padding:16px;margin:16px 0;border-radius:8px;border:1px solid #ffcdd2;text-align:center;font-family:Pretendard;font-size:14px;font-weight:500}.refresh-btn{padding:10px 20px;background:#eb2f45;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.refresh-btn:hover{background:#d42a3f}@media (max-width: 1200px){.stock-table-container{width:95%}.stock-right{gap:15px}.table-header-column.positive,.table-header-column.negative,.table-header-column.neutral{min-width:100px}.table-header-left{min-width:180px}}@media (max-width: 768px){.dashboard-container{padding:0 10px}.main-title-container{margin-top:100px;padding:15px}.main-title{font-size:20px}.subtitle{font-size:16px}.date-filter-container{display:block!important;flex-direction:column!important;gap:20px!important;align-items:center!important;padding:20px 15px!important;min-height:auto!important;position:relative!important;justify-content:flex-start!important;z-index:1;overflow:visible;width:100%!important;margin:10px auto 20px!important}.date-filter-buttons{position:static!important;transform:none!important;order:1!important;display:flex!important;gap:8px!important;justify-content:center!important;width:100%!important;margin:0 0 20px!important;left:auto!important;top:auto!important;z-index:2;flex-wrap:wrap!important;clear:both!important;float:none!important}.date-selector{position:static!important;transform:none!important;order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:300px!important;margin:0 auto!important;right:auto!important;top:auto!important;background:#fff!important;border-radius:19px!important;padding:9px 8px!important;height:35px!important;z-index:3;clear:both!important;float:none!important}.stock-table-container{width:100%;margin:10px auto 0}.table-header{display:none}.stock-row{display:block;margin-bottom:12px;padding:16px;border-radius:12px;border:1px solid #E9ECEF;background:#fff;box-shadow:0 2px 4px #0000001a}.stock-left{display:flex;align-items:center;gap:12px;margin-bottom:12px;min-width:auto}.stock-right{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:none}.stock-data-column{display:flex;flex-direction:column;align-items:flex-start;padding:8px;background:#f8f9fa;border-radius:8px;min-width:auto;flex:none}.stock-data-column:before{content:attr(data-label);font-size:12px;color:#676767;font-weight:500;margin-bottom:4px}.stock-data-column[data-label="반응 비율"]{flex-direction:column;align-items:center;gap:4px}.stock-data-column[data-label="반응 비율"]:before{content:"반응 비율"}.stock-data-value.reaction-positive{font-size:14px;font-weight:600;color:#eb2f45}.stock-data-value.reaction-negative{font-size:12px;color:#107aeb}.reaction-rates{display:flex;flex-direction:column;gap:6px;width:100%}.reaction-rate-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.reaction-label{font-size:11px;color:#676767;font-weight:500}.stock-data-value{font-size:16px;font-weight:600}.stock-data-change{font-size:12px;margin-top:2px}.favorite-icon{font-size:20px}.stock-rank{font-size:16px;font-weight:600;color:#107aeb}.stock-name{font-size:16px;font-weight:500}.stock-icon{width:28px;height:28px}}@media (max-width: 480px){.main-title-container{margin-top:90px;padding:12px}.main-title{font-size:18px}.subtitle{font-size:14px}.date-filter-container{display:block!important;padding:15px 12px!important;gap:15px!important;min-height:auto!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin:10px auto 20px!important}.date-filter-buttons{display:flex!important;gap:6px!important;justify-content:center!important;width:100%!important;margin:0 0 15px!important;position:static!important;transform:none!important;left:auto!important;top:auto!important;z-index:2;flex-wrap:wrap!important;clear:both!important;float:none!important}.date-filter-btn{width:48px;height:32px;font-size:13px;position:relative;z-index:1}.date-selector{padding:6px 8px!important;height:32px!important;width:100%!important;max-width:280px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;transform:none!important;right:auto!important;top:auto!important;background:#fff!important;border-radius:19px!important;z-index:3;clear:both!important;float:none!important;margin:0 auto!important}.date-display{font-size:13px;min-width:100px;padding:6px 8px}.stock-row{padding:12px;margin-bottom:8px}.stock-right{grid-template-columns:1fr;gap:8px}.stock-data-column{padding:6px}.stock-data-value{font-size:14px}.stock-data-change{font-size:11px}.stock-left{gap:10px;margin-bottom:10px}.favorite-icon{font-size:18px}.stock-rank,.stock-name{font-size:14px}.stock-icon{width:24px;height:24px}}@media (max-width: 360px){.date-filter-container{display:block!important;padding:12px 8px!important;gap:12px!important;width:100%!important;margin:10px auto 20px!important}.date-filter-buttons{gap:4px!important;margin:0 0 12px!important;z-index:2;position:static!important;transform:none!important;display:flex!important;clear:both!important;float:none!important;width:100%!important;justify-content:center!important}.date-filter-btn{width:44px;height:28px;font-size:12px;position:relative;z-index:1}.date-selector{padding:4px 6px!important;height:28px!important;max-width:260px!important;z-index:3;position:static!important;transform:none!important;display:flex!important;clear:both!important;float:none!important;width:100%!important;margin:0 auto!important;justify-content:center!important}.date-display{font-size:12px;min-width:90px;padding:4px 6px}.date-arrow{width:16px;height:16px;font-size:14px}}.favorites-list{display:flex;flex-direction:column;gap:16px}.favorite-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fff;border-radius:12px;border:1px solid #e9ecef;transition:all .2s ease}.favorite-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.favorite-info{flex:1;cursor:pointer;transition:opacity .2s ease}.favorite-info:hover{opacity:.8}.favorite-info h3{font-size:18px;font-weight:600;color:#333;margin:0 0 8px}.favorite-info p{font-size:14px;color:#666;margin:0}.remove-btn{width:32px;height:32px;background:#dc3545;color:#fff;border:none;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-btn:hover{background:#c82333}.empty-state{text-align:center;padding:40px 20px;color:#666}.empty-state p{margin:8px 0;font-size:16px}.empty-state p:first-child{font-size:18px;font-weight:500;color:#333}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header{padding:24px 32px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:flex-start;background:#f8f9fa}.modal-title-section{flex:1}.modal-main-title{font-size:22px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.4}.modal-subtitle{font-size:14px;color:#666;margin-bottom:12px;font-weight:500}.modal-headline{font-size:18px;font-weight:600;line-height:1.5;margin:0;padding:16px;background:#f8f9fa;border-radius:8px}.modal-close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;margin-left:16px;border-radius:4px;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f0f0f0;color:#666}.modal-content{flex:1;overflow-y:auto;padding:0}.channel-section{padding:24px 32px;border-bottom:1px solid #f1f3f4}.channel-section:last-child{border-bottom:none}.channel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.reaction-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.channel-name{font-size:16px;color:#333;font-weight:600;margin-bottom:16px;display:block}.posts-container{display:flex;flex-direction:column;gap:16px}.post-item{background:#f8f9fa;border-radius:8px;padding:16px}.post-meta{display:flex;gap:16px;align-items:center;margin-bottom:12px}.post-date{font-size:14px;color:#999}.post-views{font-size:12px;color:#666;font-weight:500}.reaction-date{font-size:14px;color:#999}.reaction-views{font-size:12px;color:#666;font-weight:500}.reaction-content{display:flex;flex-direction:column;gap:12px}.reaction-highlight{font-size:15px;font-weight:600;color:#333;padding:12px 16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.post-content,.reaction-text{font-size:15px;line-height:1.6;color:#444;white-space:pre-line}.no-reactions{padding:60px 32px;text-align:center;color:#999;font-size:16px}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-container{max-height:90vh;border-radius:12px}.modal-header{padding:20px 24px}.modal-main-title{font-size:16px}.modal-headline{font-size:18px}.channel-section{padding:20px 24px}.channel-header{flex-direction:column;align-items:flex-start;gap:4px}.post-item{padding:12px}.no-reactions{padding:40px 24px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sector-detail-container{width:100%;min-height:100vh;background:#fafafa;position:relative;overflow-x:hidden}.header{width:100%;height:85px;background:#fff;border-bottom:.5px #AFAFAF solid;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.logo{cursor:pointer}.logo img{width:165px;height:50px}.nav-menu{display:flex;gap:29px;position:absolute;left:50%;transform:translate(-50%)}.nav-item{color:#676767;font-size:18px;font-family:Pretendard;font-weight:400;cursor:pointer}.user-actions{display:flex;gap:24px}.mypage-btn,.logout-btn{height:39px;padding:9px 13px;background:#f1f1f1;border-radius:10px;border:none;color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:400;cursor:pointer}.main-content{width:100%;max-width:1280px;margin:120px auto 0;padding:0 20px;position:relative}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.error-icon{font-size:64px;margin-bottom:24px}.error-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin-bottom:16px}.error-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;margin-bottom:32px;max-width:500px;line-height:1.5}.error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.back-home-btn,.try-again-btn{padding:12px 24px;border-radius:8px;border:none;font-size:14px;font-family:Pretendard;font-weight:500;cursor:pointer;transition:all .2s ease}.back-home-btn{background:#f1f1f1;color:#0b1215}.back-home-btn:hover{background:#e5e5e5}.try-again-btn{background:#107aeb;color:#fff}.try-again-btn:hover{background:#0d6bc7}.section-info{display:flex;align-items:center;gap:12px;margin:0 auto 10px;width:90%;max-width:1200px;padding:10px 20px;box-sizing:border-box;white-space:nowrap;position:relative}.section-icon{width:33px;height:33px;background:#dadada;border-radius:9999px;border:1px #888888 solid;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.sector-detail-icon{width:100%;height:100%;object-fit:contain;border-radius:50%;padding:2px;display:block;max-width:100%;max-height:100%}.section-icon span{color:#0b1215;font-size:16px;font-family:Pretendard;font-weight:600;display:block}.section-details{display:flex;flex-direction:row;align-items:center;gap:12px;white-space:nowrap}.section-name{color:#0b1215;font-size:18px}.back-button-container{margin-left:auto;display:flex;align-items:center}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f1f1;border:none;border-radius:8px;color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.back-button:hover{background:#e5e5e5;transform:translateY(-1px)}.back-button:active{transform:translateY(0)}.back-icon{width:16px;height:16px;object-fit:contain}.back-text{white-space:nowrap}.section-date{color:#0b1215;font-size:18px;font-family:Pretendard;font-weight:400;white-space:nowrap}.filter-date-container{display:flex;justify-content:space-between;align-items:center;margin:10px auto 20px;width:90%;max-width:1200px;padding:0 20px;box-sizing:border-box;min-height:60px;position:relative}.filter-buttons{display:flex!important;gap:8px;flex-shrink:0!important;position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important}.filter-btn{width:52px;height:29px;padding:9px 13px;background:#f1f1f1;border-radius:16px;border:none;color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:all .2s ease}.filter-btn.active{background:#e0e0e0;color:#0b1215}.filter-btn:not(.active){background:transparent;color:#676767}.filter-btn:hover{background:#e8e8e8}.date-selector{display:flex!important;align-items:center!important;gap:10px;background:#fff;border-radius:19px;padding:9px 8px;white-space:nowrap;flex-shrink:0!important;position:absolute!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:10!important}.date-arrow{width:19px;height:19px;display:flex;align-items:center;justify-content:center;color:#676767;font-size:16px;cursor:pointer;transition:color .2s ease;background:none;border:none;padding:0}.date-arrow:hover{color:#0b1215}.date-arrow:disabled{color:#ccc;cursor:not-allowed}.date-display{color:#0b1215;font-size:14px;font-family:Pretendard;font-weight:500;white-space:nowrap;min-width:120px;text-align:center;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.date-display:hover{background:#f8f9fa;color:#107aeb}.content-cards{margin:20px auto 0;width:90%;max-width:1200px;display:flex;flex-direction:column;gap:24px}.reaction-ratio-card,.reaction-summary-card,.reaction-chart-card{background:#fff;border-radius:30px;padding:16px;box-shadow:0 2px 8px #0000001a}.card-header{margin-bottom:0}.card-header h2{color:#0b1215;font-size:22px;font-family:Pretendard;font-weight:500;margin:0 0 4px}.card-header p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:500;line-height:25.6px;margin:0 0 4px}.card-header .source{color:#676767;font-size:14px;font-family:Pretendard;font-weight:500;margin-bottom:20px}.reaction-ratio-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 4px 20px #00000014;position:relative;z-index:1;min-height:280px;overflow:visible}.chart-container{display:flex;align-items:center;justify-content:center;gap:40px;position:relative;z-index:2;padding:0;margin:0 -20px}.donut-chart{display:flex;align-items:center;justify-content:center;width:280px;height:280px;flex-shrink:0;overflow:hidden;position:relative;z-index:3;margin:0;padding:0}.donut-chart svg{width:100%;height:100%;max-width:280px;max-height:280px;position:relative;z-index:4;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));margin:0;padding:0}.donut-chart-center{font-size:24px;font-family:Pretendard;font-weight:600;fill:#0b1215;dominant-baseline:middle;text-anchor:middle;position:relative;z-index:5}.chart-legend{display:flex;flex-direction:column;gap:20px;flex-shrink:0;position:relative;z-index:2;margin-left:20px}.legend-item{display:flex;align-items:center;gap:12px;font-size:14px;font-family:Pretendard}.legend-item.positive .label{color:#eb2f45;font-weight:600;min-width:80px}.legend-item.negative .label{color:#107aeb;font-weight:600;min-width:80px}.legend-item.neutral .label{color:#969696;font-weight:600;min-width:80px}.legend-item .percentage{color:#0b1215;font-weight:600;min-width:40px}.legend-item .count{color:#666;font-size:12px;min-width:50px}.reaction-summary-card{padding:24px;background:#fff;border-radius:30px;box-shadow:0 2px 8px #0000001a}.reaction-section{margin-bottom:32px;padding:20px;border-radius:16px;background:#fafafa}.reaction-section:last-child{margin-bottom:0}.reaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reaction-header h3{margin:0;font-size:18px;font-family:Pretendard;font-weight:600;line-height:1.4}.reaction-header h3.positive{color:#eb2f45}.reaction-header h3.negative{color:#107aeb}.reaction-header h3.neutral{color:#969696}.view-reactions-btn{height:39px;padding:12px 16px;background:#f1f1f1;border-radius:9px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;color:#0b1215!important}.view-reactions-btn:hover{background:#e5e5e5}.btn-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.btn-icon img{width:100%;height:100%;object-fit:contain}.view-reactions-btn span:last-child{color:#0b1215!important;font-size:14px;font-family:Pretendard;font-weight:500}.view-reactions-btn.active span:last-child{color:#0b1215!important}.view-reactions-btn.inactive span:last-child{color:#676767!important}.view-reactions-btn button span:last-child,.view-reactions-btn .btn-text{color:#0b1215!important}.view-reactions-btn.active button span:last-child,.view-reactions-btn.active .btn-text{color:#0b1215!important}.view-reactions-btn.inactive button span:last-child,.view-reactions-btn.inactive .btn-text{color:#676767!important}.view-reactions-btn *{color:inherit!important}.view-reactions-btn.active *{color:#0b1215!important}.view-reactions-btn.inactive *{color:#676767!important}.btn-text{color:#0b1215!important;font-size:14px;font-family:Pretendard;font-weight:500}.view-reactions-btn.active .btn-text{color:#0b1215!important}.view-reactions-btn.inactive .btn-text{color:#676767!important}.reaction-content{margin-top:0}.reaction-content h4{color:#0b1215;font-size:16px;font-family:Pretendard;font-weight:500;line-height:1.5;margin:0 0 12px}.reaction-content p{color:#676767;font-size:14px;font-family:Pretendard;font-weight:400;line-height:1.6;margin:0}.reaction-chart-card{padding:32px;background:#fafafa;border-radius:12px}.chart-tabs{display:flex;background:#ececec;border-radius:8px;padding:4px;margin-bottom:20px}.chart-tab{padding:6px;border:none;background:transparent;border-radius:4px;color:#676767;font-size:14px;font-family:Pretendard;font-weight:500;cursor:pointer;min-width:69px}.chart-tab.active{background:#fafafa;color:#0b1215}.chart-content{position:relative;height:200px}.line-chart,.chart-lines{position:relative;width:100%;height:100%}.chart-line{position:absolute;height:2px;background:#ff4640}.chart-line.positive{background:#ff4640;top:25px;left:17px;width:712px}.chart-line.negative{background:#3a5bff;top:107px;left:17px;width:712px}.chart-labels{position:absolute;bottom:0;left:17px;right:17px;display:flex;justify-content:space-between;color:#6f6f6f;font-size:14px;font-family:Pretendard;font-weight:500}.chart-data-points{position:relative}.data-point{position:absolute;padding:2px 4px;border-radius:4px;color:#fff;font-size:14px;font-family:Pretendard;font-weight:500;white-space:nowrap}.data-point.positive{background:#ff4640}.data-point.negative{background:#3a5bff}.footer{width:100%;padding:24px 279px;background:#fff;border-top:.5px #AFAFAF solid;margin-top:40px}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:16px}.footer-links a{color:#676767;font-size:16px;font-family:Pretendard;font-weight:500;text-decoration:none;line-height:25.6px}.footer-links a:hover{color:#0b1215}.copyright{color:#969696;font-size:16px;font-family:Pretendard;font-weight:500;line-height:25.6px;text-align:center}.loading,.error,.no-data{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;font-family:Pretendard;color:#676767}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.loading-spinner{width:48px;height:48px;border:4px solid #F1F1F1;border-top:4px solid #0B1215;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.loading-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin:0 0 16px}.loading-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;line-height:1.5;margin:0 0 32px}.loading-progress{width:300px;max-width:100%}.progress-bar{width:100%;height:8px;background:#f1f1f1;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0b1215,#676767);border-radius:4px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px 20px}.no-data-icon{font-size:64px;margin-bottom:24px}.no-data-container h2{color:#0b1215;font-size:24px;font-family:Pretendard;font-weight:600;margin:0 0 16px}.no-data-container p{color:#676767;font-size:16px;font-family:Pretendard;font-weight:400;line-height:1.5;margin:0 0 32px;max-width:500px}.no-data-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.back-home-btn,.try-other-date-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-family:Pretendard;font-weight:500;cursor:pointer;transition:all .2s ease}.back-home-btn{background:#0b1215;color:#fff}.back-home-btn:hover{background:#1a1f23;transform:translateY(-1px)}.try-other-date-btn{background:#f1f1f1;color:#0b1215}.try-other-date-btn:hover{background:#e8e8e8;transform:translateY(-1px)}@media (max-width: 1280px){.main-content{padding:0 15px}.content-cards{margin-top:80px}.chart-container{gap:30px;padding:15px;margin:15px -15px}.donut-chart{width:160px;height:160px}.donut-chart svg{max-width:160px;max-height:160px}.donut-chart-center{font-size:16px}.footer{padding:24px 20px}.footer-links{flex-direction:column;gap:16px;align-items:center}}@media (max-width: 768px){.header{padding:0 15px}.logo img{width:120px;height:36px}.nav-menu{gap:20px}.nav-item{font-size:16px}.user-actions{gap:16px}.mypage-btn,.logout-btn{height:32px;padding:6px 10px;font-size:12px}.section-info{margin-top:60px;margin-left:10px}.filter-buttons{margin-left:10px}.date-selector{right:10px}.content-cards{margin-top:60px;gap:30px}.reaction-ratio-card,.reaction-summary-card,.reaction-chart-card{padding:20px;border-radius:20px;min-height:auto}.chart-container{flex-direction:column;gap:20px;align-items:center;padding:15px;margin:15px -15px}.donut-chart{width:120px;height:120px}.donut-chart svg{max-width:120px;max-height:120px}.donut-chart-center{font-size:14px}.chart-legend{gap:12px}.legend-item{font-size:12px;gap:8px}.legend-item .label{min-width:60px}.legend-item .percentage{min-width:30px}.legend-item .count{min-width:40px;font-size:11px}}.mypage-container{min-height:100vh;background:#f8f9fa}.mypage-content{max-width:800px;margin:85px auto 0;padding:32px 24px}.mypage-header{text-align:center;margin-bottom:40px}.mypage-header h1{font-size:32px;font-weight:700;color:#333;margin:0 0 8px}.mypage-header p{font-size:16px;color:#666;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{padding:16px 20px;border-radius:8px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.close-btn:hover{opacity:1}.mypage-sections{display:flex;flex-direction:column;gap:32px}.mypage-section{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.mypage-section h2{font-size:20px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f1f3f4}.section-description{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-input{width:100%;height:39px;padding:9px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input.disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-input.small{width:80px}.input-with-button{display:flex;gap:12px;align-items:center}.input-with-button .form-input{flex:1}.update-btn{height:39px;padding:9px 13px;background:#f1f1f1;color:#0b1215;border:none;border-radius:10px;font-size:14px;font-family:Pretendard;font-weight:400;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.update-btn:hover:not(:disabled){background:#e5e5e5}.update-btn:disabled{background:#6c757d;cursor:not-allowed}.button-group{display:flex;gap:12px;flex-wrap:wrap}.primary-btn{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.primary-btn:hover:not(:disabled){background:#0056b3}.primary-btn:disabled{background:#6c757d;cursor:not-allowed}.primary-btn.full-width{width:100%;margin-top:16px}.secondary-btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.secondary-btn:hover:not(:disabled){background:#545b62}.secondary-btn:disabled{background:#adb5bd;cursor:not-allowed}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.criteria-item{padding:20px;border-radius:8px;border-left:4px solid}.criteria-item.positive{background:#fff5f5;border-left-color:#ff6b6b}.criteria-item.negative{background:#f0f8ff;border-left-color:#4dabf7}.criteria-item.neutral{background:#f8f9fa;border-left-color:#adb5bd}.criteria-item h3{font-size:16px;font-weight:600;margin:0 0 16px}.criteria-item.positive h3{color:#dc3545}.criteria-item.negative h3{color:#007bff}.criteria-item.neutral h3{color:#6c757d}.range-inputs{display:flex;align-items:center;gap:12px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:12px;color:#666;margin:0}.range-separator{font-size:16px;color:#666;font-weight:500;margin-top:16px}@media (max-width: 768px){.mypage-content{padding:24px 16px}.mypage-section{padding:24px 20px}.mypage-header h1{font-size:24px}.criteria-grid{grid-template-columns:1fr;gap:16px}.button-group{flex-direction:column}.input-with-button{flex-direction:column;align-items:stretch}.range-inputs{flex-direction:column;gap:8px}.range-separator{margin:0;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#fff;color:#333}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#007bff;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.app-container{min-height:100vh;background:#fff}.app-header{background:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.app-header h1{color:#333;font-size:28px;font-weight:600}.user-info{display:flex;align-items:center;gap:12px}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e1e5e9}.user-name{font-weight:500;color:#333}.logout-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}.logout-btn:hover{background:#c82333}.app-main{padding:40px;display:flex;justify-content:center}.welcome-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:600px;width:100%}.welcome-card h2{color:#333;margin-bottom:16px;font-size:24px}.welcome-card>p{color:#666;margin-bottom:24px;font-size:16px}.user-details{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.user-details p{margin-bottom:8px;font-size:14px}.user-details p:last-child{margin-bottom:0}.user-details strong{font-weight:600;color:#333}.interests-section{margin-top:16px;padding-top:16px;border-top:1px solid #e1e5e9}.interests-display{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.interest-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}@media (max-width: 768px){.app-header{padding:16px 20px;flex-direction:column;gap:16px}.app-header h1{font-size:24px}.app-main{padding:20px}.welcome-card{padding:24px}.user-info{flex-wrap:wrap;justify-content:center}}