.user-guide{padding-block:56px 64px;color:#294438;background:#fff;font-size:16px;line-height:1.75;text-align:left;word-break:keep-all;}
.user-guide *{box-sizing:border-box;}
.user-guide [hidden]{display:none!important;}
.user-guide :is(h1,h2,h3,p,ol,dl,dd){margin:0;}
.user-guide :is(h1,h2,h3){color:#203c31;letter-spacing:-.035em;}
.user-guide svg{width:22px;height:22px;flex-shrink:0;}
.ug-page-heading{padding-bottom:42px;text-align:center;}
.ug-page-heading h1{display:inline-flex;position:relative;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-size:34px;line-height:1.4;font-weight:650;}
.ug-page-heading h1>span{color:#6f7070;font-size:.8em;font-weight:500;letter-spacing:-.025em;}
.ug-page-heading h1>strong{position:relative;isolation:isolate;color:#28735b;font-weight:700;white-space:nowrap;}
.ug-page-heading h1>strong:after{position:absolute;z-index:-1;right:-4px;bottom:2px;left:-4px;height:9px;border-radius:5px;background:#dbe9db;content:'';}

@media screen and (min-width:768px) and (max-width:1300px){
.user-guide>.col-full{padding-inline:24px;}
}

@media screen and (max-width:767px){
.user-guide{padding-block:30px 40px;}
.ug-page-heading{padding-bottom:24px;}
.ug-page-heading h1{font-size:29px;}
}

.ug-step{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:50px;padding-block:58px;border-bottom:1px solid #e3e9df;scroll-margin-top:95px;}
.ug-step-heading{display:flex;align-items:flex-start;gap:16px;}
.ug-step-number{flex-shrink:0;margin-top:30px;color:#8d9f83;font-size:32px;line-height:1.2;font-weight:400;letter-spacing:-.05em;}
.ug-role{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:#3b7962;font-size:15px;line-height:1.4;font-weight:550;}
.ug-role svg{width:21px;height:21px;}
.ug-role-guest{color:#9a7044;}
.ug-step-heading h2{font-size:24px;line-height:1.5;font-weight:650;}
.ug-step-heading p{margin-top:12px;color:#63725d;font-size:16px;line-height:1.8;}
.ug-step-screen{min-width:0;}
.ug-start{padding-top:32px;text-align:center;}
@media screen and (max-width:1050px){.ug-step{grid-template-columns:210px minmax(0,1fr);gap:28px;}.ug-step-heading{gap:12px;}.ug-step-heading h2{font-size:22px;}}
@media screen and (max-width:900px){.ug-step{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:30px;scroll-margin-top:16px;}.ug-step-heading p{margin-top:7px;}.ug-step-number{font-size:30px;}}
@media screen and (max-width:767px){.ug-step-heading h2{font-size:23px;}.ug-step-heading p{font-size:16px;}.ug-start .btn{width:100%;}}

.ug-preparation{display:grid;position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:32px;max-width:1080px;margin-inline:auto;padding:34px 44px;margin-bottom:46px;overflow:hidden;border:1px solid #dbe9e0;border-radius:24px;background:radial-gradient(ellipse at 100% 18%,#e4f4eb,transparent 55%),linear-gradient(110deg,#fff 18%,#f1f8f4 100%);}
.ug-preparation-copy{position:relative;z-index:1;}
.ug-preparation h2{color:#2f5143;font-size:36px;line-height:1.4;font-weight:650;letter-spacing:-.045em;}
.ug-preparation h2>span{color:#298668;}
.ug-preparation-copy>p{margin-top:16px;color:#748a7c;font-size:17px;line-height:1.5;}
.ug-preparation-art{position:relative;justify-self:center;width:210px;height:200px;}
.ug-preparation-art:before{position:absolute;top:17px;left:-10px;width:220px;height:168px;border:1px solid #d5e6d8;border-radius:50%;content:'';transform:rotate(-24deg);}
.ug-preparation-calendar{position:absolute;inset:8px 10px 12px 16px;display:flex;flex-direction:column;align-items:center;border:1px solid #dedfcf;border-radius:15px;background:#fffefa;box-shadow:0 12px 19px #4b735a13;transform:rotate(7deg);}
.ug-preparation-calendar:before,.ug-preparation-calendar:after{position:absolute;top:-7px;width:7px;height:20px;border:1px solid #d1dcc6;border-radius:5px;background:#749878;content:'';}
.ug-preparation-calendar:before{left:34px;}.ug-preparation-calendar:after{right:34px;}
.ug-preparation-calendar>span:first-child{align-self:stretch;padding:17px 8px 10px;border-bottom:1px dashed #dbe1cb;border-radius:14px 14px 0 0;color:#587359;background:#f0f3df;text-align:center;font-size:13px;line-height:1.4;font-weight:600;}
.ug-preparation-calendar>strong{padding:9px 0 3px;color:#536e39;font-size:59px;line-height:1.2;font-weight:750;letter-spacing:-.06em;}
.ug-preparation-calendar>span:last-child{color:#7c886c;font-size:11px;line-height:1.5;}
.ug-preparation-gift{display:grid;position:absolute;bottom:-1px;left:-13px;place-items:center;width:66px;height:66px;border:5px solid #eef6ed;border-radius:20px;color:#8c8454;background:#e5ebc4;box-shadow:0 6px 12px #123f3310;transform:rotate(-12deg);}
.ug-preparation-gift svg{width:32px;height:32px;}
.ug-preparation-art>.ug-preparation-spark{position:absolute;top:-4px;right:-21px;width:39px;height:39px;fill:#b2b88b;transform:rotate(10deg);}
@media screen and (max-width:1050px){
.ug-preparation{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:32px;}
.ug-preparation h2{font-size:32px;}
}
@media screen and (max-width:767px){
.ug-preparation{grid-template-columns:minmax(0,1fr) 108px;gap:20px 16px;padding:24px;border-radius:20px;}
.ug-preparation-copy{display:contents;}
.ug-preparation h2{grid-column:1/-1;font-size:clamp(24px,6.8vw,29px);line-height:1.5;}
.ug-preparation-copy>p{grid-column:1;margin:0;font-size:14px;line-height:1.8;}
.ug-preparation-art{grid-column:2;grid-row:2;width:108px;height:116px;}
.ug-preparation-art:before{top:10px;left:-8px;width:118px;height:106px;}
.ug-preparation-calendar{inset:4px 0 0 0;border-radius:10px;}
.ug-preparation-calendar:before,.ug-preparation-calendar:after{top:-5px;width:5px;height:13px;}
.ug-preparation-calendar:before{left:23px;}.ug-preparation-calendar:after{right:23px;}
.ug-preparation-calendar>span:first-child{padding:11px 4px 6px;border-radius:9px 9px 0 0;font-size:10px;}
.ug-preparation-calendar>strong{padding:7px 0 3px;font-size:38px;}
.ug-preparation-calendar>span:last-child{font-size:8px;}
.ug-preparation-gift{bottom:-8px;left:-18px;width:43px;height:43px;border-width:3px;border-radius:13px;}
.ug-preparation-gift svg{width:23px;height:23px;}
.ug-preparation-art>.ug-preparation-spark{top:-15px;right:-7px;width:24px;height:24px;}
}
@media screen and (max-width:374px){
.ug-preparation{grid-template-columns:minmax(0,1fr) 92px;gap:18px 12px;padding:22px 20px;}
.ug-preparation-art{width:92px;height:108px;}
.ug-preparation-art:before{width:104px;}
.ug-preparation-calendar>strong{font-size:34px;}
.ug-preparation-calendar>span:first-child{font-size:9px;}
.ug-preparation-calendar>span:last-child{font-size:7px;}
.ug-preparation-gift{left:-13px;width:38px;height:38px;}
.ug-preparation-gift svg{width:21px;height:21px;}
}

.ug-anytime{position:relative;margin:60px 0 60px;padding:46px 36px 36px;border:1px solid #e0e8dc;border-radius:18px;background:#f8faf6;text-align:center;}
.ug-anytime-tip{display:inline-flex;position:absolute;top:-20px;left:28px;align-items:center;gap:8px;max-width:calc(100% - 56px);padding:9px 14px;border:1px solid #e9dfbd;border-radius:12px 12px 12px 4px;color:#7b6737;background:#fff9e8;box-shadow:0 4px 10px #8a78480a;font-size:16px;line-height:1.5;font-weight:600;text-align:left;}
.ug-anytime-tip:after{position:absolute;bottom:-6px;left:20px;width:10px;height:10px;border-right:1px solid #e9dfbd;border-bottom:1px solid #e9dfbd;background:#fff9e8;content:'';transform:rotate(45deg);}
.ug-anytime-tip>svg{width:20px;height:20px;color:#b1954c;}
.ug-anytime h2{font-size:26px;line-height:1.5;font-weight:600;}
.ug-anytime header>p{margin-top:10px;color:#6d806e;font-size:16px;}
.ug-anytime ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 0;padding:0;list-style:none;}
.ug-anytime li{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;text-align:left;}
.ug-anytime li+li{border-left:1px solid #dce5d7;}
.ug-anytime li>svg{width:30px;height:30px;color:#6a987b;}
.ug-anytime h3{font-size:18px;font-weight:600;}
.ug-anytime li p{margin-top:5px;color:#6d806e;font-size:15px;line-height:1.7;}

@media screen and (max-width:1050px){
.ug-anytime{padding:44px 24px 24px;}
.ug-anytime ul{gap:18px;}
.ug-anytime li{gap:10px;}
.ug-anytime li p{font-size:14px;}
}

@media screen and (max-width:767px){
.ug-anytime{margin-top:38px;padding:44px 22px 22px;text-align:left;}
.ug-anytime-tip{top:-18px;left:18px;gap:6px;max-width:calc(100% - 36px);padding:8px 11px;font-size:14px;}
.ug-anytime-tip>svg{width:18px;height:18px;}
.ug-anytime h2{font-size:22px;}.ug-anytime header>p{font-size:15px;}
.ug-anytime ul{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px;}
.ug-anytime li{justify-content:flex-start;gap:16px;}.ug-anytime li+li{padding-top:20px;border-top:1px solid #e2e9dc;border-left:0;}
.ug-anytime li p{font-size:15px;}
}

.ug-demo{padding:26px;border:1px solid #dce5d7;border-radius:14px;background:#fafbf8;}
.ug-demo-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;}
.ug-demo-heading>strong{font-size:16px;font-weight:550;}
.ug-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ug-catalog-card{min-width:0;padding:16px;border:1px solid #dce5d7;border-radius:10px;background:#fff;}
.ug-demo-product{display:flex;flex-direction:column;gap:16px;}
.ug-demo-product>div:last-child{display:flex;flex:1;flex-direction:column;min-width:0;}
.ug-demo-product button{margin-top:auto;}
.ug-product-art{display:flex;align-items:center;justify-content:center;min-height:140px;border-radius:10px;color:#8b7849;background:#f4f0e2;}
.ug-product-art svg{width:58px;height:58px;}
.ug-schedule-demo form{display:grid;gap:10px;}
.ug-schedule-demo label{font-size:16px;font-weight:550;}
.ug-schedule-demo label>span{margin-left:6px;color:#74816c;font-size:15px;font-weight:400;}
.ug-schedule-demo .form-control{width:100%;margin-bottom:8px;}
.ug-schedule-demo .ug-field-help{margin:-8px 0 12px;color:#6b7c6b;font-size:15px;line-height:1.7;}
.ug-schedule-demo form>.btn{margin-top:8px;justify-self:start;}
.ug-demo-schedule-card{display:flex;align-items:center;gap:24px;margin-top:20px;padding:18px;border:1px solid #ceddc4;border-radius:9px;background:#f0f6ec;}
.ug-demo-schedule-card>div,.ug-demo-added>div{flex:1;min-width:0;}
.ug-demo-schedule-card>div>span,.ug-demo-schedule-card>div>strong{display:block;overflow-wrap:anywhere;}
.ug-demo-schedule-card>div>span{color:#6b805d;font-size:15px;}
.ug-demo-schedule-card>div>strong{margin-top:4px;font-size:20px;}
.ug-demo-product h3{margin-bottom:14px;font-size:19px;}
.ug-demo-product label{display:block;margin-bottom:8px;font-size:15px;}
.ug-demo-product select{width:100%;margin-bottom:12px;}
.ug-demo-added{display:flex;align-items:center;gap:12px;margin-top:22px;padding:16px;border-radius:8px;background:#eaf3e8;}
.ug-demo-added strong{font-size:16px;}
.ug-demo-added p{margin-top:4px;font-size:15px;color:#597252;}
.ug-demo-added [data-guide-added-option]{white-space:pre-line;}
.ug-demo-schedule-card>.ug-result-next,.ug-demo-added>.ug-result-next{flex:0 1 auto;max-width:50%;margin:0 0 0 auto;padding-left:20px;border-left:1px solid #cbdcc7;color:#597252;font-size:15px;line-height:1.65;}
.ug-result-next strong{color:#365d45;font-size:16px;font-weight:600;}
.ug-complete-mark{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;color:#fff;background:#54876a;}
.ug-request-paper{display:flex;align-items:center;flex-direction:column;gap:20px;padding:32px 22px;border:1px solid #e5e7dc;border-radius:38px 38px 12px 12px;background:#fffefa;text-align:center;}
.ug-request-paper>svg{width:42px;height:42px;color:#87987c;}
.ug-request-paper>span:first-of-type{color:#778370;font-size:15px;}
.ug-request-paper [contenteditable]{width:100%;padding:10px 6px;border:1px dashed #9fae94;border-radius:6px;color:#385b4b;font-size:23px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;outline:none;cursor:text;}
.ug-request-paper [contenteditable]:focus{border-color:#25876d;box-shadow:0 0 0 2px #25876d22;}
.ug-request-paper>p{color:#65745d;font-size:16px;}
.ug-example-action{pointer-events:none;cursor:default;}
.ug-design-card{display:flex;flex-direction:column;text-align:center;}
.ug-design-icon{display:grid;place-items:center;min-height:110px;border-radius:10px;color:#698b73;background:#f0f5ed;}
.ug-design-icon svg{width:46px;height:46px;}
.ug-design-card h3{margin:16px 0;font-size:20px;font-weight:600;}
.ug-design-card>.btn{margin-top:auto;}
.ug-design-card:has([aria-pressed=true]){border-color:#75a18a;box-shadow:0 0 0 1px #75a18a;}
.ug-request-edit{margin-top:24px;}
.ug-request-added{margin-bottom:14px!important;color:#46765a;font-size:15px;}
.ug-demo-text-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:15px;}
.ug-demo-text-tools input{width:38px;height:34px;padding:0;border:0;background:none;cursor:pointer;}
.ug-demo-text-tools .btn{margin-left:auto;}
@media screen and (max-width:767px){
.ug-demo{padding:20px 16px;}
.ug-catalog-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
.ug-catalog-card{padding:14px;}
.ug-product-art{min-height:100px;}
.ug-product-art svg{width:40px;height:40px;}
.ug-demo-product{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;}
.ug-demo-product h3{font-size:19px;}
.ug-design-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px 16px;text-align:left;}
.ug-design-icon{grid-row:1/3;min-height:90px;}
.ug-design-icon svg{width:36px;height:36px;}
.ug-design-card h3{margin:0;}
.ug-design-card>.btn{grid-column:2;justify-self:start;width:auto;margin:0;}
.ug-request-paper{padding:26px 16px;}
.ug-request-paper [contenteditable]{font-size:21px;}
.ug-demo-schedule-card,.ug-demo-added{flex-wrap:wrap;gap:12px;}
.ug-demo-schedule-card>.ug-result-next,.ug-demo-added>.ug-result-next{flex-basis:100%;max-width:none;margin-left:0;padding:12px 0 0;border-top:1px solid #cbdcc7;border-left:0;}
}
@media screen and (max-width:360px){.ug-demo-product{grid-template-columns:48px minmax(0,1fr);gap:10px;}.ug-product-art svg{width:32px;height:32px;}}

.ug-link-share{padding:24px;margin-bottom:24px;border:1px solid #d4e2d6;border-radius:14px;background:#fff;}
.ug-link-share h3{font-size:20px;font-weight:600;}
.ug-link-share .ug-demo-heading>span{margin-left:auto;color:#72806c;font-size:15px;}
.ug-link-row{display:flex;align-items:center;gap:12px;}
.ug-link-row>input{flex:1;min-width:0;font-size:15px;}
.ug-copy-result{margin-top:12px!important;color:#3c785d;font-size:15px;line-height:1.7;}
.ug-qr-workshop{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding:24px;border:1px solid #dce4d6;border-radius:14px;background:#f5f6f0;align-items:start;}
.ug-qr-controls,.ug-qr-preview{min-width:0;}
.ug-qr-controls h3{margin:0 0 14px;font-size:18px;font-weight:600;}
.ug-qr-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:480px;padding:2px 5px 2px 2px;overflow-y:auto;scrollbar-width:thin;}
.ug-qr-options>button{padding:8px;border:1px solid #dce3d6;border-radius:8px;color:#3d5b41;background:#fff;font:inherit;text-align:left;cursor:pointer;}
.ug-qr-options>button[aria-pressed=true]{border-color:#3d8866;box-shadow:0 0 0 1px #3d8866;}
.ug-qr-options>button:focus-visible{outline:2px solid #3d8866;outline-offset:2px;}
.ug-qr-options strong{display:block;margin-top:7px;font-size:15px;font-weight:550;}
.ug-qr-sample{position:relative;display:flex;height:68px;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;gap:8px;white-space:nowrap;}
.ug-qr-sample>span,.ug-qr-sample>img{position:relative;z-index:1;}
.ug-qr-sample>span{font:italic 16px Georgia,serif;}
.ug-qr-sample>img{width:28px;height:28px;border:3px solid #fff;}
.ug-qr-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;}
.ug-qr-preview-heading>span{color:#6e7a65;}
.ug-qr-stage{display:flex;justify-content:center;padding:18px;border-radius:9px;background:#e7eae1;}
.user-guide .qr-sign{position:relative;isolation:isolate;container-type:inline-size;flex-shrink:0;width:100%;max-width:380px;aspect-ratio:3/4;margin:0;padding:0;border:0;text-align:center;box-shadow:0 10px 24px #28332516;overflow:hidden;}
.user-guide .qr-sign [data-qr-field]{white-space:pre-wrap;overflow-wrap:anywhere;}
@media screen and (min-width:768px) and (max-width:1200px){.ug-qr-workshop{gap:18px;padding:18px;}.ug-qr-stage{padding:12px;}}
@media screen and (max-width:767px){.ug-qr-workshop{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 14px;}.ug-qr-options{display:flex;gap:10px;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:10px;}.ug-qr-options>button{flex:0 0 128px;scroll-snap-align:start;}.ug-qr-stage{padding:16px 12px;}}
.ug-qr-uses{grid-column:1/-1;min-width:0;margin-top:40px;}
.ug-qr-uses h3{margin-bottom:18px;font-size:22px;font-weight:600;}
.ug-qr-uses-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 24px;}
.ug-qr-uses figure{grid-column:span 2;min-width:0;margin:0;}
.ug-qr-uses figure:nth-child(4){grid-column:2/span 2;}
.ug-qr-uses img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #e5e9e2;border-radius:16px;background:#f5f6f2;}
.ug-qr-uses figcaption{display:flex;align-items:center;gap:10px;margin-top:12px;color:#425e4c;font-size:15px;font-weight:550;line-height:1.6;}
.ug-qr-uses figcaption:before{flex:0 0 16px;height:2px;background:#a7b9a7;content:'';}
@media screen and (max-width:1050px){.ug-qr-uses{margin-top:28px;}.ug-qr-uses-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.ug-qr-uses figure:nth-child(4){grid-column:span 2;}.ug-qr-uses figure:last-child{grid-column:2/span 2;}}
@media screen and (max-width:900px){.ug-qr-uses{margin-top:20px;}}
@media screen and (max-width:767px){.ug-link-share{padding:20px 16px;margin-bottom:20px;}.ug-link-share .ug-demo-heading>span{margin-left:0;}.ug-qr-uses h3{font-size:21px;}.ug-qr-uses-grid{grid-template-columns:minmax(0,1fr);gap:26px;}.ug-qr-uses figure:nth-child(n){grid-column:auto;}.ug-qr-uses figcaption{margin-top:10px;}}
@media screen and (max-width:480px){.ug-link-row{flex-wrap:wrap;gap:10px;}.ug-link-row>input{flex-basis:100%;}.ug-link-row>.btn{width:100%;}}

.ug-recipient-step{grid-template-columns:minmax(0,1fr);gap:26px;}
.ug-recipient-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;}
.ug-application-screen{display:flex;flex-direction:column;gap:20px;min-width:0;padding:24px 20px;border:1px solid #dce7df;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#eaf5ee,transparent 300px),#f6f8f6;scroll-margin-top:100px;}
.ug-application-screen>header{text-align:center;}
.ug-application-step{display:block;color:#607c6b;font-size:15px;}
.ug-application-screen h3{margin-top:10px;font-size:21px;font-weight:600;line-height:1.5;}
.ug-application-progress{display:flex;justify-content:center;gap:0;max-width:220px;margin:18px auto 0!important;padding:0;list-style:none;}
.ug-application-progress li{display:flex;justify-content:center;position:relative;flex:1;color:#83958b;font-size:15px;}
.ug-application-progress li>span{display:grid;place-items:center;position:relative;width:32px;height:32px;border:1px solid #dce6df;border-radius:50%;background:#f6f8f6;}
.ug-application-progress li:not(:first-child):before{position:absolute;top:50%;right:calc(50% + 16px);width:calc(100% - 32px);height:1px;background:#dce6df;content:'';transform:translateY(-50%);}
.ug-application-progress li[aria-current=step]{color:#fff;font-weight:600;}
.ug-application-progress li[aria-current=step]>span{border-color:var(--mint-dark);background:var(--mint-dark);}
.ug-application-progress li.is-complete>span{border-color:#c1dbcf;background:#edf6f0;}
.ug-application-card{padding:20px 16px;border:1px solid #e1ebe5;border-radius:16px;background:#fff;}
.ug-application-card>strong{display:block;font-size:16px;font-weight:600;}
.ug-application-fields{display:grid;gap:16px;margin-top:16px!important;font-size:15px;line-height:1.6;}
.ug-application-fields dt{margin-bottom:6px;color:#637a6b;}
.ug-application-fields .form-control{font-size:15px;background:#fafcfb;}
.ug-application-agree{display:flex;align-items:center;gap:8px;margin-top:22px!important;padding-top:16px;border-top:1px solid #edf1ee;color:#61766b;font-size:15px;line-height:1.5;}
.ug-application-agree svg{width:19px;height:19px;flex-shrink:0;color:#32836a;}
.ug-application-gift{display:flex;align-items:center;gap:12px;padding-block:14px;margin-bottom:16px;border-bottom:1px solid #edf1ee;font-size:15px;}
.ug-application-gift>svg:first-child{width:38px;height:38px;color:#73997f;}
.ug-application-gift>svg:last-child:not(:first-child){margin-left:auto;color:#32836a;}
.ug-application-gift strong,.ug-application-gift span{display:block;}
.ug-application-gift span{margin-top:4px;color:#61766b;}
.ug-application-gifts{display:grid;gap:8px;margin-bottom:20px;}
.ug-application-gifts>.ug-application-gift{margin:0;padding:10px 12px;border:1px solid #e1ebe5;border-radius:9px;cursor:pointer;}
.ug-application-gifts>.ug-application-gift:has(>input:checked){border-color:#8eb69f;background:#f4faf6;}
.ug-application-gifts>.ug-application-gift:hover{border-color:#8eb69f;}
.ug-application-gifts>.ug-application-gift:focus-within{outline:2px solid #8eb69f;outline-offset:2px;}
.ug-application-gifts>.ug-application-gift>svg:first-child{width:30px;height:30px;}
.ug-application-gifts>.ug-application-gift>span{min-width:0;margin-top:0;}
.ug-application-gifts>.ug-application-gift>input{flex-shrink:0;margin-left:auto;}
.ug-application-complete{text-align:center;font-size:15px;color:#61766b;}
.ug-application-complete>svg{display:block;width:52px;height:52px;margin:4px auto 12px;padding:12px;border:1px solid #cbe1d2;border-radius:50%;color:#2e7856;background:#eaf6ed;}
.ug-application-complete>strong{display:block;margin-bottom:6px;color:#2d5e47;font-size:20px;font-weight:600;}
@media screen and (max-width:1050px){.ug-recipient-step{grid-template-columns:minmax(0,1fr);}.ug-recipient-screens{gap:14px;}.ug-application-screen{padding:22px 14px;}.ug-application-card{padding:18px 12px;}}
@media screen and (max-width:900px){.ug-recipient-screens{grid-template-columns:minmax(0,1fr);gap:20px;}.ug-application-screen{width:100%;max-width:560px;margin-inline:auto;padding:26px 22px;scroll-margin-top:20px;}.ug-application-card{padding:22px 20px;}}
@media screen and (max-width:767px){.ug-application-screen{padding:24px 16px;}.ug-application-card{padding:20px 16px;}}

.ug-guests-demo{margin-top:0;}
.ug-guests-demo .ug-demo-heading>.btn{margin-left:auto;}
.ug-payment-notice{margin-bottom:18px!important;padding:12px 16px;border:1px solid #dce5d7;border-radius:8px;color:#506e5a;background:#fff;font-size:15px;}
.ug-guest-find{padding:20px;border:1px solid #e0e8da;border-radius:9px;background:#fff;}
.ug-guest-gifts{display:flex;align-items:center;gap:20px;margin-bottom:20px;font-size:15px;font-weight:550;}
.ug-guest-find>label{display:block;margin-bottom:8px;font-size:15px;font-weight:550;}
.ug-guest-toolbar{display:flex;align-items:center;gap:12px;}
.ug-guest-toolbar>input{flex:1;min-width:0;}
.ug-guest-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px!important;}
.ug-guest-metrics>div{padding:16px 20px;border:1px solid #e0e7d8;border-radius:8px;background:#fff;}
.ug-guest-metrics dt{color:#66765f;font-size:15px;}
.ug-guest-metrics dd{margin-top:8px;font-size:25px;font-weight:650;line-height:1.3;}
.ug-guest-metrics>div:last-child{color:#8b6a21;background:#fff8e9;}
.ug-demo-table-heading{display:flex;justify-content:space-between;gap:20px;margin-block:24px 12px;font-size:16px;}
.ug-demo-table-heading>span{color:#6b7963;font-size:15px;}
.ug-guests-demo table{min-width:800px;}
.ug-guests-demo table>tbody>tr>td:is(:nth-child(2),:nth-child(4),:nth-child(5)),.ug-guests-demo table>tfoot>tr>td:first-of-type{text-align:center;}
.ug-state{display:inline-block;padding:4px 9px;border-radius:5px;color:#536578;background:#f0f3f6;font-size:15px;line-height:1.5;white-space:nowrap;}
.ug-state[data-status=awaiting_payment]{color:#895f20;background:#fff4df;}
.ug-state[data-status=order_placed]{color:#286479;background:#edf7fb;}
.ug-state[data-status=processing]{color:#76599a;background:#f4effb;}
.ug-state[data-status=shipped]{color:#396c96;background:#eef5ff;}
.ug-state[data-status=shipped_complete]{color:#357457;background:#eaf6ed;}
@media screen and (max-width:1000px){.ug-guest-toolbar{flex-wrap:wrap;}.ug-guest-toolbar>input{flex-basis:100%;}}
@media screen and (max-width:767px){
.ug-guest-find{padding:16px 12px;}
.ug-guest-gifts{align-items:flex-start;flex-direction:column;gap:10px;}
.ug-guests-demo{padding-inline:12px;}
.ug-guests-demo .ug-demo-heading>.btn{flex-basis:100%;margin-left:0;}
.ug-guest-toolbar .btn-group{gap:6px;}
.ug-guest-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.ug-guest-metrics>div{padding:12px 14px;}
}

