.ug{--ug-bg:#faf5ec;--ug-card:#fff;--ug-ink:#3b2c20;--ug-muted:#8a7666;--ug-accent:#a9552d;--ug-accent-soft:#f5e6d9;--ug-line:#eadfd2;--ug-tap:#e03e1f;--ug-ok:#3e7c4f;--ug-phone-bg:#fff;--ug-phone-ink:#202124;--ug-phone-muted:#5f6368;--ug-phone-line:#e8eaed;background:var(--ug-bg);color:var(--ug-ink);padding:40px 16px 80px;line-height:1.65}.ug *{box-sizing:border-box}.ug .wrap{max-width:680px;margin:0 auto}.ug header{text-align:center;margin-bottom:36px}.ug .eyebrow{background:var(--ug-accent-soft);color:var(--ug-accent);letter-spacing:.05em;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-block}.ug h1{text-wrap:balance;color:var(--ug-ink);margin:14px 0 8px;font-size:clamp(26px,5vw,34px);line-height:1.3}.ug .sub{color:var(--ug-muted);margin:0;font-size:16px}.ug .prep{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:16px;margin-bottom:36px;padding:18px 22px}.ug .prep b{color:var(--ug-accent)}.ug .prep ul{margin:8px 0 0;padding-left:22px}.ug .prep li{margin:4px 0}.ug .part{align-items:center;gap:12px;margin:44px 0 20px;display:flex}.ug .part-num{background:var(--ug-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:flex}.ug .part h2{color:var(--ug-ink);margin:0;font-size:22px}.ug .part p{color:var(--ug-muted);margin:2px 0 0;font-size:14px}.ug .step{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:20px;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;padding:24px 20px;display:flex}.ug .step-head{align-items:flex-start;gap:12px;width:100%;display:flex}.ug .badge{background:var(--ug-accent-soft);width:34px;height:34px;color:var(--ug-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex}.ug .step-head h3{color:var(--ug-ink);margin:2px 0 0;font-size:19px;line-height:1.4}.ug .step-head .desc{color:var(--ug-muted);margin:4px 0 0;font-size:15px}.ug .tip{background:var(--ug-accent-soft);width:100%;color:var(--ug-ink);border-radius:12px;padding:10px 14px;font-size:14px}.ug .tip b{color:var(--ug-accent)}.ug .warn{border:2px dashed var(--ug-tap);background:0 0;border-radius:12px;width:100%;padding:12px 14px;font-size:15px}.ug .warn b{color:var(--ug-tap)}.ug .phone{background:var(--ug-phone-bg);width:270px;color:var(--ug-phone-ink);border:10px solid #2a2a2e;border-radius:32px;flex-shrink:0;font-size:13px;line-height:1.45;position:relative;overflow:hidden;box-shadow:0 10px 28px #3c281424}.ug .p-status{height:26px;color:var(--ug-phone-muted);background:var(--ug-phone-bg);justify-content:space-between;align-items:center;padding:0 16px;font-size:10px;display:flex}.ug .p-body{min-height:230px;padding:8px 12px 18px;position:relative}.ug .d-search{color:var(--ug-phone-muted);background:#f1f3f4;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;display:flex}.ug .d-row{border-bottom:1px solid var(--ug-phone-line);align-items:center;gap:10px;padding:11px 4px;display:flex}.ug .d-row .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ug .d-row .sub{color:var(--ug-phone-muted);font-size:10px}.ug .dots{color:var(--ug-phone-muted);letter-spacing:1px;padding:2px 6px;font-size:14px;font-weight:800}.ug .ic-folder{background:#5f6368;border-radius:2px 4px 3px 3px;flex-shrink:0;width:22px;height:16px;position:relative}.ug .ic-folder:before{content:"";background:#5f6368;border-radius:2px 2px 0 0;width:9px;height:4px;position:absolute;top:-4px;left:0}.ug .ic-folder.hl,.ug .ic-folder.hl:before{background:#1a73e8}.ug .ic-img{background:linear-gradient(135deg,#7fb069 55%,#4a7c59 55%);border-radius:4px;flex-shrink:0;width:20px;height:20px}.ug .fab{background:#fff;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 8px #00000040}.ug .fab span{background:linear-gradient(135deg,#4285f4,#34a853);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:400;line-height:1}.ug .p-navbar{border-top:1px solid var(--ug-phone-line);background:var(--ug-phone-bg);display:flex}.ug .p-navbar div{text-align:center;color:var(--ug-phone-muted);flex:1;padding:7px 0 9px;font-size:9px}.ug .p-navbar div.on{color:#1a73e8;font-weight:700}.ug .sheet{background:var(--ug-phone-bg);border-radius:16px 16px 0 0;padding:10px 0 14px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000002e}.ug .sheet:before{content:"";background:#dadce0;border-radius:2px;width:36px;height:4px;margin:0 auto 8px;display:block}.ug .sheet .s-title{border-bottom:1px solid var(--ug-phone-line);padding:4px 18px 8px;font-size:13px;font-weight:700}.ug .s-item{align-items:center;gap:12px;padding:10px 18px;display:flex;position:relative}.ug .s-item .s-ic{text-align:center;flex-shrink:0;width:20px}.ug .dim{background:#00000047;position:absolute;inset:0}.ug .dlg{background:var(--ug-phone-bg);border-radius:14px;padding:16px;position:absolute;top:50%;left:14px;right:14px;transform:translateY(-50%);box-shadow:0 6px 24px #0000004d}.ug .dlg h5{margin:0 0 10px;font-size:14px}.ug .dlg .input{color:var(--ug-phone-ink);border-bottom:2px solid #1a73e8;padding:6px 2px;font-size:13px}.ug .dlg .btns{justify-content:flex-end;gap:18px;margin-top:14px;font-size:13px;font-weight:700;display:flex}.ug .dlg .btns .cancel{color:var(--ug-phone-muted)}.ug .dlg .btns .okbtn{color:#1a73e8;position:relative}.ug .caret{vertical-align:middle;background:#1a73e8;width:2px;height:14px;margin-left:1px;display:inline-block}.ug .gal{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px;display:grid}.ug .gal div{aspect-ratio:1;border-radius:6px;position:relative}.ug .gal .g1{background:linear-gradient(160deg,#c8a2c8,#7a5c99)}.ug .gal .g2{background:linear-gradient(160deg,#f2c879,#d98e32)}.ug .gal .g3{background:linear-gradient(160deg,#8fbfda,#3d7ea6)}.ug .gal .g4{background:linear-gradient(160deg,#9cc49c,#4e7d4e)}.ug .gal .g5{background:linear-gradient(160deg,#e2a6a6,#b05555)}.ug .gal .g6{background:linear-gradient(160deg,#bbb6e0,#6c63b5)}.ug .check{color:#fff;background:#1a73e8;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;top:4px;left:4px}.ug .share-opt{border:1px solid var(--ug-phone-line);border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex;position:relative}.ug .share-opt .who{font-weight:700}.ug .share-opt .sub{color:var(--ug-phone-muted);font-size:10px}.ug .globe{color:#1e8e3e;background:#e6f4ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.ug .lock{color:#c5221f;background:#fce8e6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.ug .linkbtn{color:#1a73e8;text-align:center;border:1.5px solid #1a73e8;border-radius:999px;margin-top:12px;padding:8px 0;font-size:13px;font-weight:700;position:relative}.ug .kakao .p-body{background:#b2c7d9;min-height:250px;padding-bottom:52px}.ug .k-top{color:#333;align-items:center;gap:8px;padding:4px 2px 10px;font-weight:700;display:flex}.ug .k-bubble{color:#222;background:#fff;border-radius:4px 14px 14px;max-width:78%;margin-bottom:8px;padding:8px 10px;font-size:12px}.ug .k-bubble.me{background:#fee500;border-radius:14px 4px 14px 14px;margin-left:auto}.ug .k-input{color:#999;background:#fff;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.ug .k-input .send{color:#3c1e1e;background:#fee500;border-radius:999px;margin-left:auto;padding:4px 12px;font-weight:800;position:relative}.ug .k-paste{color:#fff;background:#222;border-radius:8px;padding:6px 12px;font-size:11px;position:absolute;bottom:44px;left:16px}.ug .k-paste:after{content:"";border:5px solid #0000;border-top-color:#222;border-bottom:0;position:absolute;bottom:-5px;left:20px}.ug .tap-ring{border:3px solid var(--ug-tap);pointer-events:none;z-index:5;border-radius:50%;width:58px;height:58px;animation:1.6s infinite ug-pulse;position:absolute;box-shadow:0 0 0 3px #e03e1f26}.ug .tap-ring.wide{border-radius:999px;width:auto;height:auto}@keyframes ug-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){.ug .tap-ring{animation:none}}.ug .tap-label{background:var(--ug-tap);color:#fff;white-space:nowrap;z-index:6;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 2px 6px #0003}.ug .tap-label:after{content:"";border:6px solid #0000;position:absolute}.ug .tap-label.above{transform:translate(-50%)}.ug .tap-label.above:after{border-top-color:var(--ug-tap);margin-left:-6px;top:100%;left:50%}.ug .appicon{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex;box-shadow:0 2px 8px #00000026}.ug .homegrid{background:linear-gradient(170deg,#4b6584,#2c3e50);border-radius:12px;grid-template-columns:repeat(3,1fr);align-content:start;justify-items:center;gap:14px;min-height:230px;padding:18px 8px;display:grid}.ug .homegrid .app{text-align:center;color:#fff;font-size:9px;position:relative}.ug .homegrid .ai{background:#ddd;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 4px;font-size:20px;display:flex}.ug .done{background:var(--ug-card);border:1px solid var(--ug-line);text-align:center;border-radius:20px;margin-top:40px;padding:26px 22px}.ug .done .big{font-size:40px;line-height:1}.ug .done h3{color:var(--ug-ink);margin:10px 0 6px;font-size:20px}.ug .done p{color:var(--ug-muted);margin:0;font-size:15px}.ug .faq{margin-top:36px}.ug .faq h2{color:var(--ug-ink);font-size:20px}.ug .faq details{background:var(--ug-card);border:1px solid var(--ug-line);border-radius:14px;margin-bottom:10px;padding:14px 18px}.ug .faq summary{cursor:pointer;font-weight:700}.ug .faq details p{color:var(--ug-muted);margin:10px 0 0;font-size:15px}.ug a{color:var(--ug-accent)}.ug .vsel{opacity:0;pointer-events:none;position:absolute}.ug .switch{background:var(--ug-card);border:1.5px solid var(--ug-line);border-radius:999px;gap:6px;max-width:430px;margin:0 auto 10px;padding:6px;display:flex}.ug .switch label{text-align:center;color:var(--ug-muted);cursor:pointer;border-radius:999px;flex:1;padding:13px 6px;font-size:16px;font-weight:800}.ug #ver-mobile:checked~.switch label[for=ver-mobile],.ug #ver-pc:checked~.switch label[for=ver-pc]{background:var(--ug-accent);color:#fff}.ug #ver-mobile:checked~.ver-pc,.ug #ver-pc:checked~.ver-m{display:none}.ug .switch-hint{text-align:center;color:var(--ug-muted);margin:0 0 8px;font-size:14px}.ug .pcwin{width:100%;max-width:560px;color:var(--ug-phone-ink);text-align:left;background:#fff;border:1px solid #d8d2c8;border-radius:12px;font-size:13px;line-height:1.5;overflow:hidden;box-shadow:0 10px 28px #3c281424}.ug .pc-top{background:#dee1e6;align-items:flex-end;gap:10px;padding:8px 12px 0;display:flex}.ug .pc-dots{gap:5px;margin-bottom:10px;display:flex}.ug .pc-dots i{border-radius:50%;width:10px;height:10px;display:block}.ug .pc-dots i:first-child{background:#ff5f57}.ug .pc-dots i:nth-child(2){background:#febc2e}.ug .pc-dots i:nth-child(3){background:#28c840}.ug .pc-tab{background:#fff;border-radius:9px 9px 0 0;align-items:center;gap:6px;padding:6px 16px;font-size:11px;display:flex}.ug .pc-url{background:#fff;border-bottom:1px solid #e8eaed;align-items:center;gap:8px;padding:7px 12px;display:flex;position:relative}.ug .pc-url .bar{color:#202124;background:#f1f3f4;border-radius:999px;flex:1;padding:7px 14px;font-size:12.5px;position:relative}.ug .pc-body{background:#fff;min-height:250px;display:flex;position:relative}.ug .pc-side{border-right:1px solid #e8eaed;flex-shrink:0;width:148px;padding:12px 10px}.ug .pc-new{background:#fff;border:1px solid #dadce0;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 1px 3px #0000002e}.ug .pc-nav{color:#5f6368;margin-top:14px;font-size:12px}.ug .pc-nav div{border-radius:999px;margin-bottom:2px;padding:6px 10px}.ug .pc-nav .on{color:#1a73e8;background:#e8f0fe;font-weight:700}.ug .pc-main{flex:1;min-width:0;padding:12px 14px;position:relative}.ug .pc-crumb{border-bottom:1px solid #e8eaed;margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:700}.ug .pc-menu{z-index:4;background:#fff;border-radius:10px;min-width:170px;padding:6px 0;font-size:13px;position:absolute;box-shadow:0 4px 18px #00000047}.ug .pc-menu>div{align-items:center;gap:10px;padding:9px 16px;display:flex;position:relative}.ug .pc-file{vertical-align:top;text-align:center;border:1px solid #e8eaed;border-radius:10px;width:100px;margin:0 8px 8px 0;padding:6px;font-size:11px;display:inline-block}.ug .pc-file .th{border-radius:6px;height:56px;margin-bottom:5px}.ug .dropzone{color:#1a73e8;background:#e8f0fe80;border:2.5px dashed #1a73e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;font-weight:700;display:flex;position:relative}.ug .drag-ghost{border-radius:6px;width:64px;height:48px;position:absolute;transform:rotate(-6deg);box-shadow:0 4px 12px #0000004d}.ug .pc-cursor{z-index:6;filter:drop-shadow(0 1px 2px #0006);font-size:22px;position:absolute}.ug .pc-dlg{z-index:5;background:#fff;border-radius:14px;width:80%;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #0000004d}.ug .pc-dim{z-index:4;background:#00000040;position:absolute;inset:0}.ug .key{color:#3b2c20;background:#fff;border:1.5px solid #b8b2a8;border-bottom-width:4px;border-radius:8px;padding:6px 14px;font-size:15px;font-weight:800;display:inline-block}.ug .tree{border:1px solid var(--ug-phone-line);width:100%;max-width:460px;color:var(--ug-phone-ink);background:#fff;border-radius:14px;padding:14px 18px;font-size:14.5px;line-height:1.6}.ug .tree .t-row{align-items:center;gap:9px;padding:7px 0;display:flex}.ug .tree .t-sub{border-left:2px dotted #cbc4b8;margin-left:12px;padding-left:16px}.ug .gb{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:100%;display:grid}.ug .gb>div{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.6}.ug .gb .g{color:#1b4324;background:#e6f4ea;border:1.5px solid #1e8e3e}.ug .gb .b{color:#5c1f1b;background:#fce8e6;border:1.5px solid #c5221f}.ug .memo{color:#4a3f20;background:#fff9e0;border:1px solid #e5d48e;border-radius:4px 16px 16px;width:100%;max-width:460px;padding:15px 18px;font-size:14.5px;line-height:1.75;box-shadow:0 4px 10px #3c281414}.ug .qrbox{background:#fffdf0;border:2px solid #f3dc4e;border-radius:16px;align-items:center;gap:16px;width:100%;max-width:460px;padding:16px 18px;display:flex}.ug .qrbox img{background:#fff;border:1px solid #e8dfc8;border-radius:10px;flex-shrink:0;width:116px;height:116px}.ug .qrbox .qr-txt{font-size:14.5px;line-height:1.65}.ug .qrbox .qr-txt b{color:#7a5c00}.ug .qrbox .qr-id{color:#3c1e1e;background:#fee500;border-radius:999px;margin-top:6px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}
