@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Noto+Sans+KR:wght@400;500;700;800&display=swap";:root{color:#1f3154;font-synthesis:none;text-rendering:optimizelegibility;background:#fffaf0;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.auth-loading{text-align:center;background:#fffaf0;place-content:center;justify-items:center;min-height:100vh;display:grid}.auth-loading h1{margin:24px 0 6px;font-size:clamp(28px,4vw,42px)}.auth-loading p{color:#758198}.loading-gem{color:#fff;background:#ff735d;border-radius:23px;place-items:center;width:72px;height:72px;font:900 34px Nunito,sans-serif;animation:1s ease-in-out infinite alternate bounce;display:grid;box-shadow:0 8px #8d44312e}@keyframes bounce{to{transform:translateY(-10px)rotate(5deg)}}.home-shell{background:linear-gradient(135deg,#fff9e9,#fffdf8);min-height:100vh}.home-header{border-bottom:1px solid #eee8dc;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(25px,7vw,100px);display:flex}.home-header p{color:#69768e}.home-header strong{color:#253858}.home-hero{background:radial-gradient(circle at 80%,#ffd44e 0 11%,#0000 11.2%),radial-gradient(circle at 80%,#ffbe3b47 0 23%,#0000 23.2%);min-height:calc(100vh - 92px);padding:clamp(70px,12vw,160px) clamp(25px,10vw,150px)}.home-hero h1{max-width:800px}.home-hero h1 em{color:#ff7851;text-shadow:none}.home-hero>p:not(.eyebrow){color:#6d788c;font-size:18px}.new-account{color:#7c5727;background:#fff1bd;border-radius:12px;margin-top:24px;padding:12px 17px;font-size:14px;font-weight:700;display:inline-block}.page-shell{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid;overflow:hidden}.welcome{isolation:isolate;background:radial-gradient(circle at 13% 18%,#ffffffbf 0 4px,#0000 5px),radial-gradient(circle at 88% 15%,#fff9 0 3px,#0000 4px),linear-gradient(145deg,#ffd947 0%,#ffbd3d 58%,#ff9d36 100%);flex-direction:column;min-height:100vh;padding:46px clamp(36px,6vw,92px);display:flex;position:relative}.welcome:after{content:"";z-index:-1;border:80px solid #ffffff1a;border-radius:50%;width:440px;height:440px;position:absolute;top:12%;right:-220px}.brand{color:#21355e;letter-spacing:-.02em;align-items:center;gap:12px;font:900 21px Nunito,sans-serif;display:flex}.brand-mark{color:#fff;background:#ff735d;border-radius:13px 13px 16px;place-items:center;width:40px;height:40px;display:grid;transform:rotate(-6deg);box-shadow:0 5px #8d44312e}.welcome-copy{max-width:620px;margin-top:clamp(70px,13vh,130px)}.eyebrow,.mini-label{letter-spacing:.18em;font:900 12px Nunito,sans-serif}.eyebrow{color:#a14f27}h1{letter-spacing:-.055em;color:#20345a;margin:18px 0 24px;font-size:clamp(42px,5vw,72px);line-height:1.13}h1 em{color:#fff;text-shadow:0 4px #a35b1f26;font-style:normal}.intro{color:#6d4b2d;max-width:510px;margin:0;font-size:17px;font-weight:500;line-height:1.8}.treasure-scene{width:270px;height:190px;position:absolute;bottom:8%;right:10%}.chest{filter:drop-shadow(0 16px 8px #75401529);width:190px;position:absolute;bottom:0;right:0}.chest-lid{transform-origin:0 100%;background:#ef6b46;border:12px solid #9d4d31;border-bottom-width:9px;border-radius:80px 80px 8px 8px;height:60px;transform:rotate(-4deg)}.chest-body{background:#f6824e;border:12px solid #9d4d31;border-top-width:8px;border-radius:5px 5px 24px 24px;place-items:center;height:88px;display:grid}.chest-body span{color:#fff;background:#ffd84c;border:7px solid #9d4d31;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.coin{color:#d27325;background:#ffe867;border:6px solid #e59827;border-radius:50%;place-items:center;font:900 19px Nunito;display:grid;position:absolute;box-shadow:0 7px #854a1b21}.coin-one{width:58px;height:58px;top:58px;left:21px;transform:rotate(-16deg)}.coin-two{width:48px;height:48px;top:8px;left:88px;transform:rotate(11deg)}.spark{color:#fff;font-size:32px;position:absolute}.spark-one{top:2px;left:13px}.spark-two{font-size:21px;top:2px;right:1px}.login-panel{background:#fffdf8;place-items:center;min-height:100vh;padding:48px clamp(28px,7vw,110px);display:grid}.login-card{width:100%;max-width:470px}.mini-label{color:#f08a3c;margin:0 0 12px}h2{letter-spacing:-.045em;color:#1d3052;margin:0;font-size:clamp(30px,3vw,42px)}.login-help{color:#738098;margin:12px 0 38px;line-height:1.6}form{flex-direction:column;display:flex}label{color:#344866;margin:0 0 9px;font-size:14px;font-weight:700}.input-wrap{background:#fff;border:1.5px solid #e2e5eb;border-radius:15px;align-items:center;gap:12px;height:58px;margin-bottom:22px;padding:0 17px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrap:focus-within{border-color:#ffad3e;box-shadow:0 0 0 4px #ffad3e21}.input-wrap span{color:#a2aabb;font:800 14px Nunito}input{color:#243756;background:0 0;border:0;outline:0;width:100%}input::placeholder{color:#b0b7c4}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8b4a,#ff684f);border:0;border-radius:16px;justify-content:center;align-items:center;gap:15px;height:59px;margin-top:5px;padding:0 22px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 22px #f7684940}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 25px #f768494d}button:disabled{cursor:wait;opacity:.7}button span{font-size:21px}.status{border-radius:12px;margin:17px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.status.success{color:#247050;background:#eaf8f0}.status.error{color:#a43e3e;background:#fff0ef}.privacy-note{color:#9aa2b0;text-align:center;max-width:390px;margin:27px auto 0;font-size:12px;line-height:1.7}.privacy-note a{color:#68758c}@media (width<=860px){.page-shell{grid-template-columns:1fr}.welcome{min-height:390px;padding:30px 28px 50px}.welcome-copy{margin-top:45px}h1{font-size:clamp(36px,10vw,54px)}.intro{max-width:70%;font-size:14px}.treasure-scene{transform-origin:100% 100%;bottom:3%;right:3%;transform:scale(.68)}.login-panel{min-height:auto;padding:64px 25px 80px}}@media (width<=520px){.welcome{min-height:370px}.intro{max-width:100%;padding-right:90px}.treasure-scene{opacity:.8;right:-8%;transform:scale(.55)}}body{background:#f8f8f4}.app{background:#f8f8f4;min-height:100vh}.topbar{z-index:20;background:#fffdf9;border-bottom:1px solid #ebe9e2;align-items:center;gap:42px;height:78px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand-button{box-shadow:none;color:#20345a;background:0 0;gap:11px;height:auto;margin:0;padding:0}.brand-button:hover:not(:disabled){box-shadow:none;transform:none}.logo-box{color:#fff;background:#ff7159;border-radius:13px;place-items:center;width:39px;height:39px;font:900 20px Nunito;display:grid;box-shadow:0 4px #d64e3a35}.topbar nav{gap:6px;height:100%;display:flex}.topbar nav button{height:100%;box-shadow:none;color:#8490a3;background:0 0;border-radius:0;margin:0;padding:0 19px;font-weight:700}.topbar nav button.active{color:#24395e;border-bottom:3px solid #ff7654}.user-chip{align-items:center;gap:18px;margin-left:auto;font-size:13px;display:flex}.user-chip span{color:#8a642a;background:#fff4cc;border-radius:12px;padding:9px 13px}.content{max-width:1280px;margin:auto;padding:42px clamp(20px,5vw,68px) 100px}.hero{background:linear-gradient(135deg,#ffd94d,#ffad3f);border-radius:32px;justify-content:space-between;align-items:center;min-height:330px;padding:50px clamp(30px,6vw,78px);display:flex;overflow:hidden}.hero h1,.summary h1{margin:17px 0;font-size:clamp(38px,5vw,64px)}.hero h1 em{color:#fff}.hero p{color:#765227}.market-badge{color:#19744d;background:#fff8;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-block}.hero-orb{color:#fff;border:45px solid #ffffff25;border-radius:50%;place-items:center;width:210px;height:210px;font-size:62px;display:grid}.section{margin-top:58px}.section-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.section h2,.section-head h2{margin:4px 0 20px;font-size:27px}.overline{color:#ef7a3f;letter-spacing:.18em;margin:0;font:900 11px Nunito}.filters{background:#ebece8;border-radius:13px;gap:5px;padding:5px;display:flex}.filters button{height:36px;box-shadow:none;color:#7a8495;background:0 0;border-radius:9px;margin:0;padding:0 15px;font-size:12px}.filters button.active{color:#253959;background:#fff;box-shadow:0 3px 10px #24395e15}.asset-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.asset-card{text-align:left;height:148px;box-shadow:none;color:#263957;background:#fff;border:1px solid #edebe4;justify-content:flex-start;margin:0;padding:22px;display:flex}.asset-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #27375312}.asset-card>i{margin-left:auto;font-size:22px}.asset-icon{color:#f29a35;background:#fff2c1;border-radius:25px;flex:none;place-items:center;width:92px;height:92px;margin-right:18px;font-size:35px;display:grid;position:relative;overflow:hidden}.asset-icon img{object-fit:cover;width:100%;height:100%}.asset-icon b{color:#fff;background:#24385e;border-radius:8px;padding:3px 7px;font:900 9px Nunito;position:absolute;bottom:5px;right:5px}.asset-meta span,.detail-title span{color:#99a1ad;font-size:11px;font-weight:700}.asset-meta h3{margin:5px 0 11px;font-size:18px}.asset-meta strong{font-size:16px;display:block}.asset-meta small{margin-top:4px;display:block}.up{color:#ef5e4d!important}.down{color:#3e73da!important}.activity-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.activity{background:#fff;border:1px solid #edebe4;border-radius:16px;align-items:center;gap:12px;padding:15px 18px;font-size:13px;display:flex}.npc{color:#44703d;background:#e6f1df;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.activity div{flex:1}.activity small{color:#98a0ac;margin-top:4px;display:block}.activity>span:last-child{font-size:11px;font-weight:800}.empty{text-align:center;color:#9aa2af;background:#fff;border-radius:20px;padding:70px}.empty.small{padding:30px}.back{height:auto;box-shadow:none;color:#66758a;background:0 0;margin:0 0 25px;padding:0}.detail-grid{grid-template-columns:1fr 350px;gap:24px;display:grid}.detail-title{background:#fff;border-radius:24px;align-items:center;padding:25px;display:flex}.detail-title h1{margin:3px 0;font-size:32px}.detail-title p{color:#7f8998;margin:4px 0}.price-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.price-row>div{background:#fff;border-radius:20px;padding:22px}.price-row small,.price-row span{color:#8e97a5;display:block}.price-row strong{margin:8px 0;font-size:26px;display:block}.chart-card{background:#fff;border-radius:24px;margin-top:14px;padding:25px}.chart{width:100%;height:245px}.trade-card{background:#fff;border-radius:24px;align-self:start;padding:22px;position:sticky;top:100px;box-shadow:0 14px 45px #26344d12}.trade-tabs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:25px;display:grid}.trade-tabs button{color:#8590a1;height:45px;box-shadow:none;background:#f1f2ee;margin:0}.trade-tabs button.active{color:#ef5e4d;background:#fff0ec}.trade-tabs button.active.sell{color:#3e73da;background:#eef4ff}.trade-card label{justify-content:space-between;display:flex}.trade-card label span{color:#9aa2ae;font-weight:500}.quantity{border:1px solid #e5e5df;border-radius:14px;grid-template-columns:50px 1fr 50px;height:58px;display:grid;overflow:hidden}.quantity button{height:auto;box-shadow:none;color:#34445e;background:#f5f5f0;border-radius:0;margin:0;font-size:20px}.quantity input{text-align:center;font-size:18px;font-weight:800}.estimate{background:#fff8df;border-radius:13px;justify-content:space-between;margin:20px 0;padding:17px;display:flex}.primary{background:linear-gradient(135deg,#ff8a4a,#ff674f);width:100%;margin:0}.primary.sell{background:linear-gradient(135deg,#628ee9,#3e73da)}.toast{z-index:50;color:#fff;background:#263957;border-radius:14px;padding:15px 18px;position:fixed;top:92px;right:25px;box-shadow:0 12px 30px #0002}.toast button{width:auto;height:auto;box-shadow:none;background:0 0;margin-left:15px;padding:0}.modal-backdrop{z-index:60;background:#1c294560;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quote-modal{text-align:center;background:#fff;border-radius:27px;width:min(430px,100%);padding:32px}.modal-icon{color:#3d9a61;background:#eaf8ed;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;font-size:25px;display:grid}.quote-lines{text-align:left;margin:20px 0}.quote-lines p{justify-content:space-between;display:flex}.quote-lines .total{border-top:1px solid #eee;padding-top:15px}.modal-actions{grid-template-columns:1fr 1.5fr;gap:8px;margin-top:22px;display:grid}.modal-actions button{color:#45546a;box-shadow:none;background:#eee;margin:0}.modal-actions .primary{color:#fff;background:#ff7155}.summary{padding:25px 0}.summary h1{font-size:48px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.summary-grid>div{background:#fff;border-radius:19px;padding:23px}.summary-grid span,.summary-grid b{display:block}.summary-grid span{color:#8d96a4;margin-bottom:10px;font-size:13px}.holding-list,.ledger-list{flex-direction:column;gap:10px;display:flex}.holding-list>button,.ledger-list article{box-shadow:none;color:#263957;text-align:left;background:#fff;border:1px solid #eceae4;border-radius:18px;align-items:center;margin:0;padding:16px 20px;display:flex}.holding-list .asset-icon{border-radius:17px;width:60px;height:60px}.holding-list>button>div:nth-child(2){flex:1}.holding-list span,.holding-list small,.ledger-list span,.ledger-list small{color:#8993a2;margin-top:5px;font-size:12px;display:block}.holding-list>button>strong,.ledger-list article>strong{text-align:right}.holding-list i{color:#9ba2ad;margin-left:25px}.ledger-filters{width:max-content;margin-bottom:25px}.ledger-list article{gap:15px}.ledger-icon{color:#4877d2;background:#eef3ff;border-radius:14px;place-items:center;width:45px;height:45px;font-weight:900;display:grid}.ledger-icon.grant{color:#d59226;background:#fff4cc}.ledger-list article>div{flex:1}.auth-fallback{background:#fff8e9;place-items:center;min-height:100vh;display:grid}.auth-box{text-align:center;background:#fff;border-radius:28px;width:min(450px,100% - 40px);padding:45px}.auth-box .logo-box{margin:auto}.auth-box h1{font-size:34px}.auth-box p{color:#7d8796}.auth-box button{width:100%;margin-top:20px}@media (width<=900px){.topbar{gap:10px}.user-chip span{display:none}.asset-grid,.activity-list,.detail-grid{grid-template-columns:1fr}.trade-card{position:static}.summary-grid{grid-template-columns:1fr 1fr}.hero-orb{display:none}}@media (width<=600px){.topbar{flex-wrap:wrap;height:auto;padding:12px 16px}.topbar nav{order:3;justify-content:space-around;width:100%}.topbar nav button{height:42px}.content{padding:25px 16px 70px}.hero{min-height:290px;padding:30px 24px}.asset-card{height:auto}.summary-grid,.price-row{grid-template-columns:1fr}.holding-list i{display:none}}.ledger-list article{cursor:pointer;transition:transform .15s,box-shadow .15s}.ledger-list article:hover,.ledger-list article:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 10px 24px #26344d14}.modal-actions.single{grid-template-columns:1fr}.login-form{text-align:left}.login-form .logo-box,.login-form>.overline,.login-form>h1,.login-form>p{text-align:center}.login-form label{margin-top:18px;display:block}.login-form input{background:#fff;border:1px solid #dfe2e8;border-radius:13px;width:100%;height:54px;padding:0 16px}.login-form input:focus{border-color:#ff7958;outline:3px solid #ff795821}.login-form small,.login-error{color:#b94d43;margin-top:7px;font-size:12px;display:block}.login-form .login-cancel{box-shadow:none;color:#7f8a9b;background:0 0;margin-top:10px}.login-form .login-cancel:hover:not(:disabled){box-shadow:none;color:#e5664e;transform:none}.login-error{background:#fff0ee;border-radius:10px;padding:12px}.logout-button{width:auto;height:34px;box-shadow:none;color:#778397;background:#fff;border:1px solid #e4e6e8;border-radius:10px;margin:0;padding:0 12px;font-size:12px}.logout-button:hover:not(:disabled){box-shadow:none;color:#e95f48;border-color:#ff8a6d;transform:none}.login-button{color:#fff;background:linear-gradient(135deg,#ff8a4a,#ff674f);border-radius:11px;width:auto;height:38px;margin:0;padding:0 18px;font-size:13px}.guest-trade{text-align:center;padding:22px 5px 8px}.guest-trade>span{background:#fff4cc;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 18px;font-size:25px;display:grid}.guest-trade h2{margin:0 0 9px;font-size:20px}.guest-trade p{color:#8490a0;margin:0 0 22px;font-size:13px;line-height:1.7}.trade-closed{color:#9a642e;background:#fff2df;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:12px;font-weight:700;line-height:1.5}.quote-expired{color:#c64e43;font-weight:700}.market-badge.settling,.market-badge.closed{color:#8d5b2c;background:#ffffffb8}.asset-card[data-status=suspended],.asset-card[data-status=delisted]{opacity:.72}.asset-status{background:#fff0df;border-radius:6px;margin-left:6px;padding:2px 6px;color:#a16232!important;display:inline-block!important}.load-more{width:100%;max-width:320px;box-shadow:none;color:#506079;background:#fff;border:1px solid #e3e5e7;margin:22px auto 0}.load-more:hover:not(:disabled){box-shadow:none;color:#e8644c;border-color:#ff8a6d;transform:none}.chart-wrap{min-height:245px;position:relative}.chart-wrap .chart{cursor:crosshair}.chart-tooltip{z-index:3;pointer-events:none;background:#fffffff5;border:1px solid #ece8df;border-radius:12px;min-width:165px;padding:10px 12px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 8px 24px #24345421}.chart-tooltip b,.chart-tooltip span,.chart-tooltip small{display:block}.chart-tooltip b{color:#263957}.chart-tooltip span,.chart-tooltip small{color:#818b99;margin-top:3px;font-size:10px}.chart-scale{pointer-events:none;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:absolute;inset:0 0 auto auto}.chart-scale span{color:#8a94a2;background:#fffc;border-radius:5px;padding:2px 5px;font-size:9px}.chart-ranges{background:#f0f1ed;border-radius:10px;gap:4px;padding:4px;display:flex}.chart-ranges button{width:auto;height:31px;box-shadow:none;color:#7b8697;background:0 0;border-radius:7px;margin:0;padding:0 10px;font-size:11px}.chart-ranges button.active{color:#eb674e;background:#fff;box-shadow:0 2px 8px #26344d14}.chart-loading{color:#929ba8;place-items:center;height:245px;font-size:13px;display:grid}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.skeleton-card{background:#fff;border:1px solid #eceae4;border-radius:16px;gap:18px;height:148px;padding:22px;display:flex}.skeleton-card>div{flex:1;padding-top:8px}.skeleton-block{background:linear-gradient(90deg,#efeee9 25%,#f8f7f3 50%,#efeee9 75%) 0 0/200% 100%;border-radius:7px;width:80%;height:13px;margin-bottom:12px;animation:1.3s infinite skeleton-shimmer;display:block}.skeleton-image{border-radius:25px;flex:0 0 92px;width:92px;height:92px}.skeleton-block.short{width:38%;height:9px}.skeleton-block.medium{width:58%}@keyframes skeleton-shimmer{to{background-position:-200% 0}}.retry-state{text-align:center;background:#fff;border:1px solid #ece9e2;border-radius:22px;padding:58px 24px}.retry-state>span{color:#e16d47;background:#fff1df;border-radius:15px;place-items:center;width:48px;height:48px;margin:auto;font-size:24px;display:grid}.retry-state h3{margin:16px 0 7px}.retry-state p{color:#8a94a2;margin:0;font-size:13px}.retry-state button{width:auto;height:42px;margin:20px auto 0;padding:0 22px}.inline-retry{color:#a24c42;background:#fff0ee;border-radius:11px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:11px 14px;font-size:12px;display:flex}.inline-retry button{width:auto;height:30px;box-shadow:none;color:#a24c42;background:#fff;margin:0;padding:0 12px}@media (width<=700px){.skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.toast>span{white-space:pre-line}.toast .copy-request{width:auto;height:28px;box-shadow:none;color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:7px;margin-left:14px;padding:0 9px;font-size:10px}.mobile-nav{display:none}@media (width<=600px){.content{padding-bottom:110px}.mobile-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9f0;border:1px solid #e4e2dae6;border-radius:20px;grid-template-columns:repeat(4,1fr);height:66px;padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 38px #1f31542e}.mobile-nav button{height:100%;box-shadow:none;color:#8a94a2;background:0 0;border-radius:14px;flex-direction:column;gap:2px;margin:0;padding:5px 2px;font-size:10px;display:flex}.mobile-nav button span{font-size:18px;line-height:1}.mobile-nav button.active{color:#e8674e;background:#fff1df}}.tutorial-modal{text-align:center;max-width:480px}.tutorial-coin{color:#fff;background:#ffe56d;border:7px solid #e9a22f;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:27px;display:grid;box-shadow:0 7px #a1651b24}.tutorial-modal>p:not(.overline){color:#778397;line-height:1.7}.tutorial-modal>p strong{color:#ed6c4e}.tutorial-modal ol{text-align:left;counter-reset:tutorial;gap:9px;margin:25px 0;padding:0;list-style:none;display:grid}.tutorial-modal li{counter-increment:tutorial;background:#f7f7f2;border-radius:13px;padding:13px 14px 13px 49px;position:relative}.tutorial-modal li:before{content:counter(tutorial);color:#76511e;background:#ffdd62;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:900;display:grid;position:absolute;top:14px;left:14px}.tutorial-modal li b,.tutorial-modal li span{display:block}.tutorial-modal li span{color:#8b94a1;margin-top:3px;font-size:12px}@media (width<=600px){.logout-button{display:none}}