:root{--ui:Inter,"Noto Sans Thai",system-ui,sans-serif;--ux-ink:#f0faf6;--ux-muted:#bbd0c7;--ux-border:#315a4c;--ux-brand:#2cddbd}body{font-family:var(--ui);font-size:16px;line-height:1.6;color:var(--ux-ink)}.wrap{max-width:100%;width:100%;padding-bottom:100px}header{min-height:64px;padding:12px 16px}header h1{font-size:22px;line-height:1.35}main{padding:16px}p,.hint,.muted{font-size:14px;line-height:1.65;color:var(--ux-muted)}button,input,select,textarea{font-family:var(--ui);font-size:16px;min-height:44px}input,select,textarea,button{border-radius:12px}label{font-size:14px;line-height:1.5}input:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #91f4d9;outline-offset:3px}.panel,.card{border-radius:16px;border-color:var(--ux-border);padding:16px;margin-bottom:16px}h2{font-size:20px;line-height:1.4}h3{font-size:18px}.bottom-nav{width:min(100%,520px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#071612}.bottom-nav button{font-size:12px;min-height:52px;gap:5px}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.on{color:#59ecd1}.ux-preview{margin:16px 0;padding:18px;border:1px solid #315a4c;background:#0d2720;border-radius:16px}.ux-preview h2{margin:0 0 8px}.ux-preview small{display:block;font-size:13px;color:#bfd3cb}.ux-device{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px 16px;border:1px solid #315a4c;background:#0d2720;border-radius:12px;font-size:14px}.ux-device span{font-size:12px;color:#bbd0c7}@media(min-width:768px){.wrap{max-width:960px;margin:auto}.bottom-nav{width:520px}main{padding:24px}.ux-preview{padding:24px}}.home-page .user-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-page .home-hero{padding:20px;margin-bottom:20px}.home-page .home-title{font-size:22px}.home-page .tile{min-height:108px}.home-page .tile .sub{font-size:12px}.home-page .device-list .panel{min-height:76px}.ux-clock-preview{font:600 46px/1.2 var(--ui);letter-spacing:2px;padding:24px;text-align:center;background:#061a15;border:1px solid #3e7061;border-radius:14px}.ux-clock-preview em{display:block;font:400 14px/1.6 var(--ui);letter-spacing:0;color:#a2cfbf}.ux-presets{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ux-presets button{padding:8px 14px;background:#153d30;color:#f0faf6;border:1px solid #467563}.ux-intro{margin:0 0 16px;color:#bbd0c7}.ux-metric{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:14px}.ux-status{font-size:13px;color:#75e8bc;background:#103c2b;padding:5px 10px;border-radius:8px}.ux-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #29483d}.ux-row strong{display:block}.ux-row small{color:#bbd0c7}.ux-row img{width:44px;height:44px;border-radius:50%}.ux-nav-link{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #315a4c;border-radius:12px;background:#102a20;color:#f0faf6;margin-bottom:10px;width:100%;text-align:left}.ux-doc-search{margin-bottom:16px;width:100%}.ux-store-preview{background:linear-gradient(140deg,#153e30,#061710);padding:18px;border-radius:12px;margin-bottom:14px;min-height:90px;display:grid;place-items:center;font-size:26px;font-weight:700}.ux-store-preview small{font-size:12px;font-weight:400}.chatx-bubble{font-size:16px!important;line-height:1.65!important;padding:10px 14px!important}.chatx-msg{margin-top:10px}.chatx-row{min-height:76px}.chatx-row .ttl{font-size:16px}.chatx-row .sub{font-size:14px}.chatx-row time{font-size:12px}.chatx-composer textarea,.chatx-composer input{font-size:16px;min-height:48px}.chatx-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.chatx-sticker-grid img{width:100%;height:96px;object-fit:contain}.chatx-sticker{width:176px!important;max-width:65vw}.chatx-thread{background:#071a15}html[data-design-capture=full] .bottom-nav,html[data-design-capture=full] .savebar{position:static;transform:none;width:100%;margin:0;max-width:none;left:auto;bottom:auto}html[data-design-capture=full] .wrap{padding-bottom:0}html[data-design-capture=full] .wrap:before{display:none}html[data-design-capture=full] main{padding-bottom:20px}html[data-ux-route=inbox] main{padding:16px}[hidden]{display:none!important}.ux-balance strong{display:block;font-size:34px;line-height:1.4;color:#64efd0}.ux-balance strong span{font-size:16px}.ux-balance small{font-size:14px}.ux-filterbar{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px}.ux-filterbar label{flex:1;min-width:130px}.ux-topup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux-topup-grid button{display:grid!important;gap:6px!important;text-align:center!important;margin:0!important}.ux-topup-grid button[aria-pressed=true]{border:2px solid #59eac9;background:#164535}.ux-feedback,.ux-notice{background:#153f30;border:1px solid #4f9375;color:#edfff6;border-radius:12px;padding:16px;margin-bottom:16px}.ux-disabled-reason{display:block;font-size:12px;color:#f5dca2}.ux-advanced summary{min-height:44px;cursor:pointer;font-weight:600}.ux-advanced .panel{border:0;margin:12px 0 0;padding:0}.ux-secondary{width:100%;margin-top:12px}.ux-pay-summary .ux-metric{padding:8px 0}.ux-date{font-size:13px;color:#bfd5c9}.chatx-bub{font-size:16px!important;line-height:1.6!important;padding:10px 14px!important}.chatx-message{margin-top:12px}.chatx-message.continued{margin-top:4px}.chatx-meta{font-size:12px!important;line-height:1.4}.chatx-inputbar textarea{font-size:16px;min-height:48px}.chatx-inputbar button{min-width:44px;min-height:48px}.chatx-bub.is-sticker{padding:0!important;background:transparent}.chatx-sticker-grid .chatx-sticker{width:100%!important;max-width:100%;height:96px!important}.chatx-sticker-grid{gap:8px!important}.chatx-sticker-tabs{overflow-x:auto}.chatx-sticker-tabs button{flex:none}.chatx-compose-hint{font-size:12px}.ux-friend-tabs button[aria-pressed=true]{background:#246c53;border-color:#65e5c5}.ux-welcome-display{display:grid;width:min(100%,320px);background:#08251d;border:3px solid #3cc8a8;border-radius:24px;padding:18px;margin:12px auto;color:#66f5d2}.ux-welcome-display strong{font-size:46px;line-height:1.2}.ux-welcome-display span{font-size:16px}.ux-welcome-display small{font-size:12px;color:#bed1c8}.ux-benefits{text-align:left;padding-left:24px;font-size:14px;line-height:1.8;max-width:320px;margin:4px auto 16px}html[data-ux-route=welcome] .center{padding:20px 16px}html[data-ux-route=welcome] .hero-title{font-size:28px;margin:8px 0}html[data-ux-route=welcome] .logo{width:64px;height:64px}.ux-doc-chapter summary{min-height:44px;cursor:pointer;font-size:18px;font-weight:600}.ux-doc-chapter section{padding-top:12px;scroll-margin-top:90px}.ux-doc-chapter section>h2:first-child,.ux-doc-chapter section>h3:first-child{display:none}@media(min-width:768px){.chatx-sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.ux-store-preview img{width:100%;height:auto;display:block;border-radius:10px}.ux-store-preview:has(img){padding:8px}.pet-roster-table td,.pet-roster-table .sub{font-size:14px!important;line-height:1.5!important}.chatx-panel .row:has(#chatx-usn){display:flex;min-width:0}.chatx-panel #chatx-usn{flex:1;width:0;min-width:0}.chatx-panel [data-lookup]{width:auto;flex:none}.ux-card-home{font-size:14px;min-width:76px;padding:6px 10px}.p009-page-head strong{font-size:14px!important}.p009-bottom-nav button{display:flex;flex-direction:column;gap:4px}.ux-game-label{font-size:12px}.ux-game-summary summary{font-size:14px;min-height:44px;padding:12px 0;cursor:pointer}.ux-design-dialog{max-width:min(420px,calc(100% - 32px));box-sizing:border-box;border:1px solid #568d78;border-radius:20px;padding:24px;background:#102b22;color:#f0faf6}.ux-design-dialog::backdrop{background:#0009}.ux-design-dialog img{display:block;max-width:200px;max-height:200px;margin:12px auto}.ux-design-dialog small{display:block;font-size:13px;color:#c5d6ce}.ux-design-dialog .ux-presets{justify-content:flex-end}html[data-design-capture=full] .p009-bottom-nav{position:static;max-width:none;width:100%;transform:none;left:auto;bottom:auto}html[data-design-capture=full] #p009-main{padding-bottom:24px!important}.chatx-panel .row:has(#chatx-newusn){min-width:0}.chatx-panel #chatx-newusn{width:0;flex:1;min-width:0}.chatx-panel [data-changeusn]{width:auto;flex:none}html[data-ux-route=crypto] .row:has(#addsym){flex-wrap:wrap}html[data-ux-route=crypto] .row input{min-width:0;flex:1;width:0}.ux-clock-preview{overflow-wrap:anywhere;letter-spacing:0}.ux-doc-chapter table{max-width:100%}.ux-table-scroll{max-width:100%;overflow-x:auto}.ux-table-scroll table{min-width:560px}.ux-scroll-hint{font-size:12px;color:#aec8ba}html[data-ux-route=crypto] #addsym{min-width:0;width:0;flex:1}html[data-ux-route=crypto] .row:has(#al_price){flex-wrap:wrap}.pet-switcher:before{content:"เลือก PET · เลื่อนดู";font-size:12px;flex:none;color:#b7cec0;align-self:center}html[data-ux-route=store] #items>.panel>.row{flex-wrap:wrap;gap:10px}html[data-ux-route=store] #items>.panel>.row>.grow{flex:1 1 100%;min-width:0}html[data-ux-route=store] #items .ttl{font-size:18px}html[data-ux-route=store] #items .sub{font-size:14px;line-height:1.6}header .back,header .act{min-width:44px;min-height:44px;display:grid;place-items:center}header .act{font-size:14px!important}.ux-market-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux-market-controls h2{grid-column:1/-1;margin:0}.ux-market-controls label{min-width:0!important}.ux-market-controls select{width:100%}.ux-market-advanced summary,.ux-lock-detail summary{min-height:44px;font-size:16px;cursor:pointer}.ux-market-advanced section.panel{padding:0;border:0;margin:12px 0 0}.ux-market-explain{padding:12px 0;border-bottom:1px solid #315a4c;margin-bottom:12px}.ux-market-explain p{margin:4px 0;font-size:14px}.ux-market-explain small{font-size:12px;color:#bbd0c7}.ux-store-target{display:block;margin-bottom:16px}.ux-store-target select{display:block;width:100%;margin-top:8px}.ux-package-code{display:block;color:#68e9c7;font-size:14px;font-weight:600;margin-bottom:10px}.ux-promotion-note{font-size:12px}.ux-clock-message-preview{margin:16px 0;padding:18px;border:2px solid #3b806b;background:#061a15;border-radius:12px}.ux-clock-message-preview p{font-size:18px;overflow-wrap:anywhere;color:#f0faf6;white-space:pre-wrap}.ux-lock-detail{border-top:1px solid #315a4c;padding-top:8px}:root{--ux-space-xs:8px;--ux-space-sm:12px;--ux-space-md:16px;--ux-space-lg:24px}.wrap{padding-bottom:88px}main{padding:20px 16px 24px}header{gap:12px;padding:12px 16px;min-height:68px}header h1{margin:0;font-size:22px;line-height:1.3;min-width:0}h2{margin:0 0 12px}h3{margin:0 0 8px}p{margin:8px 0 12px}.panel{padding:20px;margin:0 0 16px}.panel>:first-child{margin-top:0}.panel>:last-child{margin-bottom:0}.row{gap:12px;min-width:0}.grow{min-width:0}label.fld{font-size:13px;line-height:1.5;margin:16px 0 8px;letter-spacing:.03em}.panel>label.fld:first-child{margin-top:0}input:not([type=checkbox]):not([type=range]):not([type=color]),select,textarea{padding:12px;line-height:1.45;min-height:48px}.settings-stack{padding-bottom:88px!important}.savebar{bottom:72px;padding:12px 16px;width:min(100%,960px)}.bottom-nav{min-height:72px}.ux-preview{margin:0 0 20px;padding:20px}.ux-preview h2{margin-bottom:12px}.ux-device{margin-bottom:16px}.ux-intro{margin:0 0 16px}.ux-clock-preview{padding:24px 16px}.ux-presets{gap:8px;margin:16px 0 0}.ux-nav-link{padding:14px 16px;margin:0 0 12px}header .ux-back,.ux-card-home.ux-back,.chatx-thread-header [data-backlist],.chatx-host>.row>[data-backlist],.chatx-host>.row>[data-backhandle]{width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #36594c;border-radius:50%;padding:0;display:grid;place-items:center;background:#102a21;color:#dcefe6;font-size:28px;font-weight:400;line-height:1;flex:none;cursor:pointer}.chatx-thread-header [data-backlist] svg{width:22px;height:22px}header .act{padding:8px 12px;border-radius:12px}.home-page .home-hero{padding:20px;margin-bottom:24px}.home-page .user-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.home-page .user-menu .panel{padding:20px 14px;margin:0}.home-page .user-menu .row.tile{min-height:104px;gap:10px}.home-page .user-menu .ttl{font-size:15px;white-space:normal;line-height:1.4;text-overflow:clip}.home-page .user-menu .sub{font-size:12px;white-space:normal;line-height:1.5;text-overflow:clip}.home-page .ds-section-head{margin:0 0 12px;min-height:44px;font-size:13px;letter-spacing:.02em}.ux-device-expand{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:6px 10px;background:#0b2019;border:1px solid #315a4c;color:#bde7d4;border-radius:12px}.ux-device-total{font-size:12px}.ux-device-chevron{font-size:20px}.device-list{gap:12px!important}.ux-clock-message-preview{background:transparent;border:0;padding:16px 0 12px;margin:20px 0 0}.ux-clock-message-preview>small{display:block;margin-bottom:12px;font-size:13px}.ux-device-front{position:relative;width:100%;max-width:540px;margin:auto;filter:drop-shadow(0 12px 12px #0006)}.ux-device-front>img{display:block;width:100%;height:auto}.ux-device-screen{position:absolute;left:7.2%;top:9.4%;width:85.6%;height:76.2%;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;border-radius:6px;background:linear-gradient(155deg,#10241c,#071512)}.ux-device-screen p{font-size:clamp(12px,3.6vw,18px);line-height:1.55;color:#effdf5;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100%;overflow:auto;margin:0}.p009-page-head{margin:0!important;gap:12px!important}.p009-draw-hero.compact{padding-top:16px!important}@media(min-width:768px){main{padding:24px 28px 28px}.home-page .user-menu{grid-template-columns:repeat(4,minmax(0,1fr))}.ux-device-screen p{font-size:20px}header{padding:16px 24px}}[data-ux-route=sendclock] .chatx-clock-form{padding:20px 16px}[data-ux-route=sendclock] .chatx-clock-form h3{margin:0 0 20px}[data-ux-route=sendclock] .chatx-clock-form label{display:block;margin:20px 0 8px;line-height:1.5}[data-ux-route=sendclock] main>.sub{display:block;padding:0 16px;margin:16px 0;line-height:1.65}.ux-language p{color:var(--muted);line-height:1.6}.ux-language small{display:block;line-height:1.65;color:#a6bdb6}.ux-language-options button[aria-pressed=true]{background:#16c7b0!important;color:#00251d!important;border-color:#16c7b0!important}.ux-language-options button[aria-pressed=false]{background:#102a23!important;color:#eef9f5!important;border-color:#36584e!important}@font-face{font-family:Montserrat;src:url(/ui/Montserrat-Medium.ttf) format("truetype");font-display:swap}body{background:#06120e;color:#edf8f2;font-family:Montserrat,system-ui,-apple-system,sans-serif}.wrap{max-width:960px;margin:auto;width:100%;min-height:100vh}button,input,select,textarea{font-family:inherit}.bottom-nav{width:min(100%,960px)!important}.bottom-nav button{font-family:inherit;font-size:11px}.ux-back{display:grid!important;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #315c49!important;border-radius:50%!important;padding:0!important;background:#112c21!important;color:#64e8c5!important;font:28px/1 system-ui!important}.connect-card[hidden],[hidden]{display:none!important}.live-new-pages{margin-top:24px}.live-new-pages h2{font-size:19px}.live-new-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}.live-new-grid button{min-height:52px;text-align:left;background:#10291f;border:1px solid #31533f;border-radius:12px;color:#eaf8ef;padding:14px;font:14px/1.5 inherit}.live-settings-links{margin-top:24px}.live-settings-links h2{font-size:18px}.live-signout{width:100%;min-height:48px;margin-top:16px;color:#ffc0c4;border:1px solid #694046;background:#301e23;border-radius:12px}.ux-language{margin-bottom:20px}.ux-language h2{font-size:18px}.ux-language p,.ux-language small{color:#a6bdb2;font-size:13px;line-height:1.7}.ux-language-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.ux-language-options button{min-height:48px;font-family:inherit}.ux-language-options [aria-pressed=true]{background:#18c5a6!important;color:#05251b!important;border:1px solid #18c5a6!important}.ux-language-options [aria-pressed=false]{background:#102a23!important;color:#eef9f5!important;border:1px solid #36584e!important}.live-clock-preview{margin:24px 0}.live-clock-preview h3{font-size:13px;line-height:1.6;margin-bottom:16px}.ux-device-screen{font-family:inherit}.account-profile-card input{width:100%}.settings-stack{padding-bottom:104px!important}[data-ux-route=sendclock] .chatx-host>.row:first-child [data-backlist],[data-ux-route=sendclock] .chatx-host>.row:first-child .ttl{display:none}[data-ux-route=sendclock] .chatx-host>.row:first-child{justify-content:flex-end;margin:0 0 16px}.np-main .np-controls label{display:grid;gap:8px;font-size:13px;line-height:1.6;min-width:0}.np-main .np-controls input,.np-main .np-controls select{max-width:100%;width:100%;min-width:0;background:#102b22;color:#edf7f3;border:1px solid #3b5c4d;border-radius:10px;font-family:inherit;min-height:48px;padding:12px}.np-main .np-controls input[type=checkbox]{width:22px;height:22px;min-height:22px;padding:0}.np-main .np-controls label:has(input[type=checkbox]){display:flex;gap:12px;align-items:center}.np-main .np-controls fieldset{border:1px solid #36584b;border-radius:12px;padding:16px;min-width:0}.np-main .np-status{display:flex;flex-wrap:wrap;gap:8px;padding:16px 8px 0;font-size:11px}.np-main .np-status span{padding:6px 8px;background:#12271f;border:1px solid #355343;border-radius:6px}.np-main dialog{width:min(100% - 32px,480px);max-height:85vh;overflow:auto;background:#0c2118;color:#edf8f2;border:1px solid #3d6651;border-radius:16px;padding:24px}.np-main dialog::backdrop{background:#000b}.np-main #np-refresh{min-height:44px;margin-top:16px;width:100%}.np-main .np2-editor #np-message{font-size:13px;line-height:1.8;color:#b3dfc9}.np-main .np2-fields p{font-size:12px;line-height:1.7;color:#a6bdb2}.np-main #np-sources{font-size:12px;overflow-wrap:anywhere}.np-main .np2-thumb{pointer-events:none}.np-main .np2-styles button{font-family:inherit}.live-clock-preview .ux-device-front>img{width:100%}@media(min-width:760px){.live-new-grid{grid-template-columns:1fr 1fr}.user-menu{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.new-device-picker{padding:20px 16px 0;display:grid;gap:8px;font-size:12px;color:#a6c2b2}.new-device-picker select{width:100%;min-height:48px;background:#10291f;border:1px solid #3d5f4e;border-radius:12px;color:#edf8f2;padding:12px;font-family:inherit}.np-main .np2-layout{grid-template-columns:minmax(0,1fr)}.np-main .np2-layout>*{min-width:0}.np-main input[type=file]{max-width:100%;width:100%;min-width:0}.np-main #np-media,.np-main #np-connections{min-width:0;overflow-wrap:anywhere}.np-main #np-media form,.np-main #np-connections form{display:grid;gap:12px}.np-main #np-media input,.np-main #np-media select,.np-main #np-connections input,.np-main #np-connections select{max-width:100%;min-width:0}.np-main #np-connections label{font-size:13px;line-height:1.7}#app.wrap:has(.np-main){max-width:960px}@media(min-width:760px){.np-main .np2-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.np-main{max-width:1200px;margin:auto;padding:20px;overflow-wrap:anywhere}.np-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.np-layout section{min-width:0}.np-main .clock-svg{width:100%;height:auto;display:block;font-family:system-ui,sans-serif;background:#071310;border-radius:12px}.np-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.np-styles button{text-align:left;white-space:normal;padding:12px}.np-styles button span,.np-menu span{display:block;margin-top:5px}.np-styles button[aria-pressed=true]{border:2px solid #35dbc0}.np-status{display:flex;flex-wrap:wrap;gap:8px}.np-status span{padding:5px 10px;border:1px solid #27483d;border-radius:20px}.np-controls{display:grid;gap:12px;margin:16px 0}.np-controls label{display:grid;gap:6px}.np-controls input,.np-controls select{max-width:100%;min-width:0}.np-menu{text-align:left;width:100%;cursor:pointer}.np-main button:focus-visible,.np-main input:focus-visible,.np-main select:focus-visible{outline:3px solid #f0b90b;outline-offset:3px}.np-main .wave{animation:np-wave 4s ease-in-out infinite alternate}.np-main .reduced .wave{animation:none}@keyframes np-wave{to{transform:translateY(10px)}}@media(max-width:700px){.np-layout{grid-template-columns:1fr}.np-main{padding:12px}.np-styles{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.np-main .wave{animation:none}}#np-account-form{display:grid;gap:12px;margin:16px 0}#np-account-form label{display:grid;gap:6px}#np-account-form input,#np-account-form select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}#np-account-form input[type=checkbox]{width:auto;justify-self:start}#np-connections button{white-space:normal}.np-menu [data-page-lock][hidden]{display:none}.np-menu [data-page-lock]{flex:none;margin-right:6px;vertical-align:middle}#app.wrap:has(.np-main){max-width:1240px;width:100%;box-sizing:border-box}.np-main{box-sizing:border-box}@media(min-width:760px){.np-layout>section:first-child{order:2}.np-layout>section:last-child{order:1}}.np-main{padding-bottom:calc(168px + env(safe-area-inset-bottom))}.np2{padding:24px 16px 104px!important;color:#edf7f3;font-family:inherit;--np-muted:#a0b9af;--np-line:#294a3e}.np2 *{box-sizing:border-box}.np2-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 24px}.np2-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;color:#48dec0}.np2-intro h2{font-size:clamp(25px,4vw,34px);line-height:1.3;letter-spacing:-.6px;margin:10px 0 12px}.np2-intro p{color:var(--np-muted);font-size:14px;line-height:1.7;max-width:450px;margin:0}.np2-demo{font-size:9px;font-weight:700;letter-spacing:.8px;border:1px solid #665631;border-radius:6px;padding:6px 8px;color:#f4d48a;white-space:nowrap}.np2-pages{display:flex;gap:8px;overflow:auto;padding:0 0 12px;margin-bottom:16px}.np2-pages button{min-height:44px;flex:none;padding:10px 14px;font-size:12px;border:1px solid var(--np-line);background:#0c211a;color:var(--np-muted);border-radius:24px;font-family:inherit}.np2-pages button[aria-current=page]{background:#163d31;border-color:#4cdfbd;color:#b7ffe7}.np2-layout{display:grid;gap:24px}.np2-preview-card{background:linear-gradient(155deg,#152e24,#091910);border:1px solid #355546;border-radius:20px;padding:20px 12px;align-self:start}.np2-preview-heading{display:flex;justify-content:space-between;gap:12px;padding:0 8px;font-size:12px;font-weight:600}.np2-live-label{font-size:10px;color:#91cbb7}.np2-hardware{position:relative;max-width:580px;width:100%;margin:24px auto 10px;filter:drop-shadow(0 14px 12px #0006)}.np2-hardware>img{width:100%;display:block}.np2-hardware>[data-large-preview]{position:absolute;left:7.2%;top:9.4%;width:85.6%;height:76.2%;background:#071310;overflow:hidden;border-radius:3px}.np2 .clock-svg{width:100%;height:100%;display:block;font-family:inherit}.np2-caption{display:flex;justify-content:space-between;gap:12px;padding:0 8px;font-size:14px}.np2-caption span{color:var(--np-muted);font-size:11px}.np2-help{font-size:12px;line-height:1.7;color:var(--np-muted);padding:0 8px;margin:12px 0 20px}.np2-state{border-top:1px solid var(--np-line);padding:16px 8px 0}.np2-section{margin-bottom:24px}.np2-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}.np2-section-head h2,.np2-section-head h3{font-size:18px;margin:0;line-height:1.5}.np2-section-head>span{font-size:11px;white-space:nowrap;color:var(--np-muted)}.np2-styles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.np2-styles>button{padding:10px;background:#0e211a;border:1px solid var(--np-line);border-radius:14px;text-align:left;min-width:0;color:#eef9f4;font-family:inherit;position:relative}.np2-styles>button[aria-pressed=true]{background:#123329;border:2px solid #48dfbd;padding:9px}.np2-styles>button[aria-pressed=true]:after{content:"✓";display:grid;place-items:center;position:absolute;right:14px;top:14px;width:22px;height:22px;border-radius:50%;background:#4ce1bf;color:#06271d;font-weight:700}.np2-thumb{aspect-ratio:3/2;border-radius:7px;overflow:hidden;background:#071310;pointer-events:none}.np2-style-title{display:flex;justify-content:space-between;gap:6px;margin-top:12px}.np2-style-title strong{font-size:12px;line-height:1.45}.np2-style-title>span{font-size:10px;color:#7fac99}.np2-styles>button>small{display:block;font-size:11px;line-height:1.6;color:var(--np-muted);margin-top:6px}.np2-fields{display:grid;gap:16px;background:#0e211a;border:1px solid var(--np-line);padding:20px;border-radius:16px}.np2-field{display:grid;gap:8px;margin:0!important;min-width:0;color:#d1e7dc;font-size:13px}.np2-field input,.np2-field select{width:100%!important;min-width:0;max-width:100%;background:#102b22!important;color:#edf7f3!important;border:1px solid #3b5c4d!important;border-radius:10px;font-family:inherit;min-height:48px;padding:12px!important;box-sizing:border-box}.np2-field input[type=color]{padding:6px!important}.np2-field input[type=range]{padding:0!important;accent-color:#4cdfbd}.np2-field input[type=file]{font-size:11px;overflow:hidden}.np2-field small{font-size:11px;line-height:1.7;color:var(--np-muted)}.np2-toggle{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;min-height:44px}.np2-toggle input{width:22px;height:22px;accent-color:#4cdfbd;flex:none}.np2-context{background:#0b1b15;border:1px solid var(--np-line);border-radius:16px;padding:20px;margin:24px 0}.np2-context h3{font-size:15px;margin:0 0 16px}.np2-context p{font-size:12px;color:var(--np-muted);line-height:1.8;margin:16px 0 0}.np2-exchanges{display:grid;gap:12px}.np2-exchanges>div{display:flex;align-items:center;gap:10px;font-size:13px}.np2-exchanges i{width:8px;height:8px;border-radius:50%;flex:none}.np2-exchanges small{margin-left:auto;font-size:10px;color:var(--np-muted)}.np2-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.np2-actions button{font-family:inherit;min-height:48px;font-size:13px;border-radius:12px;padding:12px;border:1px solid #37614e;background:#102b22;color:#dbf0e4}.np2-actions button.primary{background:#1bc4a5;color:#05261b;border-color:#1bc4a5}.np2-feedback{font-size:12px;line-height:1.7;color:#9ee0c7;margin:12px 0 0}.np2-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.np2-metrics>div{display:grid;gap:8px}.np2-metrics small{font-size:9px;color:var(--np-muted)}.np2-metrics strong{font-size:16px;color:#f2d180}.np2-timeline{list-style:none;padding:0;margin:0}.np2-timeline li{border-left:2px solid #3e8c70;padding:0 0 20px 16px;font-size:13px;line-height:1.7}.np2-timeline li:last-child{padding-bottom:0}.np2-timeline span{display:block;font-size:10px;color:#91b5a4;margin-bottom:4px}.np2 button:focus-visible,.np2 input:focus-visible,.np2 select:focus-visible{outline:2px solid #64e8c5;outline-offset:3px}.np2-launcher>p{font-size:13px;line-height:1.7;color:#a0b9af}.np2-launcher>div:last-child{display:grid;gap:10px}.np2-launcher button{display:flex;gap:12px;align-items:center;min-height:56px;text-align:left;padding:12px;background:#10291f;color:#eaf8ef;border:1px solid #31533f;border-radius:12px;font-family:inherit}.np2-launcher button>span{width:24px;height:24px;flex:none}.np2-launcher button svg{width:100%;height:100%}.np2-launcher button strong{font-size:13px}.np2-launcher button small{font-size:10px;color:#9ec1ad;margin-left:auto;white-space:nowrap}.np2 .wave-one{animation:np2-wave 8s ease-in-out infinite}.np2 .wave-two{animation:np2-wave 11s ease-in-out infinite reverse}.np2 .paused *{animation-play-state:paused!important}@keyframes np2-wave{50%{transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.np2 .aurora *{animation:none!important}}@media(min-width:760px){.np2{padding:32px 28px 104px!important}.np2-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px}.np2-preview-card{position:sticky;top:20px;padding:24px 16px}.np2-launcher>div:last-child{grid-template-columns:1fr 1fr}.np2-styles{gap:12px}}@media(max-width:359px){.np2-intro{display:block}.np2-demo{display:inline-block;margin-top:12px}.np2-styles{gap:8px}.np2-style-title strong{font-size:11px}}body:has(.np2) .bottom-nav{position:fixed;left:50%;right:auto;transform:translate(-50%);width:min(100%,960px);bottom:0}.np2-exchanges button{margin-left:auto;min-height:36px;font:10px/1.4 inherit;color:#aee7cd;background:#123328;border:1px solid #3a604c;border-radius:8px;padding:8px}.np2-exchanges button[aria-pressed=false]{color:#f4d48a;border-color:#75623c}