.app-screen{--u:calc(100cqw / 390);background:var(--opreet-warm-off-white);width:100%;height:100%;color:var(--opreet-obsidian);font-family:var(--stack-display);font-size:calc(13 * var(--u));letter-spacing:-.005em;-webkit-user-select:none;user-select:none;line-height:1.25;position:relative;overflow:hidden;container-type:inline-size}.app-screen svg{display:block}.app-top{height:calc(330 * var(--u));background:linear-gradient(180deg, var(--opreet-mint) 0%, color-mix(in srgb, var(--opreet-mint) 55%, transparent) 55%, color-mix(in srgb, var(--opreet-warm-off-white) 0%, transparent) 100%);position:absolute;inset:0 0 auto}.app-top:after{content:"";opacity:.55;background-image:url(/brand/pattern.svg);background-size:calc(80 * var(--u));position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.app-status{top:calc(14 * var(--u));left:calc(30 * var(--u));right:calc(26 * var(--u));font-weight:700;font-size:calc(15 * var(--u));color:var(--opreet-deep-forest);z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute}.app-status-icons{gap:calc(6 * var(--u));align-items:center;display:flex}.app-body{inset:calc(58 * var(--u)) 0 0 0;padding:0 calc(18 * var(--u));z-index:1;position:absolute}.app-head{height:calc(40 * var(--u));color:var(--opreet-deep-forest);justify-content:space-between;align-items:center;display:flex}.app-head svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.app-hello{align-items:center;gap:calc(8 * var(--u));padding:calc(5 * var(--u)) calc(14 * var(--u)) calc(5 * var(--u)) calc(5 * var(--u));background:color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent);font-weight:600;font-size:calc(13 * var(--u));border-radius:999px;display:flex}.app-avatar{width:calc(26 * var(--u));height:calc(26 * var(--u));background:var(--opreet-deep-forest);color:var(--opreet-electric-lime);font-weight:700;font-size:calc(12 * var(--u));border-radius:50%;place-items:center;display:grid}.app-head-r{gap:calc(12 * var(--u));display:flex}.app-bal{text-align:center;margin-top:calc(26 * var(--u))}.app-bal-row{justify-content:center;align-items:center;gap:calc(8 * var(--u));font-size:calc(13 * var(--u));color:var(--opreet-obsidian);display:flex}.app-ccy{align-items:center;gap:calc(4 * var(--u));padding:calc(3 * var(--u)) calc(9 * var(--u));background:color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent);color:var(--opreet-deep-forest);border-radius:999px;font-weight:700;display:inline-flex}.app-amt{margin-top:calc(6 * var(--u));justify-content:center;align-items:center;gap:calc(8 * var(--u));font-weight:700;font-size:calc(32 * var(--u));letter-spacing:-.025em;color:var(--opreet-deep-forest);display:flex}.app-amt svg{width:calc(20 * var(--u));height:calc(20 * var(--u));opacity:.8}.app-actions{margin-top:calc(26 * var(--u));text-align:center;font-weight:600;font-size:calc(12.5 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.app-act{justify-items:center;gap:calc(8 * var(--u));display:grid}.app-act i{width:calc(52 * var(--u));height:calc(52 * var(--u));background:var(--opreet-deep-forest);color:var(--opreet-electric-lime);box-shadow:0 calc(6 * var(--u)) calc(14 * var(--u)) color-mix(in srgb, var(--opreet-deep-forest) 28%, transparent);border-radius:50%;place-items:center;display:grid}.app-act svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.app-sec{margin-top:calc(24 * var(--u));justify-content:space-between;align-items:baseline;display:flex}.app-sec b{font-size:calc(15 * var(--u));letter-spacing:-.01em;font-weight:700}.app-sec span{color:var(--opreet-deep-forest);font-weight:600;font-size:calc(12 * var(--u))}.app-svc{gap:calc(8 * var(--u));margin-top:calc(10 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.app-svc div{justify-items:center;gap:calc(6 * var(--u));padding:calc(11 * var(--u)) 0 calc(9 * var(--u));background:var(--opreet-white);border:1px solid color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent);border-radius:calc(14 * var(--u));font-size:calc(11 * var(--u));font-weight:600;display:grid}.app-svc i{width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--opreet-mint);color:var(--opreet-deep-forest);border-radius:50%;place-items:center;display:grid}.app-svc svg{width:calc(17 * var(--u));height:calc(17 * var(--u))}.app-banner{margin-top:calc(16 * var(--u));height:calc(86 * var(--u));border-radius:calc(18 * var(--u));background:linear-gradient(110deg, var(--opreet-deep-forest) 0%, var(--opreet-deep-forest) 55%, color-mix(in srgb, var(--opreet-deep-forest) 88%, var(--opreet-electric-lime)) 100%);color:var(--opreet-warm-off-white);padding:0 calc(16 * var(--u));font-weight:600;font-size:calc(14 * var(--u));letter-spacing:-.01em;align-items:center;line-height:1.2;display:flex;position:relative;overflow:hidden}.app-banner p{max-width:58%}.app-banner-art{right:calc(52 * var(--u));width:calc(74 * var(--u));color:var(--opreet-electric-lime);position:absolute;top:50%;transform:translateY(-50%)}.app-banner-go{right:calc(14 * var(--u));width:calc(30 * var(--u));height:calc(30 * var(--u));background:var(--opreet-warm-off-white);color:var(--opreet-deep-forest);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.app-banner-go svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.app-tx{margin-top:calc(8 * var(--u));gap:calc(6 * var(--u));display:grid}.app-tx-row{align-items:center;gap:calc(10 * var(--u));padding:calc(9 * var(--u)) calc(10 * var(--u));background:var(--opreet-white);border:1px solid color-mix(in srgb, var(--opreet-deep-forest) 8%, transparent);border-radius:calc(14 * var(--u));display:flex}.app-tx-row i{width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--opreet-mint);color:var(--opreet-deep-forest);border-radius:50%;flex:none;place-items:center;display:grid}.app-tx-row svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.app-tx-row .t{min-width:0;font-weight:600;font-size:calc(12.5 * var(--u));flex:1}.app-tx-row .t small{font-weight:400;font-size:calc(10.5 * var(--u));color:color-mix(in srgb, var(--opreet-obsidian) 72%, var(--opreet-white));margin-top:calc(2 * var(--u));display:block}.app-tx-row .a{text-align:right;font-weight:700;font-size:calc(12.5 * var(--u))}.app-tx-row .a small{margin-top:calc(3 * var(--u));padding:calc(1 * var(--u)) calc(7 * var(--u));background:var(--opreet-mint);color:var(--opreet-deep-forest);font-size:calc(9.5 * var(--u));border-radius:999px;font-weight:600;display:inline-block}.app-tx-row .in{color:var(--opreet-deep-forest)}.app-nav{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(10 * var(--u));height:calc(64 * var(--u));text-align:center;background:var(--opreet-white);border:1px solid color-mix(in srgb, var(--opreet-deep-forest) 8%, transparent);border-radius:calc(24 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent);font-size:calc(10 * var(--u));color:color-mix(in srgb, var(--opreet-obsidian) 72%, var(--opreet-white));z-index:3;grid-template-columns:repeat(5,1fr);align-items:center;font-weight:600;display:grid;position:absolute}.app-nav div{justify-items:center;gap:calc(3 * var(--u));display:grid}.app-nav svg{width:calc(20 * var(--u));height:calc(20 * var(--u))}.app-nav .on{color:var(--opreet-deep-forest)}.app-nav .on span{justify-items:center;gap:calc(3 * var(--u));padding:calc(7 * var(--u)) calc(11 * var(--u));border-radius:calc(16 * var(--u));background:var(--opreet-mint);display:grid}.app-done{text-align:center;margin-top:calc(34 * var(--u))}.app-done-mark{width:calc(84 * var(--u));height:calc(84 * var(--u));background:var(--opreet-deep-forest);color:var(--opreet-electric-lime);box-shadow:0 0 0 calc(10 * var(--u)) color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent), 0 calc(14 * var(--u)) calc(26 * var(--u)) color-mix(in srgb, var(--opreet-deep-forest) 30%, transparent);border-radius:50%;place-items:center;margin:0 auto;display:grid}.app-done-mark svg{width:calc(40 * var(--u));height:calc(40 * var(--u))}.app-done h4{margin-top:calc(22 * var(--u));font-size:calc(22 * var(--u));letter-spacing:-.02em;color:var(--opreet-deep-forest);font-weight:700}.app-done p{margin-top:calc(4 * var(--u));font-size:calc(13 * var(--u));color:color-mix(in srgb, var(--opreet-obsidian) 72%, var(--opreet-white))}.app-done-amt{margin-top:calc(14 * var(--u));font-size:calc(34 * var(--u));letter-spacing:-.025em;color:var(--opreet-deep-forest);font-weight:700}.app-detail{margin-top:calc(26 * var(--u));background:var(--opreet-white);border:1px solid color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent);border-radius:calc(20 * var(--u));padding:calc(6 * var(--u)) calc(16 * var(--u))}.app-detail div{padding:calc(13 * var(--u)) 0;font-size:calc(13 * var(--u));justify-content:space-between;align-items:center;display:flex}.app-detail div+div{border-top:1px solid color-mix(in srgb, var(--opreet-deep-forest) 8%, transparent)}.app-detail span{color:color-mix(in srgb, var(--opreet-obsidian) 72%, var(--opreet-white))}.app-detail b{text-align:right;font-weight:600}.app-detail .ok{padding:calc(2 * var(--u)) calc(9 * var(--u));background:var(--opreet-mint);color:var(--opreet-deep-forest);font-size:calc(11 * var(--u));border-radius:999px}.app-btns{left:calc(18 * var(--u));right:calc(18 * var(--u));bottom:calc(26 * var(--u));gap:calc(10 * var(--u));display:grid;position:absolute}.app-btns div{height:calc(50 * var(--u));font-weight:600;font-size:calc(14 * var(--u));border-radius:999px;place-items:center;display:grid}.app-btn-p{background:var(--opreet-deep-forest);color:var(--opreet-electric-lime)}.app-btn-s{border:1px solid color-mix(in srgb, var(--opreet-deep-forest) 28%, transparent);color:var(--opreet-deep-forest)}.app-bar{align-items:center;gap:calc(12 * var(--u));height:calc(44 * var(--u));color:var(--opreet-deep-forest);display:flex}.app-bar i{width:calc(36 * var(--u));height:calc(36 * var(--u));background:color-mix(in srgb, var(--opreet-deep-forest) 10%, transparent);border-radius:50%;place-items:center;display:grid}.app-bar i svg{width:calc(18 * var(--u));height:calc(18 * var(--u));transform:rotate(180deg)}.app-bar b{font-size:calc(20 * var(--u));letter-spacing:-.02em;font-weight:700}.app-sub{margin-top:calc(18 * var(--u));font-size:calc(13 * var(--u));color:color-mix(in srgb, var(--opreet-obsidian) 72%, var(--opreet-white))}.app-list{margin-top:calc(14 * var(--u));gap:calc(10 * var(--u));display:grid}.app-list div{align-items:center;gap:calc(14 * var(--u));padding:calc(14 * var(--u));background:var(--opreet-white);border:1px solid color-mix(in srgb, var(--opreet-deep-forest) 9%, transparent);border-radius:calc(18 * var(--u));display:flex}.app-list i{width:calc(44 * var(--u));height:calc(44 * var(--u));border-radius:calc(14 * var(--u));background:var(--opreet-mint);color:var(--opreet-deep-forest);flex:none;place-items:center;display:grid}.app-list i svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.app-list b{font-size:calc(15 * var(--u));letter-spacing:-.01em;font-weight:700;display:block}.app-list small{margin-top:calc(2 * var(--u));font-size:calc(12 * var(--u));color:color-mix(in srgb, var(--opreet-obsidian) 72%, var(--opreet-white));display:block}.app-list em{color:color-mix(in srgb, var(--opreet-deep-forest) 55%, transparent);margin-left:auto}.app-list em svg{width:calc(18 * var(--u));height:calc(18 * var(--u))}.app-big{margin-top:calc(14 * var(--u));gap:calc(12 * var(--u));grid-template-columns:1fr 1fr;display:grid}.app-big div{height:calc(150 * var(--u));border-radius:calc(22 * var(--u));padding:calc(16 * var(--u));flex-direction:column;justify-content:space-between;display:flex}.app-big div:first-child{background:var(--opreet-deep-forest);color:var(--opreet-warm-off-white)}.app-big div:last-child{background:var(--opreet-mint);color:var(--opreet-deep-forest)}.app-big i{width:calc(44 * var(--u));height:calc(44 * var(--u));background:color-mix(in srgb, currentColor 14%, transparent);border-radius:50%;place-items:center;display:grid}.app-big div:first-child i{color:var(--opreet-electric-lime)}.app-big i svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.app-big b{font-size:calc(17 * var(--u));letter-spacing:-.02em;font-weight:700;display:block}.app-big small{margin-top:calc(3 * var(--u));font-size:calc(11.5 * var(--u));opacity:.8;display:block}.app-splash{background:var(--opreet-deep-forest);color:var(--opreet-warm-off-white);text-align:center;place-items:center;display:grid}.app-splash img{width:calc(230 * var(--u));height:auto}.app-splash p{margin-top:calc(22 * var(--u));font-size:calc(17 * var(--u));letter-spacing:-.01em;font-weight:600}.app-splash .rails-bg{opacity:.35;color:var(--opreet-electric-lime);position:absolute;inset:0}