:root{--font-sans:"Outfit",system-ui,sans-serif;--ink:#111114;--deep:#25224f;--muted:#8f88ad;--violet:#8b63ff;--violet-soft:#b8a8e4;--panel:rgba(255,255,255,0.62);--panel-solid:#f7f2fa;--line:rgba(139,99,255,0.68);--peach:#ffe0ce;--lavender:#c8bddc;--danger:#ef5f72}*{box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden;background:#efe8f3;color:var(--ink);font-family:var(--font-sans)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}.app-shell{height:100svh;overflow:hidden;display:grid;place-items:center;background:linear-gradient(155deg,rgba(255,226,211,.72),rgba(255,255,255,.84) 34%,rgba(190,178,215,.9)),#f8f2ee}.phone-frame{position:relative;width:min(100vw,430px);height:100svh;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;background:radial-gradient(circle at 78% 8%,rgba(255,198,166,.56),transparent 24rem),radial-gradient(circle at 10% 88%,rgba(166,145,213,.66),transparent 24rem),linear-gradient(168deg,#fffaf5,#fbf8f5 35%,#c7bbdc)}.status-bar{position:absolute;inset:0 0 auto;z-index:5;height:54px;justify-content:space-between;padding:16px 24px 0;font-size:22px;font-weight:700}.status-bar,.status-icons{display:flex;align-items:center}.status-icons{gap:7px}.status-icons span{display:block;width:6px;height:18px;border-radius:999px;background:#000}.status-icons span:first-child{height:10px}.status-icons span:nth-child(2){height:14px}.screen{min-height:100%;padding:68px 28px 24px;display:flex;flex-direction:column;align-items:center}.centered-screen{justify-content:center}.loading-screen{gap:18px}.loading-screen p{margin:0;color:var(--deep);font-size:20px;font-weight:600}.logo-mark{width:clamp(82px,22vw,116px);height:clamp(82px,22vw,116px);display:grid;place-items:center;flex:0 0 auto}.logo-mark img{width:100%;height:100%;object-fit:contain}.logo-mark-muted{opacity:.82;filter:brightness(0) invert(1)}.hero-copy{margin:clamp(46px,10svh,96px) 0 clamp(24px,5svh,42px);text-align:center}.hero-copy h1{max-width:330px;margin:0;font-size:clamp(32px,9vw,42px);font-weight:400;line-height:1.28;letter-spacing:0}.hero-copy p{margin:clamp(22px,5svh,36px) 0 0;font-size:clamp(28px,8vw,40px);letter-spacing:.12em}.auth-screen .logo-mark{margin-top:clamp(34px,8svh,72px)}.form-stack{width:100%;max-width:320px;display:grid;grid-gap:12px;gap:12px}.manual-pod-form input,.profile-inline input,.profile-inline select,.soft-input,.underline-input{border:0;color:var(--ink);background:rgba(255,255,255,.5);outline:none}.soft-input{height:52px;display:grid;grid-template-columns:24px 1fr;align-items:center;grid-gap:12px;gap:12px;padding:0 18px;border-bottom:2px dashed var(--line)}.manual-pod-form input,.profile-inline input,.profile-inline select,.soft-input input,.underline-input{width:100%;border:0;background:transparent;text-align:center;outline:none}.profile-inline{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:12px;gap:12px}.profile-inline input,.profile-inline select{height:54px;border-bottom:2px dashed var(--line)}.danger-button,.end-button,.primary-button{width:min(100%,320px);min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.86);border-radius:18px;color:#111;background:rgba(255,255,255,.58);box-shadow:inset 0 0 0 1px rgba(255,255,255,.38);font-size:20px;font-weight:600}.danger-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.58}.back-button,.link-button{border:0;background:transparent;color:var(--ink);font-size:22px}.link-button{margin-top:16px;text-decoration:underline;text-underline-offset:3px}.link-button strong{color:#ad92f0}.link-button.compact{margin-top:14px;font-size:18px;text-decoration:none}.back-button{margin-top:22px;display:inline-flex;align-items:center;gap:14px;color:#fff;font-weight:700}.back-button svg{color:var(--violet)}.notice{width:min(100%,342px);margin-top:12px;padding:12px 14px;border-radius:14px;text-align:center;font-size:14px;line-height:1.35}.notice-info{background:rgba(255,255,255,.54);color:var(--deep)}.notice-success{background:rgba(222,255,237,.74);color:#19603a}.notice-error{background:rgba(255,228,232,.78);color:#9c2030}.top-title{width:100%;margin-top:clamp(42px,8svh,72px);align-self:flex-start}.top-title h1{margin:0;font-size:clamp(32px,8vw,36px);line-height:1}.top-title p{margin:14px 0 0;color:#5d575d;font-size:clamp(21px,6vw,25px)}.otp-form{margin-top:clamp(58px,12svh,112px);grid-gap:clamp(42px,8svh,84px);gap:clamp(42px,8svh,84px);justify-items:center}.otp-boxes,.otp-form{width:100%;display:grid}.otp-boxes{grid-template-columns:repeat(6,1fr);grid-gap:11px;gap:11px}.otp-boxes input{aspect-ratio:1;min-width:0;border:3px solid #777;border-radius:10px;background:rgba(255,255,255,.22);font-size:clamp(28px,8vw,38px);font-weight:700;outline:none}.centered-copy-screen,.explore-screen,.form-screen,.otp-boxes input{text-align:center}.centered-copy-screen .logo-mark,.explore-screen .logo-mark,.form-screen .logo-mark{margin-top:clamp(48px,9svh,92px);margin-bottom:clamp(42px,8svh,88px)}.centered-copy-screen h1,.centered-copy-screen h2,.explore-screen h1,.form-screen h1,.form-screen h2{max-width:354px;margin:0 auto clamp(22px,4svh,32px);font-size:clamp(29px,8vw,36px);font-weight:400;line-height:1.22}.form-screen h2{margin-top:clamp(44px,8svh,70px)}.underline-input{width:min(100%,260px);height:52px;border-bottom:2px dashed var(--line);font-size:26px}.select-pill{width:min(100%,344px);height:56px;display:grid;grid-template-columns:1fr 30px;align-items:center;padding:0 26px;border:2px solid var(--violet);border-radius:999px;color:#432952}.select-pill select{border:0;background:transparent;color:inherit;text-align:center;font-size:24px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.muted-copy{max-width:340px;margin:clamp(36px,7svh,56px) 0 clamp(42px,8svh,72px);color:#3c3440;font-size:clamp(20px,5.8vw,24px);line-height:1.28}.centered-copy-screen{justify-content:flex-start}.centered-copy-screen .logo-mark{margin:clamp(72px,14svh,116px) 0 clamp(46px,9svh,88px)}.centered-copy-screen p{max-width:360px;margin:clamp(24px,5svh,36px) 0 clamp(36px,7svh,52px);font-size:clamp(23px,6.5vw,28px);line-height:1.36}.explore-screen p{margin:-4px 0 clamp(32px,6svh,48px);font-size:clamp(21px,5.8vw,25px)}.check-list{width:100%;max-width:344px;display:grid;grid-gap:clamp(16px,3.8svh,24px);gap:clamp(16px,3.8svh,24px);margin-bottom:clamp(28px,6svh,44px)}.check-row{display:grid;grid-template-columns:46px 1fr;grid-gap:18px;gap:18px;align-items:center;border:0;background:transparent;text-align:left;color:var(--ink);font-size:clamp(22px,6.2vw,28px);line-height:1.22}.check-row span{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.56);box-shadow:inset 0 0 0 1px rgba(255,255,255,.82)}.check-row span.checked{background:#754bf0;color:#fff}.scan-screen{text-align:center}.scan-copy{margin-top:clamp(72px,14svh,136px)}.scan-copy h1{margin:0 0 clamp(20px,4svh,32px);font-size:clamp(31px,8vw,36px);font-weight:400}.scan-copy p{max-width:340px;margin:0;color:var(--deep);font-size:clamp(23px,6.2vw,28px);line-height:1.25}.scanner-frame{position:relative;width:min(74vw,292px);aspect-ratio:1;margin:clamp(48px,9svh,90px) 0 clamp(34px,7svh,56px);display:grid;place-items:center;color:#111}.scanner-frame video{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:cover;background:rgba(255,255,255,.42)}.corner{position:absolute;width:58px;height:58px;border-color:#111}.corner-a{left:0;border-left:4px solid;border-radius:10px 0 0}.corner-a,.corner-b{top:0;border-top:4px solid}.corner-b{right:0;border-right:4px solid;border-radius:0 10px 0 0}.corner-c{left:0;border-left:4px solid;border-radius:0 0 0 10px}.corner-c,.corner-d{bottom:0;border-bottom:4px solid}.corner-d{right:0;border-right:4px solid;border-radius:0 0 10px}.scan-help{color:var(--deep);margin-bottom:clamp(32px,6svh,52px)}.scan-help p{margin:0 0 12px;font-size:clamp(20px,5.5vw,24px)}.scan-help strong{font-size:clamp(23px,6.2vw,28px);font-weight:400}.manual-pod-form{width:100%;max-width:320px;display:grid;grid-gap:16px;gap:16px}.manual-pod-form input{height:54px;border-bottom:2px dashed var(--line);font-size:22px}.rates-screen{align-items:stretch}.rates-screen h1{margin:clamp(42px,8svh,72px) 0 20px;font-size:clamp(32px,8.5vw,38px);font-weight:400}.price-card{min-height:158px;padding:22px;border-radius:24px;background:var(--violet-soft);color:#fff}.price-card>div:first-child{display:flex;justify-content:space-between;gap:18px}.price-card strong{display:block;font-size:24px}.price-card span{display:block;margin-top:8px;font-size:19px;font-weight:700}.price-card b{float:right;margin-top:-54px;font-size:clamp(38px,10vw,50px);line-height:1}.price-card hr{clear:both;margin:32px 0 18px;border:0;border-top:2px solid rgba(255,255,255,.72)}.price-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.price-card dd,.price-card dt{margin:0;font-size:20px;font-weight:700}.price-card dd{display:flex;justify-content:flex-end;align-items:center;gap:5px}.rate-tabs{margin:20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.rate-tabs button{min-height:62px;border:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.62);color:var(--deep)}.rate-tabs button.active{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.rate-tabs span,.rate-tabs strong{display:block}.rate-tabs strong{font-size:22px}.rate-tabs span{color:var(--muted);font-size:13px;font-weight:700}.credit-panel{min-height:64px;margin-bottom:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:rgba(255,255,255,.66);font-size:20px}.credit-panel strong{color:var(--deep);font-size:26px}.complete-screen,.unlocked-screen{text-align:center}.check-hero{width:clamp(116px,32vw,146px);aspect-ratio:1;margin-top:clamp(74px,14svh,142px);display:grid;place-items:center;border:6px solid #111;border-radius:50%}.complete-screen h1,.unlocked-screen h1{margin:24px 0 16px;font-size:clamp(34px,9vw,40px);font-weight:400}.complete-screen p,.unlocked-screen p{max-width:390px;margin:0 auto clamp(34px,7svh,50px);font-size:clamp(21px,5.8vw,25px);font-weight:700;line-height:1.22}.pod-pill{min-width:244px;margin-bottom:clamp(30px,6svh,46px);padding:16px 24px;border-radius:999px;background:rgba(255,255,255,.54);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);font-size:27px;font-weight:700}.stat-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:clamp(42px,8svh,70px)}.stat-card{min-height:108px;padding:14px 8px;display:grid;justify-items:center;align-content:center;grid-gap:8px;gap:8px;border-radius:12px;background:rgba(255,255,255,.45)}.stat-card svg{width:30px;height:30px}.stat-card strong{color:#111;font-size:clamp(27px,8vw,34px);line-height:1}.stat-card span{color:var(--muted);font-size:15px;font-weight:800;text-transform:uppercase}.stat-peach svg{color:#ffa783}.stat-navy svg{color:var(--deep)}.stat-violet svg{color:#7447ea}.stat-pink svg{color:#ff6b98}.session-screen{gap:16px;padding-inline:22px}.delay-screen{justify-content:center;gap:22px}.countdown-ring{width:clamp(132px,38vw,160px);aspect-ratio:1;margin-top:clamp(22px,4svh,56px);display:grid;place-items:center;align-content:center;border:4px solid var(--deep);border-radius:50%;color:var(--deep)}.countdown-ring span{font-size:clamp(34px,9vw,42px);font-weight:800;line-height:1}.countdown-ring small{margin-top:10px;font-size:18px;font-weight:800}.compact-ring{width:126px;margin-top:0;border-width:3px}.compact-ring span{font-size:32px}.compact-ring small{font-size:15px}.session-topline{width:100%;display:grid;grid-template-columns:126px 1fr;grid-gap:14px;gap:14px;align-items:center;margin-top:6px}.delay-card,.mood-rgb-card{width:100%;padding:16px;border-radius:18px;background:rgba(255,255,255,.58);color:var(--deep)}.delay-card span,.mood-rgb-card>span,.tool-header span{color:var(--muted);font-size:13px;font-weight:800}.delay-card strong,.mood-rgb-card strong{display:block;margin:4px 0 10px;font-size:20px;line-height:1.15}.mood-rgb-card div{display:flex;align-items:center;gap:8px}.mood-rgb-card i{width:24px;height:24px;display:block;border:2px solid rgba(255,255,255,.86);border-radius:50%;box-shadow:0 0 0 1px rgba(37,34,79,.16)}.delay-message{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--deep);font-size:18px;font-weight:700}.controls-panel{width:100%;padding:18px 14px;border:2px solid var(--line);border-radius:26px;background:rgba(255,255,255,.42)}.control-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:62px}.control-icon{width:38px;height:38px;display:grid;place-items:center;border:2px solid #c6a9eb;border-radius:10px;color:#b895df}.control-row span,.control-row strong{display:block;text-align:left}.control-row strong{color:var(--deep);font-size:18px;line-height:1.05}.control-row span{margin-top:4px;color:#9c95ba;font-size:16px;font-weight:800}.toggle{width:56px;height:30px;padding:3px;border:0;border-radius:999px;background:#9f9abc}.toggle span{width:24px;height:24px;display:block;border-radius:50%;background:#f8f2fb}.toggle.checked{background:#9f82cf}.toggle.checked span{margin-left:auto}.segmented{display:flex;gap:8px}.segmented button{min-width:74px;height:30px;border:2px solid #aaa1c6;border-radius:999px;color:#8f88ad;background:transparent;font-size:14px;font-weight:800}.segmented button:first-child{border:0;color:#fff;background:#9f82cf}.session-tools{width:100%;display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:20px;background:rgba(255,255,255,.42)}.tool-header{display:flex;justify-content:space-between;align-items:center;color:var(--deep)}.tool-header h2{margin:0;font-size:20px}.tool-header button{border:0;background:transparent;color:var(--violet);font-weight:800}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip-row button{flex:0 0 auto;min-height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.58);color:var(--deep)}.chip-row button.active{border-color:var(--violet);color:var(--violet)}.aroma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.aroma-grid button{min-height:78px;padding:12px;display:grid;justify-items:start;grid-gap:4px;gap:4px;border:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.58);color:var(--deep);text-align:left}.aroma-grid button.active{border-color:var(--violet);box-shadow:inset 0 0 0 1px rgba(139,99,255,.35)}.aroma-grid span,.playlist-card span{font-weight:800}.aroma-grid small{color:var(--muted);font-size:12px;font-weight:800}.playlist-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(116px,38%);grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:2px}.playlist-card{min-height:118px;padding:10px;display:grid;align-content:space-between;justify-items:start;border:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.58);color:var(--deep);text-align:left}.playlist-card.active{border-color:var(--violet)}.music-player{display:grid;grid-gap:12px;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.58)}.now-playing{display:grid;grid-gap:8px;gap:8px}.playlist-summary{min-width:0;padding:8px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px;border-radius:14px;background:rgba(255,255,255,.5);color:var(--deep)}.playlist-summary .media-avatar{width:42px;height:42px;border-radius:12px}.track{padding:10px;display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;min-width:0;border-radius:16px;background:rgba(255,255,255,.72);color:var(--deep)}.media-avatar,.track-art{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ede7f8;color:var(--violet)}.media-avatar{flex:0 0 auto;object-fit:cover}.fallback-avatar{border:0}.playlist-summary span,.playlist-summary strong,.track small,.track span,.track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track strong{font-size:18px}.playlist-summary span,.track small,.track span{color:var(--muted);font-size:13px;font-weight:800}.playlist-summary strong{font-size:15px}.player-controls{display:flex;justify-content:center;align-items:center;gap:18px}.player-controls button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#ede7f8;color:var(--deep)}.player-controls button:disabled{opacity:.42}.player-controls .play-button{width:52px;height:52px;background:var(--violet);color:#fff}.track-progress{display:grid;grid-gap:8px;gap:8px}.track-progress-times{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800}.track-progress-control{position:relative;height:18px;display:block}.track-progress-control span,.track-progress-control:before{position:absolute;top:50%;left:0;height:8px;transform:translateY(-50%);border-radius:999px;pointer-events:none}.track-progress-control:before{right:0;content:"";background:rgba(143,136,173,.28)}.track-progress-control span{background:var(--violet)}.track-progress-control input{position:relative;width:100%;height:18px;margin:0;opacity:0;accent-color:var(--violet);cursor:pointer}.track-progress-control input:disabled{cursor:not-allowed}.track-list{display:grid;grid-gap:8px;gap:8px;max-height:220px;overflow-y:auto;padding-right:2px}.track-list p{margin:0;padding:12px;color:var(--muted);font-weight:800;text-align:center}.track-list button{width:100%;min-width:0;padding:8px;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;grid-gap:10px;gap:10px;border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.58);color:var(--deep);text-align:left}.track-list button.active{border-color:var(--violet)}.track-list .media-avatar{width:42px;height:42px;border-radius:12px}.track-list small,.track-list span,.track-list strong{min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-list small{color:var(--muted);font-size:12px;font-weight:800}.danger-button{color:#fff;background:var(--danger);border:0;font-size:18px}.end-button{margin-bottom:20px}.confirm-dialog{width:min(100%,360px);padding:24px;display:grid;justify-items:center;grid-gap:12px;gap:12px;border-radius:24px;background:rgba(255,250,245,.96);color:var(--deep);text-align:center}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog p{color:var(--muted);font-weight:700}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:18px;background:rgba(35,28,55,.34)}.mood-dialog{width:min(100%,390px);max-height:86svh;overflow-y:auto;padding:24px;border-radius:28px;background:radial-gradient(circle at 88% 0,rgba(255,214,190,.66),transparent 18rem),linear-gradient(168deg,#fffaf5,#cec1df);text-align:center}.mood-dialog h2{margin:0;font-size:28px;font-weight:500;line-height:1.2}.mood-dialog p{margin:16px 0 24px;color:#3b3442;font-size:17px}.mood-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:22px}.mood-grid button{min-height:122px;display:grid;justify-items:center;align-content:center;grid-gap:10px;gap:10px;border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,.7);font-size:20px}.mood-grid button.selected{border-color:var(--violet)}.mood-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:45% 55% 50% 50%;object-fit:cover;color:#111;font-size:18px;font-weight:800}.mood-avatar.compact{width:24px;height:24px;border-radius:9px;font-size:11px}.mood-avatar-fallback{background:#ffa6e9}.face{width:58px;height:58px;display:grid;place-items:center;border-radius:45% 55% 50% 50%;color:#111;font-size:30px}.face-0{background:#ffa6e9}.face-1{background:#898cf8}.complete-screen{color:#111}.complete-screen>svg{margin-top:clamp(62px,12svh,124px)}.complete-screen h1{font-size:clamp(38px,10vw,46px);font-weight:800;line-height:1.25}.complete-screen .stat-grid{margin-bottom:24px}.rating{margin:6px 0 clamp(30px,6svh,44px)}.rating strong{display:block;margin-bottom:14px;color:#403946;font-size:24px}.rating div{display:flex;justify-content:center;gap:12px}.rating svg{width:34px;height:34px}.open-note{width:100%;margin-bottom:clamp(38px,7svh,62px);padding:20px 16px;border-radius:14px;background:rgba(255,255,255,.58);color:var(--deep)}.open-note span,.open-note strong{display:block;font-size:clamp(18px,5vw,21px);line-height:1.25}.open-note span{color:#9c95ba;font-weight:800}@media (max-height:760px){.screen{padding-top:56px;padding-bottom:18px}.auth-screen .logo-mark{margin-top:20px}.hero-copy{margin:34px 0 22px}.hero-copy h1{font-size:30px;line-height:1.18}.hero-copy p{margin-top:18px;font-size:27px}.explore-screen .logo-mark,.form-screen .logo-mark{margin-top:36px;margin-bottom:34px}.centered-copy-screen .logo-mark{margin-top:52px;margin-bottom:42px}.centered-copy-screen h1,.centered-copy-screen h2,.explore-screen h1,.form-screen h1,.form-screen h2{font-size:28px;margin-bottom:18px}.form-screen h2{margin-top:34px}.muted-copy{margin:28px 0 36px}.check-list{gap:14px;margin-bottom:24px}.check-row{font-size:21px}.scan-copy{margin-top:48px}.scanner-frame{width:min(64vw,240px);margin:34px 0 26px}.scan-help{margin-bottom:28px}.rates-screen h1{margin-top:34px}.check-hero{margin-top:48px}.stat-grid{margin-bottom:30px}.complete-screen>svg{margin-top:44px}}@media (max-width:380px){.screen{padding-inline:20px}.hero-copy{margin-top:32px}.hero-copy h1,.hero-copy p{font-size:30px}.scan-copy{margin-top:48px}.scanner-frame{margin-block:36px 28px}.control-row{grid-template-columns:42px minmax(0,1fr)}.control-row>:last-child{grid-column:2;justify-self:start;margin-top:8px}}