:root{--olle-black:#1d1d1d;--olle-gray-1:#545454;--olle-gray-2:#7b7b7b;--olle-gray-3:#aeaeae;--olle-gray-4:#d4d4d4;--olle-gray-5:#e9e9e9;--olle-white:#fdfdfd;--olle-orange:#fc7900;--olle-yellow:#fee500;--map-green:#b7dca9;--map-road:#f4f1ec;--surface:#fff;--shadow-soft:0 8px 24px #1d1d1d24;--shadow-sheet:0 -8px 28px #1d1d1d2e;--bottom-tab-height:64px;color:var(--olle-black);background:var(--olle-white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.screen-state{min-height:100dvh;color:var(--olle-gray-1);place-items:center;padding:24px;display:grid}.app-error-state div{text-align:center;gap:10px;width:min(100%,360px);display:grid}.app-error-state h1,.app-error-state p{margin:0}.app-error-state h1{color:var(--olle-black);font-size:22px}.auth-page{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:var(--olle-white);place-items:center;display:grid}.auth-panel{flex-direction:column;align-items:stretch;gap:18px;width:min(100%,402px);display:flex}.auth-panel h1{color:var(--olle-black);text-align:center;margin:0;font-size:24px;line-height:1.28}.logo-wordmark{color:var(--olle-black);text-align:center;margin:0 0 128px;font-size:42px;font-weight:700}.auth-copy,.form-help,.form-error{color:var(--olle-gray-1);text-align:center;margin:0;font-size:14px;line-height:1.45}.form-error{color:#c2410c}.kakao-button,.primary-button,.publish-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.kakao-button{color:#1d1d1d;background:var(--olle-yellow);width:100%}.primary-button{color:var(--olle-white);background:var(--olle-black)}.primary-button.small{min-height:44px;margin-top:12px;padding-inline:14px;font-size:14px}.publish-button{min-height:44px;color:var(--olle-white);background:var(--olle-orange)}button:disabled,.disabled{cursor:not-allowed;opacity:.45}.text-link{min-height:44px;color:var(--olle-black);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.id-panel{gap:14px}.text-field{color:var(--olle-gray-1);flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.text-field input,.text-field textarea,.comment-form input{border:1px solid var(--olle-gray-5);width:100%;min-height:48px;color:var(--olle-black);background:#f6f6f6;border-radius:8px;outline:none;padding:12px 14px}.text-field textarea{resize:vertical;min-height:132px}.input-row{position:relative}.input-row svg{color:var(--olle-orange);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:translateY(-50%)rotate(360deg)}}.app-shell{min-height:100dvh;padding-bottom:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom));background:var(--olle-white)}.app-main{min-height:100dvh}.desktop-nav{display:none}.bottom-tabbar{z-index:80;min-height:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom));padding:10px 28px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--olle-gray-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;grid-template-columns:repeat(5,minmax(44px,1fr));gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-link,.nav-link{min-width:44px;min-height:44px;color:var(--olle-gray-1);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.tab-link.active,.nav-link.active{color:var(--olle-black);background:var(--olle-gray-5)}.map-screen{background:var(--map-green);min-height:100dvh;position:relative;overflow:hidden}.naver-map,.map-fallback{width:100%;height:100dvh}.map-fallback{color:var(--olle-gray-1);background:linear-gradient(145deg, transparent 0 42%, #ffffffb3 42% 47%, transparent 47%), linear-gradient(35deg, transparent 0 54%, #ffffffb3 54% 59%, transparent 59%), var(--map-green);place-items:center;display:grid;position:relative}.map-fallback-roads{background:linear-gradient(110deg, transparent 0 30%, var(--map-road) 30% 34%, transparent 34%), linear-gradient(70deg, transparent 0 60%, var(--map-road) 60% 64%, transparent 64%);opacity:.85;position:absolute;inset:0}.fallback-pins{pointer-events:none;position:absolute;inset:120px 24px 220px}.fallback-pins .map-pin{pointer-events:auto;margin:18px;position:relative}.fallback-pins .map-pin:nth-child(2n){float:right}.map-floating-search{z-index:20;top:calc(16px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;left:16px;right:16px}.search-box{min-height:48px;box-shadow:var(--shadow-soft);pointer-events:auto;background:#fffffff0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:44px}.search-box button{background:0 0;width:44px;height:44px}.chip-row{pointer-events:auto;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--olle-gray-5);min-height:44px;color:var(--olle-black);background:#fffffff0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip.selected{border-color:var(--olle-orange);color:var(--olle-orange)}.friend-rail{z-index:19;top:calc(120px + env(safe-area-inset-top));max-width:min(80vw,360px);box-shadow:var(--shadow-soft);background:#ffffffe0;border-radius:8px;gap:12px;padding:10px 12px;display:flex;position:absolute;left:16px;overflow-x:auto}.friend-avatar{place-items:center;gap:3px;min-width:44px;font-size:11px;display:grid}.avatar,.friend-avatar img,.image-fallback{object-fit:cover;background:var(--olle-gray-5);border-radius:50%;width:38px;height:38px}.avatar.large{width:72px;height:72px}.avatar.small{width:34px;height:34px}.map-pin{min-width:44px;min-height:44px;color:var(--olle-black);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:8px}.post-pin{gap:4px;width:116px;padding:5px;display:grid}.post-pin img,.post-pin .image-fallback{object-fit:cover;border-radius:5px;width:106px;height:78px}.post-pin span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.place-pin{padding:8px 12px;font-size:13px;font-weight:700}.bottom-sheet{z-index:70;left:0;right:0;bottom:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom));background:var(--surface);max-height:min(82dvh,720px);box-shadow:var(--shadow-sheet);border-radius:16px 16px 0 0;padding:10px 18px 20px;position:fixed;overflow:auto}.sheet-handle{background:var(--olle-gray-3);border-radius:99px;width:58px;height:4px;margin:0 auto 16px}.sheet-post-summary,.sheet-place-summary{gap:14px;display:grid}.sheet-post-summary{grid-template-columns:112px 1fr;align-items:start}.sheet-thumb{aspect-ratio:1;object-fit:cover;border-radius:8px;width:112px}.meta-label{color:var(--olle-orange);margin:0 0 4px;font-size:12px;font-weight:800}.bottom-sheet h2,.place-info-panel h1,.profile-title h1,.page-header h1,.compose-header h1{color:var(--olle-black);margin:0}.bottom-sheet p,.place-info-panel p{color:var(--olle-gray-1);margin:6px 0}.sheet-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.icon-text-button{min-height:44px;color:var(--olle-black);background:var(--olle-gray-5);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.icon-text-button.danger{color:#b42318;background:#fee4e2}.icon-only-button{width:44px;height:44px;color:var(--olle-black);background:var(--olle-gray-5);border-radius:8px;place-items:center;display:inline-grid}.sheet-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.map-empty-overlay{left:16px;right:16px;bottom:calc(96px + var(--bottom-tab-height) + env(safe-area-inset-bottom));position:absolute}.empty-state{text-align:center;color:var(--olle-gray-1);background:#ffffffeb;border-radius:8px;padding:20px}.empty-state strong{color:var(--olle-black);margin-bottom:8px;display:block}.empty-state p{margin:0;font-size:14px;line-height:1.45}.page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px 24px}.page-header{margin-bottom:18px}.page-header p{color:var(--olle-gray-1);margin:8px 0 0}.feed-column{gap:18px;max-width:680px;margin:0 auto;display:grid}.post-card{border:1px solid var(--olle-gray-5);background:var(--surface);border-radius:8px;overflow:hidden}.post-author{align-items:center;gap:12px;min-height:60px;padding:12px 14px;display:flex}.post-author div{gap:2px;min-width:0;display:grid}.post-author strong,.comment-item strong{color:var(--olle-black)}.post-author span{color:var(--olle-orange);font-size:12px}.post-image{aspect-ratio:1/.86;object-fit:cover;background:var(--olle-gray-5);width:100%}.place-chip-row{gap:1px;display:grid}.place-chip{min-height:44px;color:var(--olle-white);background:var(--olle-black);align-items:center;gap:8px;padding:10px 14px;display:flex}.place-chip+.place-chip{border-top:1px solid #ffffff1f}.place-chip small{color:var(--olle-gray-4);margin-left:auto}.post-actions{align-items:center;gap:12px;min-height:48px;padding:8px 14px;display:flex}.post-actions button,.post-actions a{min-width:44px;min-height:44px;color:var(--olle-black);background:0 0;justify-content:center;align-items:center;gap:4px;display:inline-flex}.post-actions button:last-child{margin-left:auto}.post-caption{margin:0;padding:0 14px 16px;line-height:1.45}.detail-layout,.place-detail-page,.compose-page,.profile-page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(24px + var(--bottom-tab-height) + env(safe-area-inset-bottom))}.detail-layout{gap:18px;display:grid}.detail-main,.detail-side{gap:14px;display:grid}.route-card{background:var(--olle-gray-5);border-radius:8px;gap:10px;padding:14px;display:grid}.post-owner-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.edit-post-form{gap:14px;display:grid}.route-card span{color:var(--olle-gray-1);font-size:13px}.post-place-list{gap:8px;display:grid}.post-place-list a,.route-link{background:var(--olle-white);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.post-place-list strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-place-list small{color:var(--olle-gray-1);margin-left:auto}.route-link{color:var(--olle-white);background:var(--olle-black);justify-content:center}.comment-list{gap:12px;display:grid}.comment-item{grid-template-columns:34px 1fr;align-items:start;gap:10px;display:grid}.comment-item p{color:var(--olle-gray-1);margin:4px 0 0}.comment-form{bottom:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom) + 12px);grid-template-columns:1fr 48px;gap:8px;margin-top:12px;display:grid;position:sticky}.comment-form button{color:var(--olle-white);background:var(--olle-black);border-radius:8px}.place-map-preview,.compose-map-preview{min-height:220px;color:var(--olle-gray-1);background:linear-gradient(35deg, transparent 0 48%, var(--map-road) 48% 54%, transparent 54%), var(--map-green);border-radius:8px;place-items:center;gap:8px;display:grid}.place-info-panel{background:var(--surface);box-shadow:var(--shadow-sheet);border-radius:16px 16px 0 0;margin-top:-18px;padding:22px 18px}.place-map-preview{background:var(--map-green);height:260px;position:relative;overflow:hidden}.place-naver-map{width:100%;height:100%}.place-map-fallback{color:var(--olle-gray-1);background:linear-gradient(145deg, transparent 0 42%, #ffffffb3 42% 47%, transparent 47%), linear-gradient(35deg, transparent 0 54%, #ffffffb3 54% 59%, transparent 59%), var(--map-green);place-items:center;display:grid}.inline-meta{align-items:center;gap:6px;display:inline-flex}.place-hours{background:var(--olle-gray-5);white-space:pre-wrap;border-radius:8px;padding:10px 12px}.section-tabs,.profile-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0 14px;display:grid}.section-tabs button,.profile-tabs button{min-height:44px;color:var(--olle-gray-1);background:0 0;border-bottom:2px solid #0000}.section-tabs .selected,.profile-tabs .selected{border-bottom-color:var(--olle-black);color:var(--olle-black);font-weight:700}.place-post-grid,.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.place-post-card,.profile-grid a{aspect-ratio:1;background:var(--olle-gray-5);border-radius:5px;position:relative;overflow:hidden}.place-post-card img,.profile-grid img,.place-post-card .image-fallback,.profile-grid .image-fallback{object-fit:cover;border-radius:0;width:100%;height:100%}.place-post-card span{color:var(--olle-white);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 5px #0009;font-size:12px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.compose-page{gap:16px;display:grid}.compose-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.compose-step{border:1px solid var(--olle-gray-5);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.upload-box{border:1px dashed var(--olle-gray-4);min-height:132px;color:var(--olle-gray-1);cursor:pointer;border-radius:8px;place-items:center;gap:8px;display:grid}.upload-box input{display:none}.preview-strip{gap:8px;display:flex;overflow-x:auto}.preview-item{flex:0 0 88px;position:relative}.preview-item img{object-fit:cover;border-radius:8px;width:88px;height:88px}.preview-item button{background:#ffffffe6;border-radius:50%;width:44px;height:44px;position:absolute;top:4px;right:4px}.selected-place-chip{min-height:44px;color:var(--olle-black);background:var(--olle-gray-5);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.selected-place-row{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.selected-place-row .selected-place-chip{flex:none}.place-result-list{gap:8px;display:grid}.place-result-list button{text-align:left;background:var(--olle-white);border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:4px 10px;min-height:56px;padding:8px 10px;display:grid}.place-result-list button.selected{color:var(--olle-orange);background:#fff7ed}.place-result-list small{color:var(--olle-gray-1);grid-column:2}.compose-floating-summary{left:16px;right:16px;bottom:calc(var(--bottom-tab-height) + env(safe-area-inset-bottom) + 12px);box-shadow:var(--shadow-soft);background:#fffffff0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:fixed}.compose-floating-summary img,.compose-floating-summary .image-fallback{border-radius:7px;width:42px;height:42px}.profile-cover{background:var(--olle-gray-5);height:112px;margin:-18px -16px 0;position:relative}.profile-cover img{object-fit:cover;width:100%;height:100%}.settings-button{right:12px;top:calc(12px + env(safe-area-inset-top));background:#ffffffe6;border-radius:8px;width:44px;height:44px;position:absolute}.profile-edit-form{gap:14px;display:grid}.profile-edit-media{min-height:152px;margin-bottom:6px;position:relative}.cover-picker,.avatar-picker{cursor:pointer}.cover-picker input,.avatar-picker input{display:none}.cover-picker{background:var(--olle-gray-5);border-radius:8px;height:124px;display:block;position:relative;overflow:hidden}.cover-picker img,.cover-picker .image-fallback{object-fit:cover;border-radius:0;width:100%;height:100%}.cover-picker span,.avatar-picker span{min-height:44px;color:var(--olle-black);background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.cover-picker span{position:absolute;bottom:10px;right:10px}.avatar-picker{width:88px;height:88px;position:absolute;bottom:0;left:14px}.avatar-picker img,.avatar-picker .image-fallback{border:3px solid var(--surface);background:var(--olle-gray-5);width:88px;height:88px}.avatar-picker span{min-width:70px;box-shadow:var(--shadow-soft);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.profile-head{grid-template-columns:72px 1fr;align-items:center;gap:14px;margin-top:-28px;display:grid}.profile-title{gap:2px;display:grid}.profile-title span,.profile-title p{color:var(--olle-gray-1);margin:0;font-size:13px}.profile-counts{grid-column:1/-1;justify-content:flex-end;gap:28px;display:flex}.profile-counts div{place-items:center;gap:3px;display:grid}.profile-counts span{color:var(--olle-gray-1);font-size:12px}.follow-button{width:100%;margin-top:14px}.trust-strip{min-height:44px;color:var(--olle-orange);background:#fff7ed;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.trust-strip span{color:var(--olle-gray-1);font-weight:700}.profile-section{gap:12px;margin-top:18px;display:grid}.profile-section h2{align-items:center;gap:8px;margin:0;font-size:18px;display:inline-flex}.saved-place-list{gap:8px;display:grid}.saved-place-list a{background:var(--olle-gray-5);border-radius:8px;gap:4px;padding:12px;display:grid}.saved-place-list span{color:var(--olle-gray-1);font-size:13px}.saved-post-strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.saved-post-strip a{background:var(--olle-gray-5);border-radius:8px;flex:0 0 96px;height:96px;overflow:hidden}.saved-post-strip img,.saved-post-strip .image-fallback{object-fit:cover;border-radius:0;width:100%;height:100%}.taste-panel{background:var(--olle-gray-5);border-radius:8px;gap:14px;padding:16px;display:grid}.taste-panel p{color:var(--olle-gray-1);margin:0;line-height:1.5}.relation-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.relation-preview div{background:var(--olle-white);border-radius:8px;place-items:center;gap:2px;min-height:76px;padding:10px;display:grid}.relation-preview span{color:var(--olle-gray-1);font-size:12px}.taste-note{font-size:13px}@media (width>=860px){.app-shell{grid-template-columns:220px 1fr;padding-bottom:0;display:grid}.desktop-nav{border-right:1px solid var(--olle-gray-5);background:var(--surface);flex-direction:column;gap:28px;height:100dvh;padding:28px 18px;display:flex;position:sticky;top:0}.brand-mark{font-size:30px;font-weight:800}.desktop-nav nav{gap:8px;display:grid}.nav-link{justify-content:flex-start;gap:10px;padding:0 12px}.bottom-tabbar{display:none}.app-main{min-width:0}.map-screen{grid-template-columns:minmax(0,1fr) 360px;display:grid}.naver-map,.map-fallback{grid-column:1/-1}.bottom-sheet{border-radius:0;width:360px;max-height:none;padding:28px 22px;position:absolute;inset:0 0 0 auto;box-shadow:-8px 0 24px #1d1d1d1f}.sheet-handle{display:none}.map-floating-search{width:360px;right:auto}.detail-layout{grid-template-columns:minmax(0,680px) 360px;justify-content:center;align-items:start;padding-inline:28px}.place-detail-page{grid-template-columns:minmax(360px,1fr) 420px;gap:0;padding:0;display:grid}.place-map-preview{border-radius:0;min-height:100dvh}.place-info-panel{border-radius:0;min-height:100dvh;margin:0;box-shadow:-8px 0 24px #1d1d1d1f}.compose-page,.profile-page,.page{padding-inline:28px;max-width:980px;margin:0 auto;padding-bottom:36px}.compose-page{grid-template-columns:1fr 1fr;align-items:start}.compose-header{grid-column:1/-1}.compose-floating-summary{width:320px;bottom:28px;left:auto;right:28px}.profile-cover{border-radius:0 0 8px 8px;margin-inline:0}}