* {
            box-sizing: border-box
        }

        body {
            margin: 0;
            background: #f3f6f4;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
            color: #17211b
        }

        .app {
            max-width: 520px;
            margin: auto;
            background: #fff;
            min-height: 100vh
        }

        .hero {
            background: linear-gradient(145deg, #087a4b, #19aa69);
            color: white;
            padding: 26px 20px 22px
        }

        .tag {
            font-size: 13px;
            font-weight: 700;
            background: #ffffff25;
            padding: 7px 10px;
            border-radius: 20px
        }

        .hero h1 {
            font-size: 31px;
            line-height: 1.08;
            margin: 17px 0 9px
        }

        .hero p {
            margin: 0;
            line-height: 1.5
        }

        .prices {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-top: 18px
        }

        .price {
            background: #fff;
            color: #17211b;
            border-radius: 15px;
            padding: 13px
        }

        .price b {
            display: block;
            font-size: 22px;
            margin-top: 5px
        }

        .notice {
            margin-top: 10px;
            background: #e9f8f0;
            color: #075b38;
            padding: 11px;
            border-radius: 13px;
            font-weight: 700;
            font-size: 13px
        }

        .main {
            padding: 20px
        }

        .progress {
            height: 6px;
            background: #e7ece9;
            border-radius: 10px;
            margin-bottom: 20px
        }

        .progress span {
            display: block;
            height: 100%;
            background: #10a365;
            border-radius: 10px;
            width: 20%
        }

        .step {
            display: none
        }

        .step.active {
            display: block
        }

        h2 {
            margin: 0 0 7px;
            font-size: 23px
        }

        p {
            color: #5c675f;
            line-height: 1.5
        }

        .cards {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px
        }

        .card {
            padding: 17px;
            border: 1.5px solid #d9e1dc;
            border-radius: 16px;
            text-align: center
        }

        .card.on {
            border-color: #10a365;
            background: #edf9f3
        }

        .emoji {
            font-size: 35px;
            display: block;
            margin-bottom: 7px
        }

        label {
            display: block;
            font-weight: 700;
            font-size: 14px;
            margin: 14px 0 7px
        }

        input,
        select {
            width: 100%;
            padding: 14px;
            border: 1px solid #d4ddd7;
            border-radius: 12px;
            font-size: 16px
        }

        .box {
            background: #f4f8f5;
            padding: 14px;
            border-radius: 15px;
            margin: 15px 0;
            line-height: 1.7
        }

        .btn {
            width: 100%;
            border: 0;
            border-radius: 14px;
            padding: 16px;
            font-size: 17px;
            font-weight: 800;
            background: #10a365;
            color: #fff;
            margin-top: 16px
        }

        .back {
            background: #edf1ee;
            color: #26332b;
            margin-top: 10px
        }

        .download {
            background: #18221c;
            color: white;
            padding: 20px;
            border-radius: 18px;
            margin-top: 15px
        }

        .store {
            display: block;
            text-align: center;
            text-decoration: none;
            background: #fff;
            color: #17211b;
            padding: 14px;
            border-radius: 12px;
            margin-top: 13px;
            font-weight: 800
        }

        .small {
            font-size: 12px;
            color: #77817b;
            line-height: 1.5;
            margin-top: 13px
        }

        .toast {
            position: fixed;
            bottom: 24px;
            left: 50%;
            transform: translateX(-50%);
            background: #17211b;
            color: #fff;
            padding: 11px 15px;
            border-radius: 12px;
            display: none
        }

[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #69d7a4;outline-offset:3px}.hero{position:relative;background-size:cover;background-position:center}.hero>p{color:#e4f6ec}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-size:22px;font-weight:750}.brand-logo,.app-logo{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;overflow:hidden;background:#ffffff25}.brand-logo{font-size:27px}.language{display:flex;align-items:center;gap:5px;margin:0}.language select{width:auto;max-width:120px;padding:7px 9px;background:#ffffff20;border-color:#ffffff50;color:white;font-size:13px}.language option{color:#17211b;background:white}.tag{display:inline-block}.price small{display:block;margin-top:6px;color:#6a746d;font-size:11px}.notice{font-weight:500}.progress-label{font-size:12px;margin:0 0 8px}.progress span{transition:width .2s ease}.card{appearance:none;background:white;color:inherit;font:inherit;cursor:pointer}.item-image{height:90px;display:grid;place-items:center;overflow:hidden;border-radius:10px;margin-bottom:12px;position:relative}.item-image .emoji{font-size:40px;margin:0}.item-price{display:block;font-size:13px;margin-top:8px;color:#5c675f}.has-image>span{display:none}.configured-image{width:100%;height:100%;object-fit:cover;display:block}.brand-logo .configured-image,.app-logo .configured-image{object-fit:contain}.app-logo{width:48px;height:48px;margin-bottom:12px}.download h3{margin:0;font-size:21px}.download p{color:#dbe5df}.store{border:0;width:100%;cursor:pointer;font:inherit;font-weight:800}.summary div{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;padding:6px 0}.summary dt{color:#5c675f;font-size:13px}.summary dd{margin:0;overflow-wrap:anywhere;font-size:14px}.toast{display:block;z-index:10;max-width:calc(100% - 32px);width:max-content;box-shadow:0 8px 32px #17211b22}.small{font-size:12px}.step h2:focus{outline:none}.card.on{box-shadow:0 0 0 1px #10a365}.back{font-size:15px}.box{overflow-wrap:anywhere}@media(min-width:700px){body{padding:36px 20px}.app{border-radius:24px;overflow:hidden;min-height:0;box-shadow:0 12px 50px #17372010}.main{padding:26px}.hero{padding:28px}.hero h1{font-size:35px}}@media(max-width:360px){.hero,.main{padding:18px 14px}.hero h1{font-size:28px}.cards{gap:8px}.card{padding:12px}.brand{font-size:19px}.language select{max-width:100px}}@media(prefers-reduced-motion:reduce){.progress span{transition:none}}
.download-notice{width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:20px 18px 18px;border:0;border-radius:17px;background:#fff;color:#303438;box-shadow:0 20px 70px #08231940;overflow-y:auto;overscroll-behavior:contain}.download-notice::backdrop{background:#10231ccc;backdrop-filter:blur(2px)}.notice-shield{width:37px;height:43px;margin:0 0 12px}.download-notice h2{margin:0 0 10px;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.3px}.download-notice>p{margin:0;font-size:14px;line-height:1.6;color:#62686d}.notice-close{position:absolute;right:9px;top:9px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#737c80;font-size:26px;line-height:1}.notice-close:hover{background:#f1f5f2}.notice-guidelines{margin:20px 0 24px;border-left:4px solid #53a96b;padding:10px 6px 10px 24px;color:#555e63;font-size:14px;line-height:1.5}.notice-guidelines li{padding-left:0}.notice-guidelines li+li{margin-top:20px}.notice-guidelines strong{font-weight:700}.notice-continue{display:block;width:100%;min-height:49px;padding:12px 16px;border:0;border-radius:28px;background:#289c32;color:white;font-size:16px;font-weight:700;line-height:1.4}.notice-continue:hover{background:#21872b}.notice-continue:focus-visible,.notice-close:focus-visible{outline:3px solid #68bd76;outline-offset:3px}html:has(.download-notice[open]){overflow:hidden}@media(max-width:360px){.download-notice{padding:18px 15px 15px}.download-notice h2{font-size:19px}.notice-guidelines{padding-left:21px}}