:root{--bg-color:#f2f4f6;--card-bg:#fff;--text-primary:#191f28;--text-secondary:#8b95a1;--border-color:#e5e8eb;--buy-color:#f04452;--buy-bg:#feecef;--sell-color:#3182f6;--sell-bg:#e8f3ff;--primary-color:#3182f6;--hover-bg:#f2f4f6}*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#e5e8eb}#root{justify-content:center;width:100%;display:flex}.app-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #0000000d}#home-view{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.app-header{background-color:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.5px;color:var(--text-primary);font-size:22px;font-weight:800}.brand-logo{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;font-family:Pacifico,cursive;font-size:26px;font-weight:400}.header-actions{gap:16px;display:flex}.header-actions .material-icons-round{color:var(--text-primary);cursor:pointer;font-size:26px;transition:opacity .2s}.header-actions .material-icons-round:hover{opacity:.7}.tabs{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0 20px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:16px;font-weight:600;position:relative}.tab.active{color:var(--text-primary)}.tab.active:after{content:"";background-color:var(--text-primary);width:100%;height:2px;position:absolute;bottom:0;left:0}.sub-tabs{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);scrollbar-width:none;gap:12px;padding:10px 20px;display:flex;overflow-x:auto}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{color:var(--text-secondary);background-color:var(--bg-color);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .2s}.sub-tab.active{color:#fff;background-color:var(--text-primary)}.tab-content{width:100%;display:none}.tab-content.active{width:100%;animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.content-area{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:12px 16px 80px;display:flex;overflow-x:hidden}.filters-bar{padding:0 4px 4px;display:flex}.date-filter{background-color:var(--card-bg);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 1px 4px #00000008}.date-filter .material-icons-round{font-size:16px}.feed-card{background-color:var(--card-bg);border-radius:20px;margin-bottom:12px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000005}.feed-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.card-header{cursor:pointer;align-items:center;margin-bottom:16px;display:flex}.profile-img{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-right:12px}.user-info{flex-direction:column;flex-grow:1;display:flex}.username{font-size:15px;font-weight:600}.time{color:var(--text-secondary);margin-top:2px;font-size:13px}.follow-btn{background-color:var(--bg-color);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:background-color .2s}.follow-btn:hover{background-color:var(--border-color)}.trade-badge{border-radius:6px;margin-bottom:8px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.trade-badge.buy{color:var(--buy-color);background-color:var(--buy-bg)}.trade-badge.sell{color:var(--sell-color);background-color:var(--sell-bg)}.stock-name{margin-bottom:16px;font-size:20px;font-weight:700}.trade-details{background-color:var(--bg-color);border-radius:12px;justify-content:space-between;padding:16px;display:flex}.detail-item{flex-direction:column;display:flex}.detail-item .label{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.detail-item .value{font-size:16px;font-weight:700}.detail-item .value.profit{color:var(--buy-color)}.journal-image{margin:0 -20px 16px}.journal-image img{object-fit:cover;width:100%;height:auto;max-height:300px}.journal-text{margin-bottom:12px;font-size:15px;line-height:1.5}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--primary-color);background-color:var(--sell-bg);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:500}.insight-card{background-color:var(--card-bg)}.insight-badge{color:var(--text-primary);background-color:#f2f4f6;border-radius:6px;margin-bottom:12px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.insight-title{margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.4}.insight-summary{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.5}.insight-meta{color:#b0b8c1;font-size:12px}.card-footer{border-top:1px solid var(--border-color);gap:16px;margin-top:20px;padding-top:16px;display:flex}.action-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;transition:color .2s;display:flex}.action-item:hover{color:var(--text-primary)}.action-item .material-icons-round{font-size:22px}.bottom-nav{background-color:var(--card-bg);z-index:10;border-top:1px solid var(--border-color);justify-content:space-around;width:100%;max-width:480px;padding:10px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000000d}.nav-item{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:20%;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:var(--text-primary)}.nav-item .material-icons-round{font-size:26px}.write-btn{position:relative;top:-15px}.write-btn .material-icons-round{background-color:var(--primary-color);color:#fff;border-radius:50%;padding:12px;font-size:28px;box-shadow:0 4px 12px #3182f666}.overlay-view{background-color:var(--bg-color);z-index:100;flex-direction:column;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(100%)}.overlay-view.active{transform:translate(0)}.search-input-container{flex-grow:1;margin:0 12px}.search-input-container input{background-color:#f2f4f6;border:none;border-radius:20px;outline:none;width:100%;padding:10px 16px;font-size:15px}.filter-options{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:20px}.filter-title{margin-bottom:12px;font-size:14px;font-weight:600}.date-picker-row{align-items:center;gap:12px;display:flex}.date-input{border:1px solid var(--border-color);background-color:#fff;border-radius:8px;outline:none;flex:1;padding:10px;font-family:inherit;font-size:14px}.search-results{background-color:var(--card-bg);flex-grow:1;padding:12px 20px}.result-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;padding:16px 0;display:flex}.result-item:last-child{border-bottom:none}.stock-ticker{color:var(--primary-color);width:80px;font-size:14px;font-weight:600}.stock-name-ko{font-size:15px;font-weight:500}.profile-header{background-color:var(--card-bg);padding:20px}.profile-large-img{object-fit:cover;border-radius:50%;width:72px;height:72px;margin-bottom:16px}.profile-stats{gap:24px;margin-bottom:16px;display:flex}.stat-box{flex-direction:column;display:flex}.stat-value{font-size:18px;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:2px;font-size:13px}.profile-bio{margin-bottom:16px;font-size:14px;line-height:1.5}.profile-bio strong{margin-bottom:4px;font-size:15px;display:block}.portfolio-yield{background-color:var(--buy-bg);border-radius:8px;margin-top:8px;padding:8px 12px;font-weight:600;display:inline-block}.profile-actions{gap:10px;display:flex}.primary-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.secondary-btn{background-color:var(--bg-color);color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-input{border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:12px;outline:none;width:100%;margin-top:8px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:var(--primary-color)}.noti-item{border-bottom:1px solid var(--border-color);background-color:var(--card-bg);cursor:pointer;padding:16px;transition:background-color .2s;display:flex}.noti-item:hover{background-color:var(--hover-bg)}.noti-item.unread{background-color:#f8fafc}.noti-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;display:flex}.noti-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.noti-content p{color:var(--text-primary);margin-bottom:6px;font-size:14px;line-height:1.5}.noti-time{color:var(--text-secondary);font-size:12px}