/* MiKO Reference Lock v3 — latest supplied screenshots, scoped and loaded last. */
:root{--mr-navy:#062d63;--mr-deep:#05224a;--mr-blue:#0b72f3;--mr-blue2:#2ba6ff;--mr-red:#f52246;--mr-gold:#f5b51b;--mr-ink:#0b2f5b;--mr-muted:#71849a;--mr-line:#dbe7f2;--mr-bg:#f3f8fd;--mr-card:#fff;--mr-green:#10aa6b;--mr-shadow:0 12px 32px rgba(7,50,94,.08)}
.miko-ref-writer-shell,.miko-ref-login-page,.miko-scope-app,.miko-member-summary,.miko-profile-app,.miko-editorial-ref,.miko-writer-reg-ref,.miko-topsp-page,.mwr-page,.miko-mission-ref,.msn-shell{font-family:"Noto Sans Thai","Sarabun",Tahoma,sans-serif;color:var(--mr-ink)}
.miko-ref-writer-shell *,.miko-ref-login-page *{box-sizing:border-box}
.miko-ref-writer-shell svg,.miko-ref-login-page svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------------------------------------------------------------
 * Writer login — exact two-column reference composition
 * ------------------------------------------------------------ */
.miko-ref-writer-page .options_layout_wrapper,.miko-ref-writer-register-page .options_layout_wrapper{background:linear-gradient(180deg,#eef6ff 0,#fff 78%)}
.miko-ref-login-page{max-width:1460px;margin:0 auto;padding:26px 34px 42px}
.miko-ref-login-title{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding:8px 12px 28px}.miko-ref-login-title nav{font-size:11px;color:#6d84a0}.miko-ref-login-title nav span{margin:0 8px}.miko-ref-login-title h1{margin:14px 0 4px!important;font-size:45px!important;line-height:1.08!important;color:#0b356e!important;letter-spacing:-.02em}.miko-ref-login-title p{margin:0!important;color:#6d8198;font-size:15px}.miko-ref-login-title blockquote{margin:24px 20px 0 0;padding:15px 24px;border:1px solid #cddff0;border-radius:20px;background:rgba(255,255,255,.72);color:#2472c9;font-size:18px;font-weight:900}
.miko-ref-login-grid{display:grid;grid-template-columns:1.18fr .82fr;min-height:690px;border:1px solid #d7e4f0;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 22px 55px rgba(18,72,128,.09)}
.miko-ref-login-story{position:relative;padding:64px 70px;background:radial-gradient(circle at 90% 12%,rgba(31,125,245,.14),transparent 28%),linear-gradient(135deg,#f8fbff 0,#edf6ff 52%,#e4f1ff 100%);overflow:hidden}.miko-ref-login-story:after{content:"";position:absolute;right:-90px;bottom:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(22,103,198,.14),rgba(22,103,198,0) 68%)}.miko-ref-login-story>small{position:relative;z-index:1;color:#164f91;font-size:12px;font-weight:950;letter-spacing:.14em}.miko-ref-login-story>h2{position:relative;z-index:1;max-width:620px;margin:34px 0 22px!important;font-size:45px!important;line-height:1.28!important;color:#0c315e!important}.miko-ref-login-story>p{position:relative;z-index:1;max-width:600px;color:#5d7590;font-size:16px;line-height:1.9}.miko-ref-login-benefits{position:relative;z-index:1;display:grid;gap:24px;margin-top:36px}.miko-ref-login-benefits article{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:center}.miko-ref-login-benefits i{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e1efff;color:#0f6fe2}.miko-ref-login-benefits i svg{width:27px;height:27px}.miko-ref-login-benefits article:nth-child(2) i{background:#eaf5ff;color:#0b70ef}.miko-ref-login-benefits b,.miko-ref-login-benefits small{display:block}.miko-ref-login-benefits b{font-size:15px;color:#163a63}.miko-ref-login-benefits small{margin-top:3px;color:#7a8ba0;font-size:11px}.miko-ref-login-story>em{position:relative;z-index:1;display:block;margin-top:55px;padding-top:22px;border-top:2px solid #bdd3e7;color:#4e77a2;font-size:16px;font-weight:800}
.miko-ref-login-card{padding:64px 58px;background:#fff}.miko-ref-login-card .tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e7f2ff;color:#106be2;font-size:10px;font-weight:950;letter-spacing:.08em}.miko-ref-login-card h2{margin:20px 0 7px!important;color:#0b3773!important;font-size:37px!important;line-height:1.2!important}.miko-ref-login-card>p{margin:0 0 26px!important;color:#70849a;font-size:14px;line-height:1.7}.miko-ref-login-card form{display:grid;gap:18px}.miko-ref-login-card label{display:grid;gap:7px;color:#17395e;font-size:12px;font-weight:900}.miko-ref-login-card .field{min-height:58px;display:grid;grid-template-columns:54px 1fr auto;border:1px solid #cfdfee;border-radius:11px;overflow:hidden;background:#fff}.miko-ref-login-card .field>i{display:grid;place-items:center;color:#0b70e9;background:#f6faff;border-right:1px solid #e3ecf5}.miko-ref-login-card .field>i svg{width:21px;height:21px}.miko-ref-login-card .field input{width:100%!important;height:56px!important;margin:0!important;padding:0 15px!important;border:0!important;background:#fff!important;box-shadow:none!important;font-size:14px!important}.miko-ref-login-card .field button{width:54px;border:0;background:#fff;color:#60758f;font-weight:900}.miko-ref-login-card .remember{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700}.miko-ref-login-card .remember input{width:18px;height:18px}.miko-ref-login-card .submit{height:58px;border:0;border-radius:11px;background:linear-gradient(135deg,#0a65e8,#0a80ff);color:#fff;font-size:15px;font-weight:950;box-shadow:0 12px 25px rgba(10,104,231,.22)}.miko-ref-login-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.miko-ref-login-card .actions a{height:54px;border-radius:11px;display:grid;place-items:center;text-decoration:none!important;font-weight:900;font-size:12px}.miko-ref-login-card .register{background:linear-gradient(135deg,#ff2946,#ee1d3e);color:#fff!important}.miko-ref-login-card .lost{border:1px solid #cdddeb;color:#315372!important;background:#fff}.miko-ref-login-card .note{text-align:center!important;font-size:10px!important;margin-top:18px!important;padding-top:18px;border-top:1px solid #e7eef5}
.miko-ref-login-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;padding:18px 24px;border-top:1px solid #dce7f2}.miko-ref-login-trust>span{display:grid;grid-template-columns:50px 1fr;gap:4px 13px;align-items:center}.miko-ref-login-trust>span>svg{grid-row:1/3;width:28px;height:28px;color:#0d6fe3}.miko-ref-login-trust b{font-size:12px}.miko-ref-login-trust small{font-size:10px;color:#8192a5}

/* ---------------------------------------------------------------
 * Writer dashboard / editor shell
 * ------------------------------------------------------------ */
body.miko-ref-writer-page .options_layout_wrapper{background:#f4f8fc}
.miko-ref-writer-shell{min-height:100vh;display:grid;grid-template-columns:190px minmax(0,1fr);background:#f3f8fd;max-width:none!important;width:100%!important;margin:0!important}
.miko-ref-writer-nav{position:sticky;top:0;height:100vh;padding:20px 13px;background:linear-gradient(180deg,#082f63,#06254f 75%,#051d40);color:#fff;z-index:20;display:flex;flex-direction:column}.miko-ref-writer-nav .brand{display:flex;align-items:flex-end;gap:7px;padding:2px 10px 25px;color:#fff!important;text-decoration:none!important}.miko-ref-writer-nav .brand b{font-size:25px;line-height:1;font-weight:950}.miko-ref-writer-nav .brand span{font-size:9px;font-weight:900;letter-spacing:.13em;padding-bottom:3px}.miko-ref-writer-nav nav{display:grid;gap:6px}.miko-ref-writer-nav nav a{min-height:47px;padding:0 12px;border-radius:10px;display:flex;align-items:center;gap:11px;color:#d9e9fb!important;text-decoration:none!important;font-size:11px;font-weight:800}.miko-ref-writer-nav nav a i{width:27px;height:27px;display:grid;place-items:center}.miko-ref-writer-nav nav a i svg{width:19px;height:19px}.miko-ref-writer-nav nav a:hover,.miko-ref-writer-nav nav a.is-active{background:linear-gradient(135deg,#1680ff,#245ff1);color:#fff!important;box-shadow:0 8px 18px rgba(10,103,255,.28)}.miko-ref-writer-pro{margin-top:auto;padding:17px;border-radius:15px;background:linear-gradient(145deg,#133f80,#0d3267);border:1px solid rgba(255,255,255,.09);display:grid;gap:7px}.miko-ref-writer-pro>i{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12)}.miko-ref-writer-pro>i svg{width:25px;height:25px}.miko-ref-writer-pro b{font-size:13px;color:#ffd970}.miko-ref-writer-pro span{font-size:9px;line-height:1.6;color:#d3e1f3}.miko-ref-writer-pro a{margin-top:4px;height:34px;border-radius:8px;background:#ffe6a0;color:#735200!important;display:grid;place-items:center;text-decoration:none!important;font-size:9px;font-weight:950}.miko-ref-writer-nav .help{display:grid;gap:5px;margin-top:10px;padding:13px 10px;border-radius:12px;background:rgba(255,255,255,.045)}.miko-ref-writer-nav .help b{font-size:10px}.miko-ref-writer-nav .help a{font-size:9px;color:#cfe1f7!important;text-decoration:none!important}
.miko-ref-writer-workspace{min-width:0}.miko-ref-writer-topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #dce7f2;position:sticky;top:0;z-index:15}.miko-ref-writer-topbar form{width:min(360px,44vw);height:38px;border:1px solid #dde8f2;border-radius:9px;background:#f5f9fd;display:grid;grid-template-columns:32px 1fr;align-items:center;padding:0 9px}.miko-ref-writer-topbar form i{display:grid;place-items:center;color:#7590aa}.miko-ref-writer-topbar form input{width:100%!important;height:35px!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;font-size:10px!important}.miko-ref-writer-user{display:flex;align-items:center;gap:9px}.miko-ref-writer-user img{border-radius:50%}.miko-ref-writer-user b,.miko-ref-writer-user small{display:block}.miko-ref-writer-user b{font-size:11px}.miko-ref-writer-user small{font-size:8px;color:#8092a6}.miko-ref-writer-content{padding:18px 20px 36px;min-width:0}.miko-ref-writer-content>.miko-writer{max-width:none!important;margin:0!important}
.miko-ref-writer-content .miko-writer-dashboard-v2{padding:0!important;background:transparent!important;border-radius:0!important}.miko-ref-writer-content .miko-writer-scoreboard{display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;gap:13px!important}.miko-ref-writer-content .miko-writer-score-hero{min-height:165px;padding:28px!important;border-radius:16px!important;background:linear-gradient(100deg,#f9fcff,#eef6ff 62%,#dfefff)!important;position:relative;overflow:hidden}.miko-ref-writer-content .miko-writer-score-hero:after{content:"";position:absolute;right:-35px;top:-45px;width:250px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(33,100,170,.13),transparent 68%)}.miko-ref-writer-content .miko-writer-score-hero h2{font-size:28px!important;color:#0c315f!important}.miko-ref-writer-content .miko-writer-rank-medal{min-height:165px;border-radius:16px;background:linear-gradient(160deg,#123b7c,#08264f);color:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 12px 24px rgba(7,38,78,.14)}.miko-ref-writer-content .miko-writer-rank-medal strong{font-size:44px!important;color:#fff!important}.miko-ref-writer-content .miko-writer-score-cards{grid-column:1/-1!important;grid-template-columns:repeat(4,1fr)!important}.miko-ref-writer-content .miko-writer-score-cards>div{min-height:108px!important;padding:16px 18px!important}.miko-ref-writer-content .miko-writer-score-cards strong{font-size:26px!important}.miko-ref-writer-content .miko-writer-trends{margin-top:13px!important}.miko-ref-writer-content .miko-writer-trend-list{grid-template-columns:repeat(5,1fr)!important}.miko-ref-writer-content .miko-writer-grid{grid-template-columns:repeat(4,1fr)!important;gap:11px!important}.miko-ref-writer-content .miko-writer-stat{min-height:100px!important;border-radius:14px!important}.miko-ref-writer-content .miko-writer-analytics{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:13px!important}.miko-ref-writer-content .miko-writer-card{border-radius:15px!important;border:1px solid #dce7f2!important;box-shadow:0 8px 22px rgba(9,52,96,.05)!important}.miko-ref-writer-content .miko-writer-library{margin-top:14px!important}.miko-ref-writer-content .miko-writer-table{font-size:10px!important}.miko-ref-writer-content .miko-writer-table th{background:#eff5fb!important}.miko-ref-writer-content .miko-writer-dashboard-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:13px 0!important}.miko-ref-writer-content .miko-writer-dashboard-actions>a{min-height:40px!important;border-radius:9px!important}
.miko-ref-writer-content .miko-writer-editor-ref{padding:0!important;background:transparent!important;border-radius:0!important}.miko-ref-writer-content .miko-editor-page-head{padding:7px 4px 18px!important}.miko-ref-writer-content .miko-editor-page-head h1{font-size:30px!important}.miko-ref-writer-content .miko-editor-steps{border-radius:12px!important}.miko-ref-writer-content .miko-editor-layout{grid-template-columns:minmax(0,1fr) 270px!important}.miko-ref-writer-content .miko-editor-card,.miko-ref-writer-content .miko-editor-tip{border-radius:14px!important}.miko-ref-writer-content .miko-editor-bottom-actions{bottom:10px!important}

/* ---------------------------------------------------------------
 * Admin/operations — Gift Studio, Analytics, Mission Studio
 * ------------------------------------------------------------ */
.miko-scope-app{grid-template-columns:208px minmax(0,1fr)!important;background:#f3f8fd!important}.miko-scope-sidebar{padding:20px 12px!important;background:linear-gradient(180deg,#0a4387 0,#07366f 46%,#06285a 100%)!important}.miko-scope-brand{padding:0 12px 24px!important}.miko-scope-brand b{font-size:27px!important}.miko-scope-sidebar nav{gap:5px!important}.miko-scope-sidebar nav a{min-height:48px!important;border-radius:10px!important;font-size:11px!important}.miko-scope-sidebar nav a:hover,.miko-scope-sidebar nav a.is-active{background:linear-gradient(135deg,#0f78ff,#2460ef)!important;box-shadow:0 9px 20px rgba(10,91,224,.28)!important}.miko-scope-side-card{padding:17px!important;border-radius:13px!important;background:linear-gradient(150deg,#114a91,#0c3670)!important}.miko-scope-topbar{height:62px!important;padding:0 26px!important}.miko-scope-page-head{padding:22px 26px 10px!important}.miko-scope-page-head h1{font-size:25px!important}.miko-scope-page-head p{font-size:10px!important}.miko-scope-main>.miko-scope-stats,.miko-scope-main>.miko-scope-two,.miko-scope-main>.miko-scope-card,.miko-scope-main>.miko-topsp-tabs,.miko-scope-main>.miko-scope-page-actions{margin-left:26px!important;margin-right:26px!important}.miko-scope-stats{gap:12px!important;margin-bottom:14px!important}.miko-scope-stat{min-height:96px!important;padding:15px!important;border-radius:13px!important;box-shadow:0 8px 22px rgba(14,57,101,.055)!important}.miko-scope-stat>i{width:47px!important;height:47px!important;border-radius:12px!important}.miko-scope-stat span strong{font-size:24px!important}.miko-scope-two{grid-template-columns:minmax(0,1.85fr) minmax(290px,.65fr)!important;gap:14px!important}.miko-scope-two.analytics{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)!important}.miko-scope-card{border-radius:14px!important;padding:16px!important;box-shadow:0 8px 22px rgba(14,57,101,.055)!important}.miko-scope-card h2{font-size:16px!important}.miko-scope-table{font-size:10px!important}.miko-scope-table th{padding:9px!important;background:#eef4fa!important}.miko-scope-table td{padding:9px!important}.miko-scope-table input,.miko-scope-table select{height:34px!important}.miko-primary-btn{min-height:39px!important;border-radius:8px!important}.miko-pop-list>div>i{height:6px!important;background:linear-gradient(90deg,#0c70ef,#4aa7ff)!important}.miko-process li{padding:7px!important}.miko-process li.is-active{background:#eaf4ff!important}.miko-process li.is-active>b{background:#0b72ef!important}.miko-line-chart svg{height:205px!important}.miko-donut{width:145px!important;height:145px!important}.miko-donut:after{width:100px!important;height:100px!important}.miko-mission-studio-form{grid-template-columns:minmax(0,1fr) 245px!important}.miko-mission-grid{gap:11px!important}.miko-mission-grid input,.miko-mission-grid select{height:40px!important}.miko-budget-preview{border-radius:12px!important}.miko-mission-actions{padding-top:10px!important}
body.miko-ref-route-gift-studio .miko-scope-page-head:before{content:"";width:44px;height:44px;float:left;margin-right:12px;border-radius:12px;background:linear-gradient(135deg,#e8f3ff,#d8eaff)}
body.miko-ref-route-gift-studio .miko-scope-two>.miko-scope-card{min-height:520px}.miko-gift-studio-form .miko-scope-table td:nth-child(3){font-weight:900}.miko-gift-studio-form .miko-scope-table tr:hover td{background:#f6faff!important}.miko-gift-studio-form .miko-scope-actions{padding-top:8px;border-top:1px solid #edf2f7}
body.miko-ref-route-video-analytics .miko-scope-page-actions{position:absolute;right:0;top:16px;margin:0 26px!important}.miko-scope-main{position:relative}.miko-scope-two.analytics .miko-scope-card{min-height:300px}.miko-scope-two.analytics .donut-card{grid-template-columns:1fr 1fr!important}.miko-scope-table-wrap{border-radius:10px}.miko-scope-table tbody tr:last-child td{border-bottom:0}

/* ---------------------------------------------------------------
 * Member Summary reference
 * ------------------------------------------------------------ */
.miko-member-summary{width:min(100%,690px)!important;margin:0 auto!important;border:1px solid #d9e6f2!important;border-radius:26px!important;background:#f8fbff!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(8,49,95,.11)!important;padding-bottom:14px!important}.miko-member-summary-head{min-height:225px!important;padding:30px 35px 62px!important;background:radial-gradient(circle at 72% 15%,rgba(40,130,255,.46),transparent 34%),linear-gradient(120deg,#082f66,#0b4b9f 55%,#0b6df0)!important;color:#fff!important}.miko-member-summary-head .brand b{font-size:24px!important;color:#fff!important}.miko-member-summary-head .brand small{font-size:11px!important;color:#9fd0ff!important}.miko-member-summary-head .member-row{margin-top:24px!important}.miko-member-summary-head .member-row>img{width:92px!important;height:92px!important;border:5px solid #fff!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}.miko-member-summary-head .member-row h3{font-size:25px!important;color:#fff!important}.miko-member-summary-head .level-row{margin-top:7px!important}.miko-member-summary-head .level-row>span{height:10px!important;background:rgba(255,255,255,.18)!important}.miko-member-summary-head .level-row>span i{background:linear-gradient(90deg,#6fd4ff,#39a7ff)!important}.miko-member-stats{position:relative!important;margin:-36px 20px 16px!important;padding:18px 10px!important;background:#fff!important;border:1px solid #e1eaf3!important;border-radius:19px!important;box-shadow:0 10px 24px rgba(10,50,89,.08)!important}.miko-member-stats>div:not(:last-child){border-right:1px solid #e6edf4!important}.miko-member-stats b{font-size:24px!important;color:#0b315f!important}.miko-member-stats small{font-size:10px!important;color:#4a73a4!important}.miko-pro-banner{margin:0 20px 14px!important;min-height:104px!important;padding:16px 20px!important;border:1px solid #f2bd40!important;border-radius:18px!important;background:linear-gradient(110deg,#fffdf5,#fff3c9 55%,#fff8e3)!important;box-shadow:none!important}.miko-pro-banner>span{width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(145deg,#9a6900,#3c2a00)!important;color:#ffd45e!important;display:grid!important;place-items:center!important;font-size:27px!important}.miko-pro-banner b{font-size:19px!important;color:#4e3700!important}.miko-pro-banner small{font-size:10px!important;color:#826c39!important}.miko-member-badges{margin:0 20px 14px!important}.miko-member-badges>span:not(.empty){width:58px!important;height:58px!important;border-radius:12px!important;border:1px solid #d9e6f3!important;background:linear-gradient(145deg,#f7fbff,#eef5ff)!important;display:grid!important;place-items:center!important;text-align:center!important;font-size:9px!important}.miko-member-badges>a{margin-left:auto!important;font-size:10px!important}.miko-checkin-row,.miko-daily-box,.miko-reader-rank{margin-left:20px!important;margin-right:20px!important;border:1px solid #d7e5f2!important;border-radius:16px!important;background:linear-gradient(180deg,#fbfdff,#f5f9fe)!important;box-shadow:none!important}.miko-checkin-row{min-height:95px!important;padding:17px 18px!important}.miko-checkin-row b{font-size:17px!important}.miko-checkin-row button{min-width:175px!important;height:50px!important;border-radius:12px!important}.miko-daily-box{padding:17px!important}.miko-daily-box header h4,.miko-reader-rank header h4{font-size:18px!important}.miko-daily-box .mission{min-height:43px!important;border-radius:9px!important}.miko-daily-box .mission em{color:#ed273f!important;font-weight:950!important}.miko-reader-rank{padding:17px!important}.miko-reader-rank .rank-tabs{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.miko-reader-rank .rank-tabs button{height:45px!important;border-radius:10px!important}.miko-reader-rank .rank-tabs button.active{background:linear-gradient(135deg,#0b68e8,#12a1ff)!important;color:#fff!important}.miko-reader-rank [data-rank-panel] article{min-height:62px!important;border-radius:12px!important;background:#fff!important}.miko-rewards-banner{margin:14px 20px!important;min-height:94px!important;border-radius:16px!important;background:radial-gradient(circle at 82% 15%,rgba(42,131,255,.35),transparent 30%),linear-gradient(125deg,#0a4b9b,#072f66)!important}.miko-rewards-banner b{font-size:19px!important;color:#fff!important}.miko-member-link{margin-left:20px!important;margin-right:20px!important;border-radius:13px!important}.miko-member-link.dark{background:#062b5b!important;color:#fff!important}

/* ---------------------------------------------------------------
 * Full profile reference
 * ------------------------------------------------------------ */
.miko-profile-app{display:grid!important;grid-template-columns:170px minmax(0,1fr) 300px!important;gap:14px!important;max-width:1460px!important;margin:18px auto 35px!important;padding:0 18px!important;align-items:start!important}.miko-profile-nav{position:sticky!important;top:80px!important;border:1px solid #dce7f1!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 22px rgba(12,54,96,.055)!important;padding:12px!important}.miko-profile-nav a{min-height:44px!important;border-radius:9px!important;font-size:10px!important}.miko-profile-nav a.is-active,.miko-profile-nav a:hover{background:#edf5ff!important;color:#0b69dc!important}.miko-profile-main{min-width:0!important}.miko-profile-right{display:grid!important;gap:12px!important;position:sticky!important;top:80px!important}.miko-profile-hero{border-radius:17px!important;overflow:hidden!important;border:1px solid #dce8f2!important;box-shadow:0 10px 25px rgba(10,54,97,.06)!important}.miko-profile-cover{min-height:150px!important;background-color:#102e5c!important;background-size:cover!important;background-position:center!important}.miko-profile-card{padding:18px!important;border-radius:16px!important}.miko-profile-card h2{font-size:17px!important;color:#0c315e!important}.miko-profile-right>section{border-radius:15px!important;border:1px solid #dce7f1!important;box-shadow:0 8px 22px rgba(12,54,96,.055)!important}.miko-pro-mini{background:linear-gradient(145deg,#0e5dc1,#0a3876)!important;color:#fff!important}.miko-pro-mini h3,.miko-pro-mini p{color:#fff!important}.miko-profile-points-grid,.miko-account-grid{gap:10px!important}.miko-profile-checkin{border-radius:13px!important;background:#eef6ff!important}.miko-history-list>div{border-radius:9px!important;background:#f8fbfe!important}.miko-reading-history>div{border-radius:10px!important}.miko-master-pro-packages{background:linear-gradient(145deg,#fff8e4,#fff)!important;border:1px solid #f1cf76!important}.miko-profile-app .miko-reward-grid{grid-template-columns:repeat(4,1fr)!important}

/* ---------------------------------------------------------------
 * Editorial page reference
 * ------------------------------------------------------------ */
body.miko-ref-editorial-page .options_layout_wrapper{background:#f6f9fc}.miko-editorial-ref{max-width:1320px!important;margin:18px auto 38px!important}.miko-editorial-hero{min-height:330px!important;padding:52px 60px!important;border-radius:19px!important;background:radial-gradient(circle at 82% 35%,rgba(80,162,238,.22),transparent 30%),linear-gradient(105deg,#eef8ff,#fff 48%,#e3f2ff)!important}.miko-editorial-hero h1{font-size:63px!important;color:#0d3a75!important}.miko-editorial-hero .hero-art span{font-size:20px!important}.miko-editorial-intro{padding:28px 30px!important;border-radius:17px!important}.miko-editorial-grid{gap:14px!important}.miko-editorial-grid section{border-radius:16px!important;min-height:215px!important}.miko-editorial-brand{border-radius:16px!important}

/* ---------------------------------------------------------------
 * Writer registration reference
 * ------------------------------------------------------------ */
.miko-writer-reg-ref{max-width:1460px!important;margin:12px auto 42px!important;padding:0 34px!important}.miko-writer-reg-ref>header{padding:28px 10px 25px!important}.miko-writer-reg-ref>header h1{font-size:44px!important}.miko-writer-reg-ref>header p{font-size:13px!important}.miko-writer-reg-grid{grid-template-columns:.95fr 1.05fr!important;border-radius:26px!important}.miko-writer-reg-story{padding:48px 55px!important}.miko-writer-reg-story h2{font-size:39px!important}.miko-writer-reg-form{padding:46px 45px!important}.miko-writer-reg-form h2{font-size:34px!important}.miko-writer-reg-form .field{height:55px!important}.miko-writer-reg-form form>button{height:55px!important}

/* ---------------------------------------------------------------
 * Top Spender reference
 * ------------------------------------------------------------ */
.miko-topsp-page{background:#f5f9ff!important;padding-bottom:36px!important}.miko-topsp-hero{min-height:405px!important;grid-template-columns:1.05fr 1.5fr .82fr!important;gap:20px!important;padding:35px 38px!important;background:radial-gradient(circle at 60% 5%,rgba(43,130,228,.72),transparent 34%),linear-gradient(115deg,#052858,#0a438a 60%,#062557)!important}.miko-topsp-copy h1{font-size:54px!important}.miko-topsp-podium{height:320px!important}.miko-topsp-podium article{border-radius:30px 30px 0 0!important}.miko-topsp-podium article.rank-1{height:285px!important}.miko-topsp-podium article.rank-2{height:240px!important}.miko-topsp-podium article.rank-3{height:220px!important}.miko-topsp-hero aside{border-radius:15px!important}.miko-topsp-tabs{max-width:1400px!important;border-radius:12px!important}.miko-topsp-tabs a{border-radius:9px!important}.miko-scope-two.topsp{grid-template-columns:minmax(0,1.8fr) minmax(280px,.58fr)!important}.miko-topsp-cta{border-radius:15px!important;background:linear-gradient(100deg,#722be1,#d93396)!important}.miko-topsp-currency{max-width:1400px!important}

/* ---------------------------------------------------------------
 * Watch & Earn listing reference
 * ------------------------------------------------------------ */
body.miko-ref-watch-page .options_layout_wrapper{background:linear-gradient(180deg,#eaf8ff,#f7fbff 50%,#fff)}.mwr-page{max-width:1480px!important;padding:16px 24px 36px!important;border-radius:0!important;background:transparent!important}.mwr-top{grid-template-columns:minmax(0,1.5fr) minmax(500px,1fr)!important}.mwr-title-card{min-height:116px!important;border:1px solid #d7e6f3!important;border-radius:18px!important;background:linear-gradient(110deg,#fff,#eef8ff)!important}.mwr-title-card h1{font-size:40px!important}.mwr-feature-links>a{border:1px solid #d8e7f4!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 20px rgba(12,54,96,.05)!important}.mwr-featured-row{grid-template-columns:minmax(0,2.15fr) minmax(345px,.8fr)!important}.mwr-featured-player{min-height:440px!important;border-radius:17px!important;box-shadow:0 12px 30px rgba(9,67,121,.12)!important}.mwr-featured-copy{left:30px!important;bottom:55px!important}.mwr-featured-copy b{font-size:32px!important;line-height:1.16!important}.mwr-recommended{border-radius:17px!important;background:linear-gradient(180deg,#0c4a94,#082e64)!important}.mwr-recommended header h2{font-size:22px!important;color:#fff!important}.mwr-recommended-list>a{border-radius:10px!important}.mwr-categories{margin:12px 0!important}.mwr-categories button{min-height:70px!important;border:1px solid #dce7f2!important;background:#fff!important}.mwr-content-layout{grid-template-columns:minmax(0,3fr) minmax(305px,.88fr)!important}.mwr-grid{gap:12px!important}.mwr-card{border:1px solid #dce7f2!important;box-shadow:0 8px 20px rgba(12,55,98,.055)!important}.mwr-card .mwr-card-cta{background:linear-gradient(135deg,#ff2346,#f21f48)!important}.mwr-sidebar>section{border:1px solid #dce7f2!important;box-shadow:0 7px 19px rgba(11,53,95,.05)!important}.mwr-wallet{background:linear-gradient(135deg,#1688ff,#0f65ec)!important;color:#fff!important}

/* ---------------------------------------------------------------
 * Mission detail reference
 * ------------------------------------------------------------ */
.miko-mission-ref{max-width:1460px!important;padding:16px 24px 38px!important;background:linear-gradient(180deg,#eef8ff,#f8fbff 260px,#f4f7fa)!important}.miko-mission-ref-head{min-height:150px!important;border-radius:17px!important}.miko-mission-ref-head h1{font-size:36px!important}.miko-mission-ref-grid{grid-template-columns:minmax(0,2.15fr) minmax(305px,.82fr)!important}.miko-mission-main-card{border-radius:17px!important;padding:22px!important}.miko-mission-main-card>h2{font-size:27px!important}.miko-video-player-frame{border-radius:13px!important}.miko-mission-actionbar>*{border-radius:9px!important}.miko-mission-score-detail article{border-radius:10px!important}.miko-mission-rules{border-radius:11px!important}.miko-mission-sidebar>section{border-radius:14px!important}.miko-mission-sidebar .points-card{background:linear-gradient(135deg,#fff7d8,#fff)!important}.miko-mission-comments{border-radius:13px!important}

/* ---------------------------------------------------------------
 * Single article reference
 * ------------------------------------------------------------ */
.msn-shell{max-width:1440px!important;grid-template-columns:minmax(0,2.15fr) minmax(320px,.78fr)!important;gap:18px!important}.msn-article{border-radius:17px!important}.msn-article-head h1{font-size:36px!important}.msn-sidebar>section{border-radius:15px!important}.miko-creator-gifts{border-radius:16px!important;background:linear-gradient(135deg,#f8fbff,#fff5f8)!important}.miko-gift-grid button{min-height:88px!important}.miko-gift-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,61,108,.1)!important}

/* ---------------------------------------------------------------
 * NFT/Wallet/Game/Shop visual continuation of the same system
 * ------------------------------------------------------------ */
.miko-platform{background:#f4f8fc!important}.miko-platform .miko-p-card,.miko-shop-layout .miko-p-card{border-radius:15px!important;border:1px solid #dce7f2!important;box-shadow:0 8px 22px rgba(11,52,95,.055)!important}.miko-nft-hero,.miko-game-hero,.miko-wallet-hero,.miko-shop-hero{border-radius:17px!important}.miko-nft-grid article,.miko-game-grid article,.miko-shop-grid article{border-radius:13px!important;box-shadow:0 7px 20px rgba(8,48,91,.06)!important}.miko-nft-filterbar,.miko-nft-filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}.miko-nft-filterbar button,.miko-nft-filters button{height:36px;padding:0 13px;border:1px solid #d6e3ef;border-radius:999px;background:#fff;color:#4b6682;font-size:9px;font-weight:900;cursor:pointer}.miko-nft-filterbar button.is-active,.miko-nft-filters button.is-active,.miko-nft-filters button.active{background:#0b70ee;color:#fff;border-color:#0b70ee}

/* ---------------------------------------------------------------
 * Shared responsive QA rules
 * ------------------------------------------------------------ */
@media(max-width:1180px){
  .miko-ref-writer-shell{grid-template-columns:78px 1fr}.miko-ref-writer-nav{padding:16px 8px}.miko-ref-writer-nav .brand span,.miko-ref-writer-nav nav a span,.miko-ref-writer-pro,.miko-ref-writer-nav .help{display:none}.miko-ref-writer-nav .brand{justify-content:center;padding:2px 0 18px}.miko-ref-writer-nav nav a{justify-content:center;padding:0}.miko-ref-writer-content .miko-writer-scoreboard{grid-template-columns:1fr!important}.miko-ref-writer-content .miko-writer-rank-medal{min-height:120px}.miko-ref-writer-content .miko-writer-analytics{grid-template-columns:1fr!important}.miko-ref-writer-content .miko-writer-trend-list{grid-template-columns:repeat(3,1fr)!important}.miko-ref-writer-content .miko-editor-layout{grid-template-columns:1fr!important}.miko-ref-writer-content .miko-editor-layout>aside{position:static!important;grid-template-columns:repeat(3,1fr)!important}
  .miko-ref-login-page{padding:24px 22px 38px}.miko-ref-login-grid{grid-template-columns:1fr 1fr}.miko-ref-login-story,.miko-ref-login-card{padding:42px 35px}.miko-ref-login-story>h2{font-size:35px!important}.miko-ref-login-title h1{font-size:38px!important}
  .miko-profile-app{grid-template-columns:78px minmax(0,1fr) 280px!important}.miko-profile-nav .miko-profile-nav-title span,.miko-profile-nav a span{display:none!important}
  .miko-scope-app{grid-template-columns:78px 1fr!important}.miko-scope-sidebar{padding:15px 8px!important}.miko-scope-brand span,.miko-scope-sidebar nav a span,.miko-scope-side-card{display:none!important}.miko-scope-brand{justify-content:center!important}.miko-scope-sidebar nav a{justify-content:center!important;padding:0!important}.miko-scope-stats{grid-template-columns:1fr 1fr!important}.miko-scope-two,.miko-scope-two.analytics{grid-template-columns:1fr!important}.miko-scope-two.analytics .donut-card{min-height:260px}.miko-mission-studio-form{grid-template-columns:1fr!important}.miko-budget-preview{grid-column:1/-1}.miko-mission-actions{grid-column:1/-1}
  .miko-topsp-hero{grid-template-columns:1fr 1.4fr!important}.miko-topsp-hero aside{display:none}.miko-scope-two.topsp{grid-template-columns:1fr!important}.mwr-top{grid-template-columns:1fr!important}.mwr-featured-row{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr)!important}.mwr-content-layout{grid-template-columns:1fr!important}.mwr-grid{grid-template-columns:repeat(2,1fr)!important}.miko-mission-ref-grid{grid-template-columns:1fr!important}.miko-mission-sidebar{grid-template-columns:repeat(2,1fr)!important}.miko-mission-sidebar>section{min-width:0}
}
@media(max-width:780px){
  .miko-ref-login-page{padding:14px 12px 28px}.miko-ref-login-title{padding:10px 4px 18px}.miko-ref-login-title h1{font-size:32px!important}.miko-ref-login-title blockquote{display:none}.miko-ref-login-grid{grid-template-columns:1fr;border-radius:20px}.miko-ref-login-story{padding:28px 24px}.miko-ref-login-story>h2{font-size:30px!important}.miko-ref-login-story>p{font-size:13px}.miko-ref-login-card{padding:28px 24px}.miko-ref-login-card h2{font-size:29px!important}.miko-ref-login-trust{grid-template-columns:1fr;padding:16px 8px}
  .miko-ref-writer-shell{display:block}.miko-ref-writer-nav{position:relative;height:auto;display:block;padding:8px}.miko-ref-writer-nav .brand{justify-content:flex-start;padding:7px 10px}.miko-ref-writer-nav .brand span{display:block}.miko-ref-writer-nav nav{display:flex;overflow:auto;gap:5px}.miko-ref-writer-nav nav a{min-width:54px;min-height:48px}.miko-ref-writer-topbar{height:56px;padding:0 12px}.miko-ref-writer-topbar form{width:58vw}.miko-ref-writer-user span{display:none}.miko-ref-writer-content{padding:12px}.miko-ref-writer-content .miko-writer-score-cards{grid-template-columns:1fr 1fr!important}.miko-ref-writer-content .miko-writer-trend-list{grid-template-columns:1fr 1fr!important}.miko-ref-writer-content .miko-writer-grid{grid-template-columns:1fr 1fr!important}.miko-ref-writer-content .miko-editor-layout>aside{grid-template-columns:1fr!important}.miko-ref-writer-content .miko-writer-library-head{display:block!important}.miko-ref-writer-content .miko-writer-library-head form{margin-top:10px!important;display:grid!important;grid-template-columns:1fr!important}
  .miko-scope-app{display:block!important}.miko-scope-sidebar{position:relative!important;height:auto!important}.miko-scope-brand{justify-content:flex-start!important}.miko-scope-brand span{display:block!important}.miko-scope-sidebar nav{display:flex!important;overflow:auto!important}.miko-scope-sidebar nav a{min-width:54px!important}.miko-scope-topbar{height:56px!important;padding:0 12px!important}.miko-scope-topbar form{width:58vw!important}.miko-scope-user span{display:none}.miko-scope-page-head{padding:16px 12px 8px!important}.miko-scope-main>.miko-scope-stats,.miko-scope-main>.miko-scope-two,.miko-scope-main>.miko-scope-card,.miko-scope-main>.miko-scope-page-actions{margin-left:12px!important;margin-right:12px!important}.miko-scope-stats{grid-template-columns:1fr!important}.miko-scope-two.analytics .donut-card{grid-template-columns:1fr!important}.miko-mission-grid{grid-template-columns:1fr!important}.miko-mission-grid label.wide{grid-column:auto}.miko-mission-actions{flex-wrap:wrap}.miko-mission-actions>*{flex:1}.miko-scope-page-actions{position:static!important;margin-bottom:10px!important}
  .miko-member-summary{border-radius:18px!important}.miko-member-summary-head{padding:24px 20px 58px!important}.miko-member-summary-head .member-row>img{width:78px!important;height:78px!important}.miko-member-summary-head .member-row h3{font-size:20px!important}.miko-member-stats{margin-left:10px!important;margin-right:10px!important;grid-template-columns:repeat(2,1fr)!important}.miko-member-stats>div:nth-child(2){border-right:0!important}.miko-pro-banner,.miko-member-badges,.miko-checkin-row,.miko-daily-box,.miko-reader-rank,.miko-rewards-banner,.miko-member-link{margin-left:10px!important;margin-right:10px!important}.miko-checkin-row{display:grid!important;gap:10px!important}.miko-checkin-row button{width:100%!important;min-width:0!important}
  .miko-profile-app{grid-template-columns:1fr!important;padding:0 10px!important}.miko-profile-nav{position:relative!important;top:auto!important;display:flex!important;overflow:auto!important}.miko-profile-nav .miko-profile-nav-title{display:none!important}.miko-profile-nav a{min-width:52px!important}.miko-profile-nav a span{display:none!important}.miko-profile-right{position:static!important;grid-template-columns:1fr!important}.miko-profile-app .miko-reward-grid{grid-template-columns:1fr 1fr!important}
  .miko-editorial-ref{padding:0 10px!important}.miko-editorial-hero{padding:28px 23px!important;grid-template-columns:1fr!important;min-height:250px!important}.miko-editorial-hero h1{font-size:44px!important}.miko-editorial-hero .hero-art{display:none}.miko-editorial-intro{grid-template-columns:50px 1fr!important;padding:20px!important}.miko-editorial-intro blockquote{grid-column:1/-1!important}.miko-editorial-grid{grid-template-columns:1fr!important}.miko-editorial-grid section{padding:22px!important}.miko-editorial-grid section>i{position:static!important;margin-bottom:12px}
  .miko-writer-reg-ref{padding:0 10px!important}.miko-writer-reg-ref>header{padding:20px 4px!important}.miko-writer-reg-ref>header h1{font-size:32px!important}.miko-writer-reg-ref>header blockquote{display:none}.miko-writer-reg-grid{grid-template-columns:1fr!important;border-radius:19px!important}.miko-writer-reg-story,.miko-writer-reg-form{padding:26px 22px!important}.miko-writer-reg-story h2{font-size:29px!important}.miko-writer-reg-form h2{font-size:28px!important}
  .miko-topsp-hero{display:block!important;min-height:0!important;padding:25px 16px!important}.miko-topsp-copy h1{font-size:40px!important}.miko-topsp-podium{height:260px!important;margin-top:65px}.miko-topsp-podium article{min-width:0!important}.miko-topsp-podium img{width:64px!important;height:64px!important}.miko-topsp-tabs{margin:12px!important;overflow:auto}.miko-topsp-currency{margin:12px!important}.miko-scope-two.topsp{margin:0 12px!important}.miko-topsp-cta{margin:14px 12px!important;display:block!important}.miko-topsp-cta a{display:inline-flex;margin-top:12px}
  .mwr-page{padding:10px!important}.mwr-title-card{grid-template-columns:58px 1fr!important}.mwr-title-card h1{font-size:29px!important}.mwr-feature-links{display:flex!important;overflow:auto!important}.mwr-feature-links>a{min-width:145px}.mwr-featured-row{grid-template-columns:1fr!important}.mwr-featured-player{min-height:290px!important}.mwr-categories{display:flex!important;overflow:auto!important}.mwr-categories button{min-width:100px}.mwr-grid{grid-template-columns:1fr 1fr!important}.miko-mission-ref{padding:10px!important}.miko-mission-ref-head{grid-template-columns:1fr!important;padding:22px!important}.miko-mission-ref-head aside{display:none}.miko-mission-main-card{padding:15px!important}.miko-mission-main-card>h2{font-size:23px!important}.miko-mission-score-detail>div{grid-template-columns:1fr 1fr!important}.miko-mission-sidebar{grid-template-columns:1fr!important}.msn-shell{grid-template-columns:1fr!important;padding:0 10px!important}.msn-article-head h1{font-size:28px!important}
}
@media(max-width:520px){.mwr-grid{grid-template-columns:1fr!important}.miko-ref-writer-content .miko-writer-score-cards,.miko-ref-writer-content .miko-writer-grid,.miko-ref-writer-content .miko-writer-trend-list{grid-template-columns:1fr!important}.miko-member-stats{grid-template-columns:1fr 1fr!important}.miko-mission-score-detail>div{grid-template-columns:1fr!important}.miko-profile-app .miko-reward-grid{grid-template-columns:1fr!important}}
.miko-profile-nav .miko-profile-logout{margin-top:8px!important;background:#fff0f2!important;color:#d82d47!important;border:1px solid #ffd6dd!important;font-weight:900!important}.miko-profile-nav .miko-profile-logout:hover{background:#ffe7eb!important;color:#bd1d36!important}.miko-member-link.logout{background:#fff2f4!important;color:#d62945!important;border:1px solid #ffd8df!important;font-weight:900!important}.miko-ref-writer-nav nav .miko-ref-logout{margin-top:7px!important;color:#ffd6dc!important;border:1px solid rgba(255,108,131,.16)!important;background:rgba(255,62,92,.08)!important}.miko-ref-writer-nav nav .miko-ref-logout:hover{background:#d82b49!important;color:#fff!important}