:root{--ink:#17243b;--muted:#68748a;--paper:#f8f5ee;--yellow:#f7ba22;--pink:#e85d75;--mint:#cce8df;--line:#e7e1d7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.brand{color:var(--ink);display:inline-block;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:700;letter-spacing:-2px;line-height:.72;text-decoration:none}.brand span,.eyebrow{color:var(--pink)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 13px}.home-page{min-height:100vh;overflow:hidden}.home-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:28px 40px}.home-nav p{color:var(--muted);font-size:13px;margin:0}.hero{align-items:center;display:flex;gap:70px;margin:38px auto 105px;max-width:1120px;min-height:405px;padding:0 40px}.hero-copy{flex:1.05 1;position:relative;z-index:2}.hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,7vw,94px);letter-spacing:-.075em;line-height:.89;margin:0}.hero h1 em{color:var(--pink);font-style:normal}.hero-description{color:#526077;font-size:17px;line-height:1.7;margin:28px 0}.steps{align-items:center;color:#63718a;display:flex;font-size:12px;font-weight:600;gap:9px;margin-top:35px;white-space:nowrap}.steps b{color:var(--pink);font-family:Georgia,serif;font-size:14px;margin-right:5px}.steps i{background:#c9c7c2;height:1px;width:25px}.hero-visual{background:#d8ece4;border-radius:48% 52% 46% 54%/49% 40% 60% 51%;flex:.95 1;height:395px;min-width:400px;overflow:hidden;position:relative;transform:rotate(-4deg)}.route{border:2px dashed rgba(23,36,59,.38);border-radius:50%;position:absolute}.route-one{height:255px;left:47px;top:57px;transform:rotate(-19deg);width:270px}.route-two{height:260px;left:128px;top:49px;transform:rotate(55deg);width:235px}.route-three{height:190px;left:95px;top:101px;transform:rotate(5deg);width:250px}.avatar{align-items:center;background:#fff;border:5px solid #fff;border-radius:50%;box-shadow:0 9px 19px rgba(31,64,69,.13);color:var(--ink);display:flex;font-family:Georgia,serif;font-size:25px;font-weight:700;height:73px;justify-content:center;position:absolute;text-align:center;width:73px}.avatar-a{background:#f5ba43;left:55px;top:91px}.avatar-b{background:#da9e90;bottom:57px;right:54px}.avatar-c{background:#c7b1de;right:54px;top:75px}.heart-pin{align-items:center;background:var(--pink);border:6px solid #fff;border-radius:50% 50% 50% 6px;box-shadow:0 9px 17px rgba(126,46,61,.22);color:#fff;display:flex;flex-direction:column;font-size:29px;height:84px;justify-content:center;left:calc(50% - 43px);line-height:.75;position:absolute;text-align:center;top:157px;transform:rotate(-45deg);width:84px}.heart-pin small{font-family:Arial,sans-serif;font-size:8px;font-weight:800;letter-spacing:.1em;line-height:1.1}.heart-pin small,.heart-pin:first-line{transform:rotate(45deg)}.sparkle{color:#fff;font-size:25px;position:absolute}.sparkle-a{left:31px;top:40px}.sparkle-b{bottom:35px;left:87px}.create-section{align-items:center;background:var(--ink);color:white;display:flex;gap:12vw;justify-content:center;min-height:310px;padding:62px 40px}.create-section .eyebrow{color:#f4bc37}.create-section h2{font-family:Georgia,Times New Roman,serif;font-size:37px;letter-spacing:-.05em;line-height:1.05;margin:0}.create-form{width:min(475px,100%)}.create-form label{color:#d9dfeb;display:block;font-size:13px;font-weight:700;margin-bottom:10px}.create-form label span{color:#79859b;font-size:11px;font-weight:400;margin-left:4px}.create-input-row{display:flex}.create-input-row input{background:#fff;border:0;border-radius:4px 0 0 4px;color:var(--ink);min-width:0;outline:none;padding:16px 17px;width:100%}.create-input-row button{background:var(--yellow);border:0;border-radius:0 4px 4px 0;color:var(--ink);font-size:13px;font-weight:800;min-width:116px;padding:0 15px}.create-input-row button:disabled{cursor:default;opacity:.65}.create-form>p:not(.feedback){color:#aeb9cd;font-size:11px;margin:12px 0 0}.feedback{color:#ffd78a;font-size:12px;line-height:1.45;margin:11px 0 0}.home-page footer{color:#657086;font-family:Georgia,serif;font-size:17px;margin:0 auto;max-width:1240px;padding:27px 40px}.home-page footer span{color:#8a94a6;font-family:Arial,sans-serif;font-size:11px;margin-left:10px}.room-page{display:grid;grid-template-columns:minmax(365px,455px) minmax(0,1fr);min-height:100vh}.room-message{align-items:center;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;font-size:15px;gap:14px;justify-content:center;min-height:100vh;padding:24px;text-align:center}.room-message p{margin:0}.room-message a{background:var(--ink);border-radius:6px;color:#fff;font-size:13px;font-weight:700;padding:11px 14px;text-decoration:none}.room-panel{background:var(--paper);min-height:100vh;overflow-y:auto;padding:26px 31px 32px;position:relative;z-index:2}.room-header{align-items:center;display:flex;justify-content:space-between}.brand.compact{font-size:22px}.share-button{background:transparent;border:1px solid #cbd1d6;border-radius:20px;color:#35435a;font-size:12px;font-weight:700;padding:8px 12px}.share-button:hover{border-color:var(--ink)}.session-title{border-bottom:1px solid var(--line);padding:38px 0 27px}.session-title h1{font-family:Georgia,Times New Roman,serif;font-size:34px;letter-spacing:-.06em;line-height:1.1;margin:0 0 10px}.session-title>p:last-child{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.location-form{border-bottom:1px solid var(--line);padding:25px 0}.location-form label{color:#35435a;display:block;font-size:12px;font-weight:800;margin-bottom:7px}.location-form input,.place-search input{background:#fff;border:1px solid #d8dce0;border-radius:6px;color:var(--ink);outline-color:var(--pink);padding:11px 12px;width:100%}.location-actions{display:flex;gap:8px;margin-top:9px}.primary-button,.secondary-button{border-radius:6px;font-size:12px;font-weight:800;padding:11px 12px}.primary-button{background:var(--ink);border:1px solid var(--ink);color:#fff;flex:1 1}.primary-button:disabled{opacity:.65}.secondary-button{background:transparent;border:1px solid #cfd4d7;color:var(--ink)}.form-help{color:var(--muted);font-size:11px;line-height:1.45;margin:10px 0 0}.members-card{border-bottom:1px solid var(--line);padding:25px 0}.section-heading{align-items:center;display:flex;justify-content:space-between}.section-heading h2{font-size:14px;margin:0}.section-heading span{color:var(--pink);font-family:Georgia,serif;font-size:16px;font-weight:700}.member-list{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:16px 0 0;padding:0}.member-list li{align-items:center;color:#334057;display:flex;font-size:13px;gap:9px}.member-list small{color:#8b95a4;font-size:10px;margin-left:auto}.member-number{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:800;height:22px;justify-content:center;width:22px}.empty-members{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0 0}.midpoint-card{background:var(--mint);border-radius:9px;margin-top:24px;overflow:hidden;padding:21px}.midpoint-card .eyebrow{color:#39776c;margin-bottom:8px}.midpoint-card h2{font-family:Georgia,Times New Roman,serif;font-size:25px;letter-spacing:-.06em;margin:0}.midpoint-card>p:not(.eyebrow){color:#547770;font-size:11px;margin:6px 0 15px}.place-search{display:grid;grid-gap:7px;gap:7px}.place-search input{background:rgba(255,255,255,.8);border-color:rgba(57,119,108,.22);font-size:12px;padding:9px 10px}.place-search a{color:#1c5c53;font-size:11px;font-weight:800;text-decoration:none}.expiry-note{color:#8a94a3;font-size:10px;line-height:1.45;margin:22px 0 0;text-align:center}.map-area{min-height:100vh;position:relative}.map-canvas,.map-shell{height:100%;min-height:100vh;width:100%}.map-overlay{align-items:center;background:#e6e4de;color:var(--muted);display:flex;font-size:13px;inset:0;justify-content:center;padding:30px;position:absolute;text-align:center}.map-hint{background:rgba(255,255,255,.92);border-radius:18px;bottom:25px;box-shadow:0 4px 17px rgba(21,36,59,.12);color:#526077;font-size:11px;left:50%;padding:9px 15px;position:absolute;transform:translateX(-50%)}.map-midpoint-label{align-items:center;background:#fff;border-radius:7px;bottom:27px;box-shadow:0 8px 22px rgba(21,36,59,.16);display:grid;grid-template-columns:22px auto;left:25px;padding:11px 17px 11px 11px;position:absolute}.map-midpoint-label span{align-items:center;background:var(--pink);border-radius:50%;color:#fff;display:flex;font-size:12px;grid-row:span 2;height:22px;justify-content:center;width:22px}.map-midpoint-label strong{color:var(--ink);font-size:12px;padding-left:7px}.map-midpoint-label small{color:#8190a0;font-size:9px;padding-left:7px}.place-search .map-app-help{color:#547770;font-size:10px;line-height:1.45;margin:0}@media (max-width:780px){.home-nav{padding:22px 24px}.hero{flex-direction:column;gap:35px;margin:35px auto 72px;min-height:auto;padding:0 24px}.hero-copy{width:100%}.hero-visual{flex:auto;height:310px;min-width:min(100%,330px);width:min(100%,390px)}.avatar{height:57px;width:57px}.avatar-a{left:42px;top:68px}.avatar-b{bottom:40px;right:40px}.avatar-c{right:41px;top:55px}.heart-pin{left:calc(50% - 39px);top:121px;transform:rotate(-45deg) scale(.85)}.route-one{height:202px;left:35px;top:43px;width:220px}.route-two{height:210px;left:98px;top:38px;width:197px}.route-three{height:150px;left:77px;top:77px;width:190px}.steps{font-size:10px;gap:6px}.steps i{width:12px}.create-section{align-items:flex-start;flex-direction:column;gap:28px;padding:53px 24px}.create-section h2{font-size:33px}.home-page footer{padding:22px 24px}.room-page{display:flex;flex-direction:column-reverse}.room-panel{min-height:auto;padding:23px 22px 29px}.map-area,.map-canvas,.map-shell{min-height:54vh}.map-midpoint-label{bottom:20px;left:18px}.map-hint{bottom:20px}}@media (max-width:400px){.home-nav p{display:none}.create-input-row button{min-width:103px;padding:0 10px}.room-panel{padding-left:18px;padding-right:18px}}