dialog.cafe-guide{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(560px,calc(100vw - 28px));height:auto;max-height:min(860px,calc(100vh - 36px));max-height:min(860px,calc(var(--guide-viewport-height,100dvh) - 36px));padding:0;border:1px solid #dfcfb5;border-radius:22px;background:#fff9ed;color:#594535;box-shadow:0 20px 70px #382c2833,0 2px 6px #382c2812;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Yu Gothic",sans-serif;text-align:left;overscroll-behavior:contain;transform:translateY(var(--guide-viewport-offset,0px))}
dialog.cafe-guide[open]{display:flex;flex-direction:column}
dialog.cafe-guide::backdrop{background:rgba(37,32,27,.22);backdrop-filter:none}
.cafe-guide *{box-sizing:border-box}.cafe-guide-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px 6px 28px;flex:none;background:#fff9ed}.cafe-guide-brand{margin:0;font-size:12px;letter-spacing:.1em;color:#8d715a}.cafe-guide-close{width:44px;height:44px;min-width:44px;padding:0;display:grid;place-items:center;color:#715946;background:#f5ecdcbc;border:0;border-radius:50%;font:26px/1 system-ui;cursor:pointer}.cafe-guide-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 34px 12px;scrollbar-width:thin;scrollbar-color:#d9c7ac transparent}.cafe-guide-hero{text-align:center;margin:0 0 26px}.cafe-guide-cloud{display:block;font-size:35px;line-height:1.2;color:#c5b89c;text-shadow:0 2px 0 #fffdf6;margin:0 0 8px}.cafe-guide h2{font-family:inherit;font-size:clamp(25px,4.7vw,32px);line-height:1.35;letter-spacing:-.045em;font-weight:700;margin:0 0 17px;color:#503d2f;text-wrap:balance}.cafe-guide p{font-size:14px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:0}.cafe-guide-hero p{white-space:pre-line;margin:0 0 14px}.cafe-guide-hero .cafe-guide-rest{color:#806b58;margin-bottom:0}.cafe-guide-section{margin:0 0 24px}.cafe-guide h3{margin:0 0 16px;font-size:15px;line-height:1.5;font-weight:700;color:#624a35}.cafe-guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px}.cafe-guide-steps li{display:flex;gap:10px;align-items:flex-start}.cafe-guide-number{font-size:18px;line-height:1.4;color:#a28462;flex:none}.cafe-guide h4{margin:0 0 5px;font-size:14px;line-height:1.5;font-weight:650}.cafe-guide-steps p{margin:0;color:#806c58;font-size:13px;line-height:1.75}.cafe-guide-cookies{border-top:1px solid #e6d8c3;padding-top:22px;margin-bottom:8px}.cafe-guide-cookies h3{margin-bottom:10px}.cafe-guide-cookies p{margin:4px 0;font-size:13px;line-height:1.75;color:#806c58}.cafe-guide-footer{padding:16px 34px 22px;background:#fff9ed;flex:none;border-top:1px solid #eee3d24d}.cafe-guide-continue{display:block;width:100%;min-height:46px;padding:12px 18px;border:1px solid #bea58a;border-radius:12px;background:#80664d;color:#fffaf0;font:600 14px/1.5 system-ui;cursor:pointer;letter-spacing:.025em}.cafe-guide-continue:hover{background:#715840}.cafe-guide-close:hover{background:#eddfc8}.cafe-guide button:focus-visible,.cafe-guide-scroll:focus-visible{outline:2px solid #9d7c55;outline-offset:-3px}
@media(max-width:600px){dialog.cafe-guide{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(var(--guide-viewport-height,100dvh) - 24px);border-radius:18px}.cafe-guide-header{padding:9px 10px 2px 20px}.cafe-guide-brand{font-size:11px}.cafe-guide-scroll{padding:2px 22px 8px}.cafe-guide-hero{margin-bottom:24px}.cafe-guide-cloud{font-size:30px}.cafe-guide h2{font-size:27px;margin-bottom:16px}.cafe-guide-hero p{font-size:13px;line-height:1.85}.cafe-guide h3{font-size:14px}.cafe-guide-footer{padding:12px 22px 16px}.cafe-guide-section{margin-bottom:22px}}
@media(max-height:500px){dialog.cafe-guide{max-height:calc(100vh - 16px);max-height:calc(var(--guide-viewport-height,100dvh) - 16px)}.cafe-guide-header{padding-top:3px;padding-bottom:0}.cafe-guide-footer{padding-top:8px;padding-bottom:10px}.cafe-guide-cloud{display:none}.cafe-guide h2{margin-top:3px}}