/* MIJUONE v1.32 — unified search, activity, My MIJUONE.
   One browser scrollbar; native layout, no pane scrollbars or JS-controlled transforms. */
:root{--ux-blue:#236ee4;--ux-ink:#153b70;--ux-soft:#f3f8ff;--ux-border:#dce8f9;--ux-muted:#7891af}
.page-account,.page-home:has(.ux-hero),.main-content:has(.ux-page){background:linear-gradient(180deg,#f2f7ff,#f8fbff 53%,#f3f8ff);color:var(--ux-ink);min-height:70vh}
.ux-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:280px;background:#ecf5ff;overflow:hidden;border-bottom:1px solid #d8e8fc}
.ux-hero:before{content:"";position:absolute;inset:0 0 0 25%;background:url('../img/hero-mijuone-premium-v18.webp') right 50% / cover no-repeat;z-index:-2}
.ux-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fbff 0%,rgba(246,251,255,.99) 27%,rgba(245,250,255,.86) 52%,rgba(242,250,255,.12) 95%);z-index:-1}
.ux-hero--search:before{background-image:url('../img/hero-city.jpg')}
.ux-hero-content{padding:30px 0;min-width:0}
.ux-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;color:#347dd7;line-height:1.45}
.ux-hero h1{color:#0f346b;font-size:clamp(28px,3.25vw,43px);font-weight:950;letter-spacing:-.07em;line-height:1.25;margin:13px 0}
.ux-hero h1 em{font-style:normal;color:#1c81eb}
.ux-hero p{color:#54769b;font-size:12.5px;font-weight:690;line-height:1.8;max-width:680px;margin:0}
.ux-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}
.ux-wrap,.ux-page{padding-top:26px;padding-bottom:75px}
.ux-page{max-width:1290px}
.ux-intro,.ux-page-head{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-bottom:20px}
.ux-intro h2,.ux-section-heading h2,.ux-page-head h1{color:#13396e;font-weight:940;letter-spacing:-.055em;line-height:1.3;margin:7px 0}
.ux-intro h2{font-size:26px}.ux-page-head h1{font-size:clamp(23px,2.6vw,35px)}.ux-section-heading h2{font-size:23px}
.ux-intro p,.ux-page-head p{color:#7c93b1;font-size:12px;line-height:1.7;margin:0}
.ux-btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 14px;text-decoration:none;font-size:11px;font-family:inherit;font-weight:860;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.ux-btn .icon{height:15px;width:15px}
.ux-btn-primary{background:linear-gradient(120deg,#318cf9,#145ce0);color:white;box-shadow:0 9px 20px rgba(26,99,210,.17)}
.ux-btn-primary:hover{color:white;transform:translateY(-2px);box-shadow:0 15px 30px rgba(26,99,210,.22)}
.ux-btn-outline,.ux-btn-quiet{color:#2868b9;border-color:#cfdff5;background:#f8fbff}
.ux-btn-quiet{padding:8px 11px;min-height:34px;font-size:10px;box-shadow:none}
.ux-btn-outline:hover,.ux-btn-quiet:hover{background:#e9f4ff}
.ux-btn:focus-visible,.ux-page a:focus-visible,.ux-wrap a:focus-visible{outline:3px solid #8cc8ff;outline-offset:2px}
.ux-panel{min-width:0;background:#fff;border:1px solid var(--ux-border);border-radius:19px;box-shadow:0 11px 32px rgba(27,84,154,.048)}
.ux-muted{color:var(--ux-muted);font-size:11.5px;line-height:1.8;margin:11px 0}
.ux-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
.ux-card-head h2,.ux-card-head h3{color:#1b467e;font-size:17px;letter-spacing:-.045em;line-height:1.4;margin:4px 0;font-weight:920}
.ux-card-head a,.ux-card-head span,.ux-inline-link{font-size:10.5px;text-decoration:none;color:#2a73d3;font-weight:840}
.ux-inline-link{display:inline-block;margin-top:10px}
.ux-count{background:#edf6ff;color:#367bd5;font-size:10px;font-weight:850;border-radius:50px;padding:9px 12px;white-space:nowrap}
/* Search */
.ux-searchform{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:18px;border:1px solid #d7e7fb;background:#fff;box-shadow:0 14px 30px rgba(34,87,167,.07);margin:0 0 17px}
.ux-query,.ux-select{display:flex;align-items:center;gap:10px;min-width:0;color:#317ad4}
.ux-query{flex:1;padding:0 13px}.ux-select{flex:0 1 205px;border-left:1px solid #e6eef9;padding:0 10px}
.ux-query .icon,.ux-select .icon{width:17px;height:17px;flex:none}
.ux-query input,.ux-select select{border:0;background:transparent;width:100%;min-width:0;height:40px;outline:0;color:#274e7b;font-size:12px;font-family:inherit;font-weight:650}
.ux-query input::placeholder{color:#93a9c5}
.ux-search-tabs,.ux-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 17px}
.ux-search-tabs::-webkit-scrollbar,.ux-tabs::-webkit-scrollbar{display:none}
.ux-search-tabs a,.ux-tabs a{flex:none;padding:10px 13px;border-radius:30px;background:#fff;border:1px solid #dce8f8;color:#6785ab;font-size:10.5px;font-weight:850;text-decoration:none}
.ux-search-tabs a:hover,.ux-tabs a:hover{border-color:#afcdf3}
.ux-search-tabs a.active,.ux-tabs a.active{background:#2173e6;border-color:#2173e6;color:#fff}
.ux-search-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:17px;align-items:start}
.ux-search-main{display:flex;flex-direction:column;gap:15px;min-width:0}.ux-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ux-search-group{padding:20px 23px}
.ux-result{display:flex;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #edf2fa;color:inherit;text-decoration:none}
.ux-result:hover .ux-result-copy strong{color:#1477e3}
.ux-result-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#2578e2;background:#edf6ff}
.ux-result-icon .icon{width:18px;height:18px}.ux-result-copy{flex:1;min-width:0}
.ux-result-copy strong{color:#1c477d;font-size:13px;font-weight:860;display:block;line-height:1.5}
.ux-result-copy small{color:#839bb8;font-size:11px;line-height:1.6;display:block;margin-top:4px;overflow-wrap:anywhere}
.ux-result-state{flex:none;color:#5383b7;background:#f1f7ff;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:850}
.ux-search-side,.ux-aside{display:flex;flex-direction:column;gap:15px;min-width:0}
.ux-aside-card{padding:20px 18px}.ux-aside-card h3{color:#204a7e;margin:8px 0 14px;font-size:15px;letter-spacing:-.03em}
.ux-aside-card>a:not(.ux-inline-link){display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#4d739f;padding:12px 0;font-size:11px;font-weight:850;border-top:1px solid #edf2fa}
.ux-aside-card>a:hover{color:#1670df}.ux-aside-card p{font-size:10.8px;color:#7d94b0;line-height:1.78;margin:0 0 10px}
.ux-empty{padding:46px 19px;text-align:center;background:#f8fbff;border:1px dashed #cfdfef;border-radius:14px}
.ux-empty h3{color:#315f94;font-size:17px}.ux-empty p{color:#88a0ba;font-size:11px;line-height:1.7}
.ux-pages{display:flex;justify-content:center;align-items:center;gap:15px;color:#517ca9;font-size:11px}.ux-pages a{color:#216bd7;text-decoration:none}
/* Account */
.ux-profile-chip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce8f8;border-radius:15px;padding:11px 15px}
.ux-profile-chip>span:not(.ux-avatar-small){display:flex;flex-direction:column;gap:4px;font-size:11px}.ux-profile-chip strong{color:#285081}.ux-profile-chip small{color:#8da4bb}
.ux-profile-chip a .icon{width:18px;height:18px;color:#5788c0}
.ux-avatar-small{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#1c6aca;background:#e9f4ff;font-weight:950;flex:none}
.ux-account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}
.ux-account-stats a{display:flex;flex-direction:column;gap:6px;min-height:107px;padding:17px 18px;text-decoration:none;background:linear-gradient(145deg,#fff,#f9fcff);border:1px solid #dce8f9;border-radius:17px;box-shadow:0 10px 25px rgba(38,91,162,.04)}
.ux-account-stats span{color:#778fad;font-size:11px;font-weight:750}.ux-account-stats strong{color:#1d62bd;font-size:26px;line-height:1.25}.ux-account-stats strong .icon{width:22px;height:22px}.ux-account-stats small{font-size:9px;color:#9eaec0;letter-spacing:.12em;text-transform:uppercase}
.ux-dash-layout{display:grid;grid-template-columns:minmax(175px,210px) minmax(0,1fr) minmax(215px,260px);gap:17px;align-items:start}
.ux-dash-left,.ux-dash-right,.ux-dash-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.ux-side-nav{padding:16px}.ux-side-nav>a{display:flex;align-items:center;gap:10px;color:#607fa5;text-decoration:none;border-radius:11px;padding:12px 10px;font-size:11px;font-weight:800;transition:background .2s}
.ux-side-nav>a:hover,.ux-side-nav>a.active{background:#ecf6ff;color:#1765cf}.ux-side-nav>a .icon{width:16px;height:16px;color:#307be5}
.ux-side-note{padding:19px}.ux-side-note h3{font-size:14px;color:#194977}.ux-side-note p{color:#809bb7;font-size:10px;line-height:1.65}
.ux-dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ux-dash-kpis a{background:#fff;border:1px solid #dceafa;border-radius:15px;padding:15px 12px;text-decoration:none}
.ux-dash-kpis span{display:block;color:#7a91af;font-size:9.5px;line-height:1.5}.ux-dash-kpis strong{font-size:23px;color:#1963c2;margin-top:8px;display:block}
.ux-dashboard-panel{padding:21px 20px}
.ux-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ux-feature-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 12px;background:#f8fbff;border:1px solid #e1ecf8;border-radius:13px;color:#23558e;text-decoration:none;transition:transform .2s,border-color .2s}
.ux-feature-grid a:hover{transform:translateY(-2px);border-color:#a7c9f5}.ux-feature-grid .icon{width:19px;height:19px;color:#347ce0}.ux-feature-grid strong{font-size:11px}.ux-feature-grid small{font-size:9px;color:#849db9;line-height:1.5}
.ux-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.ux-item-link{display:flex;flex-direction:column;gap:4px;text-decoration:none;border-top:1px solid #edf2fa;padding:12px 0}.ux-item-link b{font-size:11px;line-height:1.55;color:#2c5684}.ux-item-link small{font-size:9px;color:#879eb8}
.ux-gradient-box{border-radius:20px;background:linear-gradient(135deg,#1b69d5,#1997ef);padding:22px 18px;color:#fff;box-shadow:0 20px 32px rgba(16,101,220,.16)}
.ux-gradient-box .ux-kicker{color:#bfddff}.ux-gradient-box h3{font-size:18px;letter-spacing:-.06em;line-height:1.38;margin:14px 0 10px}.ux-gradient-box p{font-size:10.5px;line-height:1.75;color:#daecff}.ux-gradient-box a{display:block;text-decoration:none;background:#fff;border-radius:11px;color:#1769cf;padding:12px;font-size:11px;font-weight:900;margin-top:17px}
.ux-mini-notice{display:flex;flex-direction:column;gap:5px;border-top:1px solid #edf2fa;padding:12px 0}.ux-mini-notice strong{font-size:10.5px;color:#315a87;line-height:1.5}.ux-mini-notice small{font-size:9px;color:#9aaac0}
.ux-mini-chat{display:flex;align-items:center;gap:9px;color:#416992;text-decoration:none;padding:10px 0;border-top:1px solid #edf2fa;font-size:10px}.ux-mini-chat strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ux-mini-chat small{color:#6c9ad2}
/* Notification, saved, privacy panels */
.ux-two-col{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:17px;align-items:start}.ux-feed{min-width:0}.ux-flow-panel{padding:24px}
.ux-notice{display:flex;align-items:center;gap:13px;padding:17px 12px;border-top:1px solid #edf2fa;text-decoration:none;color:#36618f;min-width:0;background:transparent;box-sizing:border-box}
.ux-notice.is-unread{background:#f2f8ff;border-radius:12px}.ux-notice-symbol{width:40px;height:40px;border-radius:12px;background:#e9f4ff;display:grid;place-items:center;color:#2375d9;flex:none}.ux-notice-symbol .icon{width:18px;height:18px}
.ux-notice-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.ux-notice-copy strong{font-size:12px;color:#244e81;line-height:1.5}.ux-notice-copy small{font-size:10.5px;color:#7491b1;overflow-wrap:anywhere}.ux-notice-copy time{font-size:9px;color:#9caec4}
.ux-saved-grid,.ux-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ux-saved-panel{padding:22px 22px}.ux-saved-row{display:flex;flex-direction:column;gap:5px;padding:13px 0;border-top:1px solid #eef2f9;color:#2f5c90;text-decoration:none}.ux-saved-row b{font-size:12px;line-height:1.5}.ux-saved-row small{font-size:10px;color:#8ca3bc}
.ux-saved-with-form{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.ux-saved-with-form>a{flex:1;text-decoration:none;color:#2f5c90}.ux-saved-with-form>a b,.ux-saved-with-form>a small{display:block}
.ux-edit-panel{padding:26px}.ux-edit-panel h2{color:#1e497c;font-size:20px;margin:8px 0 18px}.ux-form{display:flex;flex-direction:column;gap:15px}
.ux-form label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#4d6c94;font-size:11px}.ux-form label strong{font-size:11px}
.ux-form :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;padding:11px 12px;background:#f8fbff;border:1px solid #d8e5f7;border-radius:10px;color:#254974;font-family:inherit;outline:0}
.ux-form textarea{resize:vertical;min-height:82px}.ux-form .ux-btn{align-self:start}.ux-form .ux-error{color:#b73f57}
.ux-preferences label{display:block;background:#f8fbff;border:1px solid #e2ebf8;border-radius:12px;padding:14px}.ux-preferences label>span{display:flex;align-items:center;gap:11px}.ux-preferences input[type=checkbox]{width:18px;height:18px;flex:none}
.ux-public-hero{border-radius:22px;background:linear-gradient(130deg,#fff,#eef7ff);border:1px solid #d9e9fa;display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:29px 32px;margin-bottom:18px}
.ux-avatar{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:#daebff;color:#1d72d5;font-size:27px;font-weight:950;margin-top:8px}
.ux-public-hero h1{font-size:30px;color:#16467c;margin:5px 0}.ux-public-hero p{font-size:12px;color:#5f7fa2;line-height:1.8;margin:0}.ux-public-actions{margin-top:7px}
/* Responsive */
@media(max-width:1200px){.ux-dash-layout{grid-template-columns:175px minmax(0,1fr) 215px;gap:12px}.ux-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-duo{grid-template-columns:1fr}}
@media(max-width:1000px){.ux-dash-layout{grid-template-columns:200px minmax(0,1fr)}.ux-dash-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ux-search-grid{grid-template-columns:minmax(0,1fr) 215px}}
@media(max-width:730px){.ux-hero{min-height:245px}.ux-hero:before{inset:0 0 0 12%}.ux-hero:after{background:linear-gradient(90deg,rgba(248,252,255,.99),rgba(246,251,255,.97) 70%,rgba(238,247,255,.73))}.ux-hero h1{font-size:28px}.ux-wrap,.ux-page{padding-top:18px}.ux-intro,.ux-page-head{align-items:flex-start;flex-direction:column}.ux-searchform{flex-wrap:wrap}.ux-query{flex:1 1 100%;padding:0 6px}.ux-select{flex:1;border-left:0;border-top:1px solid #e3edfa;padding:7px 6px}.ux-search-grid,.ux-two-col,.ux-form-grid{grid-template-columns:1fr}.ux-search-side,.ux-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ux-dash-layout{display:block}.ux-dash-left{margin-bottom:14px}.ux-side-nav{display:flex;flex-wrap:wrap;gap:4px}.ux-side-nav .ux-card-head{width:100%}.ux-side-nav>a{width:auto;padding:10px 9px}.ux-side-note{display:none}.ux-dash-main{margin-bottom:14px}.ux-dash-right{grid-template-columns:1fr 1fr}.ux-gradient-box{grid-column:1/-1}.ux-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-saved-grid{grid-template-columns:1fr}}
@media(max-width:480px){.ux-hero h1{font-size:26px}.ux-hero-content{padding:20px 0}.ux-searchform>.ux-btn{width:100%}.ux-search-side,.ux-aside{display:flex}.ux-intro h2{font-size:21px}.ux-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-account-stats a{padding:13px;min-height:89px}.ux-dash-right{display:flex}.ux-result{gap:9px}.ux-result-icon{width:30px;height:30px}.ux-result-copy strong{font-size:11px}.ux-result-copy small{font-size:10px}.ux-page-head h1{font-size:26px}.ux-flow-panel,.ux-saved-panel,.ux-edit-panel{padding:17px 14px}.ux-notice{flex-wrap:wrap}.ux-notice .ux-btn{margin-left:51px}.ux-public-hero{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.ux-btn,.ux-feature-grid a,.ux-panel>a{transition:none!important;animation:none!important}}