*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}@keyframes enterFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.step-view{display:flex;flex-direction:column;height:100%;width:100%}.step-enter-right{animation:enterFromRight .25s ease backwards}.step-enter-left{animation:enterFromLeft .25s ease backwards}.landing-page{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff9f0,#fff);padding:2rem}.landing-content{text-align:center;max-width:300px}.landing-emoji{font-size:4rem;line-height:1;margin-bottom:1rem}.odi-wrapper{position:relative;display:inline-block;margin-bottom:1.2rem}.odi-mascot{width:220px;height:auto;display:block;animation:bounceIn .7s ease forwards,sniff 2s ease-in-out .7s infinite}.sniff-bubble{position:absolute;top:28%;left:55%;background:#fff;padding:6px 14px;border-radius:20px;font-size:16px;font-weight:600;color:#ff8c42;box-shadow:0 2px 8px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.1);pointer-events:none;white-space:nowrap;z-index:10;animation:sniffFloat 2.5s ease-in-out .7s infinite}.sniff-bubble:before{content:"";position:absolute;bottom:-6px;left:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid white}@keyframes bounceIn{0%{transform:translateY(-30px);opacity:0}60%{transform:translateY(5px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes sniff{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-1deg)}}@keyframes sniffFloat{0%{opacity:0;transform:translateY(5px) scale(.9)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-15px) scale(1)}to{opacity:0;transform:translateY(-25px) scale(1)}}@media(max-height:700px)and (max-width:480px){.odi-mascot{width:160px}.odi-wrapper{margin-bottom:.6rem}.landing-title{font-size:2rem;margin-bottom:.6rem}.landing-desc{font-size:.9rem;margin-bottom:1.2rem}}@media(min-width:768px){.odi-mascot{width:340px}}.landing-title{font-size:2.4rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-.5px}.landing-title-jeju{color:#ff8c42}.landing-desc{font-size:1rem;color:#555;line-height:1.5;margin-bottom:2rem;word-break:keep-all;text-align:center}.landing-btn{display:inline-block;padding:.85rem 2.2rem;background-color:#4caf50;color:#fff;border:none;border-radius:30px;font-size:1.05rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #4caf5059;transition:all .2s}.landing-btn:hover{background-color:#43a047;transform:translateY(-2px);box-shadow:0 6px 18px #4caf5073}.picker-page{flex:1;overflow-y:auto;background-color:#f9fafb;padding:1.5rem 1rem 2rem}.picker-inner{max-width:440px;margin:0 auto}.picker-title{font-size:1.35rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.picker-search-wrap{position:relative;margin-bottom:1.25rem}.picker-search{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1.5px solid #d1d5db;border-radius:12px;font-size:1rem;font-family:inherit;background-color:#fff;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.picker-search:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501f}.picker-search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;font-size:.9rem;cursor:pointer;padding:.25rem .4rem;border-radius:50%;line-height:1;transition:color .15s,background-color .15s}.picker-search-clear:hover{color:#374151;background-color:#f3f4f6}.picker-label{font-size:.8rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.65rem}.picker-regions{display:flex;flex-direction:column}.picker-region-group{display:flex;flex-direction:column;margin-bottom:24px}.picker-region-group:last-child{margin-bottom:0}.picker-region-label{font-size:15px;font-weight:700;color:#2d5f3f;margin:20px 0 10px;display:flex;align-items:center;gap:6px;letter-spacing:-.3px}.picker-region-group:first-child .picker-region-label{margin-top:12px}.picker-spots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.picker-spot-btn{padding:.75rem .5rem;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-weight:500;color:#374151;cursor:pointer;transition:all .18s;text-align:center}.picker-spot-btn:hover{border-color:#4caf50;background-color:#f0fdf4;color:#166534;transform:translateY(-1px);box-shadow:0 2px 8px #4caf5026}.picker-no-match{text-align:center;padding:.5rem 0}.picker-empty{font-size:.88rem;color:#9ca3af;margin-bottom:.85rem}.picker-custom-btn{display:inline-block;padding:.65rem 1.2rem;background-color:#4caf50;color:#fff;border:none;border-radius:12px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background-color .18s}.picker-custom-btn:hover{background-color:#43a047}@keyframes mapFadeIn{0%{opacity:0}to{opacity:1}}.map-fullscreen{flex:1;position:relative;display:flex;flex-direction:column;animation:mapFadeIn .2s ease;min-height:0}.map-fullscreen-canvas{flex:1;width:100%;min-height:0}.map-back-btn{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:14px 32px;background-color:#fff;border:1.5px solid #3A7D44;border-radius:24px;font-size:15px;font-weight:700;color:#1e2d1f;cursor:pointer;box-shadow:0 4px 16px #0000004d;transition:box-shadow .2s,background-color .15s;white-space:nowrap;z-index:99999;font-family:inherit}.map-back-btn:hover{background-color:#f0fdf4;box-shadow:0 6px 20px #00000061}.icon-btn{width:35px;height:35px;border-radius:50%;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#5a6e3f;flex-shrink:0;transition:background-color .18s,color .18s}.icon-btn:hover{background-color:#dcfce7}.icon-btn.active{background-color:#f5c451;color:#5a3e00}.icon-btn-fav{width:auto;min-width:35px;padding:0 9px;border-radius:18px;gap:4px;background-color:#f5c451;color:#92610a}.icon-btn-fav:hover{background-color:#fde68a}.icon-btn-fav.active{background-color:#f0a500;color:#fff}.icon-btn-fav.empty{background-color:#efefef;color:#bbb}.icon-btn-fav.empty:hover{background-color:#e4e4e4}.fav-count{font-size:.72rem;font-weight:700;line-height:1}.results-ref-bar{display:flex;flex-direction:column;gap:.2rem;padding:.4rem 1rem;background-color:#f0fdf4;border-bottom:1px solid #bbf7d0;flex-shrink:0}.ref-bar-row1{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.ref-bar-actions{display:flex;gap:6px;flex-shrink:0;align-items:center}.ref-point-label{font-size:.95rem;font-weight:600;color:#15803d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-decoration:underline dotted #15803d;text-underline-offset:3px;text-align:left}.ref-point-label:hover{color:#166534;text-decoration:underline solid #4CAF50}.ref-point-hint-chip{font-size:11px;color:#15803dbf;padding:0 10px 2px 0;width:fit-content}.container{max-width:480px;margin:0 auto;background-color:#fff;height:100vh;height:100dvh;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column}@supports (-webkit-touch-callout: none){.container{height:-webkit-fill-available}}.header{background-color:#6baa5c;color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a;flex-shrink:0;display:flex;flex-direction:column}.header-logo{display:flex;align-items:center;justify-content:center;gap:10px;line-height:1;font-weight:700;font-size:19px;color:#fff;letter-spacing:-.3px;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.site-logo{width:36px;height:36px;object-fit:contain;display:block;flex-shrink:0}@media(max-width:480px){.site-logo{width:32px;height:32px}.header-logo{gap:8px}}.header-logo:hover{opacity:.8}.header-description{margin-top:.5rem;text-align:center}.header-desc-main{font-size:.85rem;font-weight:500;color:#fff;margin:0 0 .2rem}.header-desc-sub{font-size:.72rem;color:#ffffffd9;margin:0;letter-spacing:.01em}.filter-section{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;padding:.65rem 1rem;gap:5px}.odi-pick-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem .35rem .6rem;border:1.5px solid #d97706;background-color:#fffbeb;color:#92400e;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.odi-pick-toggle-btn.active{background-color:#f59e0b;border-color:#d97706;color:#fff;box-shadow:0 2px 6px #f59e0b66}.odi-pick-toggle-btn:hover{background-color:#fde68a;color:#78350f}.odi-pick-toggle-btn.active:hover{background-color:#d97706;color:#fff}.odi-pick-star{font-size:.9rem}.odi-pick-dot{width:8px;height:8px;border-radius:50%;background-color:#d97706;opacity:.4;transition:all .2s;margin-left:.1rem}.odi-pick-dot.on{background-color:#fff;opacity:1}.selected-location-info{padding:1rem;background-color:#e8f5e8;border-bottom:1px solid #ddd;text-align:center;flex-shrink:0}.scrollable-content{flex:1;overflow-y:auto;min-height:0}.filter-button{flex:0 0 auto;padding:.2rem .85rem;border:2px solid #4CAF50;background-color:#fff;color:#4caf50;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.filter-button.active{background-color:#4caf50;color:#fff}.filter-button:hover{background-color:#45a049;color:#fff}.location-list{padding:1rem 1rem 6rem}.location-card{background-color:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;border:2px solid transparent;transition:all .2s ease}.odi-review{margin-top:12px;padding:10px 12px;background:#f3ebd6;border-radius:6px}.odi-review-label{display:block;font-size:11px;font-weight:700;color:#b8860b;margin-bottom:4px;letter-spacing:-.2px}.odi-review-text{font-size:13px;line-height:1.5;color:#2c3e50;margin:0}.card-actions{margin-top:.75rem;padding-top:.6rem;border-top:1px solid #f0f0f0}.kakao-map-btn{display:inline-block;padding:.3rem .75rem;font-size:.78rem;font-weight:600;color:#3c1e1e;background-color:#fdf6ba;border:none;border-radius:20px;text-decoration:none;transition:background-color .15s}.kakao-map-btn:hover{background-color:#f7ed8a}.location-card.selected{border-color:#4caf50;background-color:#f8fff9}.location-card.reference{border:3px solid #F0A500!important;background-color:#fffbeb!important;box-shadow:0 0 0 4px #f0a5001a}.reference-badge{display:inline-block;font-size:.72rem;font-weight:700;color:#92400e;background-color:#fef3c7;border:1px solid #F0A500;padding:.2rem .55rem;border-radius:20px;margin-bottom:.5rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background-color:#f0a500;color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #f0a50059;padding:.6rem 1.2rem;border-radius:24px;white-space:nowrap;z-index:1000;pointer-events:none;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.location-card.starred{background-color:#fffbf0!important;border:2px solid #ffd700!important}.location-card.starred.selected{background-color:#fff8e1!important;border:2px solid #ffd700!important}.location-card.no-pets{background-color:#f0f0f0;border:2px solid #d0d0d0;opacity:.7}.location-card.no-pets.selected{border-color:#bdbdbd!important;background-color:#e8e8e8!important}.no-pets-badge{font-size:.72rem;font-weight:600;color:#fff;background-color:#e53935;padding:.2rem .45rem;border-radius:10px;white-space:nowrap}.star-icon{color:#ff8c00!important;font-weight:700;margin-right:.25rem}.odi-pick-badge{display:inline-block;font-size:.75rem;font-weight:600;color:#92400e;background-color:#fef3c7;border:1px solid #fcd34d;padding:.2rem .55rem;border-radius:20px;margin-bottom:.5rem}.kakao-source-badge{display:inline-block;font-size:.72rem;font-weight:500;color:#5f6368;background-color:#f1f3f4;border:1px solid #dadce0;padding:.2rem .55rem;border-radius:20px;margin-bottom:.5rem}.location-card.kakao-unverified{border:1.5px dashed #dadce0}.hide-card-btn{padding:.3rem .75rem;font-size:.78rem;font-weight:500;color:#666;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-family:inherit;transition:background-color .15s}.hide-card-btn:hover{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.verify-card-btn{padding:.3rem .75rem;font-size:.78rem;font-weight:500;color:#166534;background-color:#fff;border:1px solid #86efac;border-radius:20px;cursor:pointer;font-family:inherit;transition:background-color .15s}.verify-card-btn:hover{background-color:#dcfce7;border-color:#4ade80}.detail-btn{padding:.3rem .75rem;font-size:.78rem;font-weight:500;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;font-family:inherit;transition:background-color .15s}.detail-btn:hover{background-color:#f5f5f5;border-color:#aaa}.bs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;z-index:998}.bs-content{position:fixed;bottom:0;left:0;right:0;max-height:85dvh;background-color:#fff;border-radius:16px 16px 0 0;z-index:999;display:flex;flex-direction:column;overflow:hidden;outline:none}.bs-handle{width:40px;height:4px;background-color:#e0e0e0;border-radius:2px;margin:12px auto 4px;flex-shrink:0}.bs-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 1rem .5rem;border-bottom:1px solid #f0f0f0;flex-shrink:0;gap:.5rem}.bs-header-left{flex:1;min-width:0}.bs-title{font-size:1.1rem;font-weight:700;color:#1a1a1a;line-height:1.3}.bs-distance{font-size:.8rem;color:#f0a500;font-weight:600;margin-top:2px}.bs-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.bs-close{background:none;border:none;font-size:1rem;color:#888;cursor:pointer;padding:.2rem .3rem;line-height:1}.bs-body{flex:1;overflow-y:auto;padding:.75rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.bs-section{display:flex;flex-direction:column;gap:.45rem;padding-bottom:.75rem;border-bottom:1px solid #f5f5f5}.bs-section:last-of-type{border-bottom:none}.bs-overview{display:flex;gap:.5rem;align-items:flex-start}.bs-overview-text{margin:0;font-size:.88rem;color:#555;line-height:1.65;white-space:pre-line}.bs-row{display:flex;gap:.5rem;font-size:.88rem;color:#333;align-items:flex-start;line-height:1.5}.bs-icon{flex-shrink:0;width:1.25rem;text-align:center}.bs-loading{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888;padding:.5rem 0}.bs-spinner{display:inline-block;width:14px;height:14px;border:2px solid #e0e0e0;border-top-color:#f0a500;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.bs-error{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#888;padding:.5rem 0}.bs-retry{font-size:.8rem;font-weight:600;color:#f0a500;background:none;border:1px solid #F0A500;border-radius:12px;padding:.2rem .6rem;cursor:pointer;font-family:inherit}.bs-actions{display:flex;flex-direction:row;align-items:center;gap:.4rem;padding-top:.25rem}.bs-btn-primary{padding:.3rem .75rem;background-color:#f0a500;color:#fff;font-size:.78rem;font-weight:700;border:none;border-radius:20px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background-color .15s}.bs-btn-primary:hover{background-color:#d4920a}.bs-btn-secondary{display:inline-block;padding:.3rem .75rem;background-color:#fdf6ba;color:#3c1e1e;font-size:.78rem;font-weight:600;border:none;border-radius:20px;text-align:center;text-decoration:none;font-family:inherit;white-space:nowrap;transition:background-color .15s}.bs-btn-secondary:hover{background-color:#f7ed8a}.bs-source{margin-top:.5rem;font-size:.72rem;color:#bbb;text-align:center}@media(min-width:769px){.bs-content{left:0;right:0;max-width:480px;margin:0 auto}}.location-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.location-name{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.25rem}.location-title-link{cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#aaa}.no-pets-icon{margin-left:.5rem;font-size:1rem;background-color:#ffebee;padding:.2rem .4rem;border-radius:8px;border:1px solid #ffcdd2;display:inline-block}.card-header-right{display:flex;align-items:center;flex-shrink:0}.fav-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;font-size:1.15rem;padding:0;line-height:1;flex-shrink:0}.category-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff}.category-tourist{background-color:#2196f3}.category-restaurant{background-color:#ff9800}.category-cafe{background-color:#9c27b0}.category-orum{background-color:#4caf50}.category-beach{background-color:#00bcd4}.category-stay{background-color:#ff7043}.category-culture{background-color:#5c6bc0}.category-festival{background-color:#ec407a}.category-hospital{background-color:#78909c}.hiking-time{font-size:.85rem;color:#2e7d32;font-weight:600;margin-top:.5rem;padding:.3rem .6rem;background-color:#e8f5e8;border-radius:8px;border:1px solid #C8E6C9;display:inline-block}.pet-condition{display:inline-flex;align-items:center;gap:.2rem;font-size:.78rem;color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7;padding:.2rem .55rem;border-radius:20px;margin-bottom:.4rem;font-weight:500}.location-address{color:#666;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.location-distance{color:#4caf50;font-size:.9rem;font-weight:600}.location-description{color:#888;font-size:.85rem;margin-top:.5rem}.operating-hours,.phone,.closed-days,.hiking-time{color:#666;font-size:.8rem;margin-top:.375rem;display:flex;align-items:center;gap:.25rem}.operating-hours{color:#2196f3}.phone{color:#4caf50}.phone-link{color:#4caf50;text-decoration:none}.phone-link:hover{text-decoration:underline}.closed-days{color:#ff5722}.hiking-time{color:#795548;width:fit-content}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal{background-color:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.modal h2{margin-bottom:1rem;color:#333;font-size:1.3rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit}.form-group textarea{height:80px;resize:vertical}.form-buttons{display:flex;gap:.5rem;margin-top:1.5rem}.btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:#f5f5f5;color:#666}.btn-secondary:hover{background-color:#e0e0e0}.btn-danger{background-color:#f44336;color:#fff}.btn-danger:hover{background-color:#da190b}.error-message{color:#f44336;font-size:.875rem;margin-top:.25rem}.loading-state{text-align:center;padding:3rem 2rem;color:#999;font-size:.95rem}.empty-state{text-align:center;padding:3rem 2rem;color:#999}.empty-state h3{margin-bottom:.5rem;font-size:1.2rem}@media(min-width:768px){.container{max-width:600px;height:100vh}.header-logo{font-size:20px}.location-list{padding:2rem 2rem 6rem}.modal{max-width:500px}}@media(max-width:768px){.step-results{height:auto;min-height:100dvh;overflow-y:visible}.step-results .step-view{height:auto}.map-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;height:100dvh;z-index:500;flex:none}.map-fullscreen-canvas{flex:none;height:100dvh;width:100%}.step-results .scrollable-content{overflow-y:visible;flex:none;min-height:unset}.sticky-zone{position:-webkit-sticky;position:sticky;top:0;z-index:200;background-color:#fff;box-shadow:0 2px 8px #00000014}}@supports (-webkit-touch-callout: none){@media(max-width:768px){.step-results{height:auto}}}.course-view{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#fff}.course-header{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem .6rem;background:#f0fdf4;border-bottom:1px solid #bbf7d0;flex-shrink:0}.course-back-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#15803d;padding:.15rem .4rem;line-height:1;font-family:inherit}.course-header-info{display:flex;align-items:center;gap:8px}.course-header-img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.course-title{font-size:1rem;font-weight:700;color:#15803d}.course-subtitle{font-size:.78rem;color:#999;padding:.45rem 1rem .1rem;flex-shrink:0}.course-hint{display:flex;align-items:center;justify-content:space-between;margin:.4rem 1rem 0;padding:.45rem .7rem;background:#eaf0dd;border-radius:8px;font-size:.81rem;color:#3b6d11;flex-shrink:0}.course-hint-close{background:none;border:none;cursor:pointer;color:#888;font-size:.8rem;padding:0 .2rem;font-family:inherit}.course-loading{padding:2rem;text-align:center;color:#aaa;font-size:.88rem}.course-timeline{list-style:none;padding:.75rem 1rem 0;flex-shrink:0}.course-item{display:flex;gap:.7rem;align-items:stretch}.course-item-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:34px}.course-icon-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0}.course-connector{flex:1;width:2px;min-height:16px;background:#d8d8d8;margin:3px 0}.course-card{flex:1;min-width:0;background:#f7f7f5;border-radius:10px;padding:.55rem .7rem;margin-bottom:.6rem}.course-item-last .course-card{margin-bottom:0}.course-card-inner{display:flex;align-items:center;gap:.5rem}.course-card-info{flex:1;min-width:0}.course-stage-label{font-size:.68rem;font-weight:700;margin-bottom:.12rem}.course-name{font-size:.88rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-category{font-size:.7rem;color:#aaa;margin-top:.08rem}.course-item-actions{display:flex;flex-direction:row;gap:4px;flex-shrink:0;flex-wrap:nowrap}.course-action-btn{width:25px;height:25px;border:1px solid #e0e0e0;background:#fff;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#5a6e3f;font-family:inherit;transition:background-color .12s;flex-shrink:0}.course-action-btn:disabled{opacity:.3;cursor:not-allowed}.course-action-btn:hover:not(:disabled){background:#f0f0f0}.course-action-del{color:#d66;border-color:#f0d0d0}.course-action-del:hover:not(:disabled){background:#fff4f4}.course-excluded{margin:.75rem 1rem;padding:.65rem .75rem;background:#fdf6f6;border:1px solid #f0d8d8;border-radius:10px;flex-shrink:0}.course-excluded-title{font-size:.8rem;font-weight:600;color:#a02222;margin-bottom:.35rem}.course-excluded-list{list-style:none;display:flex;flex-direction:column;gap:.18rem}.course-excluded-item{font-size:.78rem;color:#777}.course-btn-row{display:flex;gap:8px;margin:.5rem 1rem 1.5rem;flex-shrink:0}.course-btn-local,.course-btn-kakao{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center}.course-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;flex:1}.course-empty-text{font-size:.95rem;color:#777;text-align:center;line-height:1.6}.course-goto-fav-btn{padding:.5rem 1.5rem;background:#f5c451;color:#5a3e00;border:none;border-radius:20px;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.qr-card{position:relative;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000002e;padding:2rem 1.75rem 1.5rem;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.65rem}.qr-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#aaa;line-height:1;padding:.2rem .4rem;font-family:inherit;transition:color .15s}.qr-close-btn:hover{color:#555}.qr-odi-icon{width:36px;height:36px;object-fit:contain}.qr-title{font-size:1.05rem;font-weight:700;color:#2f3b30}.qr-desc{font-size:.82rem;color:#777;text-align:center;line-height:1.6;margin:0}.qr-image{width:150px;height:150px;object-fit:contain;image-rendering:pixelated;margin:.25rem 0}.qr-confirm-btn{margin-top:.25rem;padding:.5rem 2rem;background:#5a6e3f;color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background-color .15s}.qr-confirm-btn:hover{background:#4a5c33}