@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,PingFang SC,sans-serif;color:#233129;background:#f4f3ed;font-synthesis:none;--green: #285d47;--orange: #e06b3c;--cream: #f6f3e9;--ink: #203029}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.brand{display:flex;align-items:center;gap:10px;font-family:"Noto Serif SC",serif;font-size:22px;font-weight:900;color:var(--ink)}.brand-logo{display:block;width:190px;height:56px;object-fit:contain}.brand-mark{width:38px;height:38px;display:inline-grid;place-items:center;color:#fff;background:var(--orange);border-radius:50% 50% 50% 12px;transform:rotate(-8deg);font-family:"Noto Serif SC",serif;font-size:19px;box-shadow:0 6px 18px #c8522930}.brand-mark:first-letter{transform:rotate(8deg)}.eyebrow{margin:0 0 9px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.2em}.primary-button{border:0;border-radius:14px;color:#fff;background:var(--green);font-weight:700;padding:15px 20px;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 9px 22px #17422f30}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #17422f40}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(380px,.8fr);background:var(--cream)}.auth-story{position:relative;overflow:hidden;padding:45px clamp(42px,6vw,90px);color:#fff;background:linear-gradient(145deg,#214c3a,#356d55 58%,#6e8a68)}.auth-story:before{content:"";position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.auth-story:after{content:"";position:absolute;width:550px;height:550px;right:-250px;bottom:-220px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff08}.auth-story .brand{position:relative;z-index:2;width:fit-content;color:#fff;background:transparent}.auth-story .brand-logo{width:205px;height:60px}.story-copy{position:relative;z-index:2;margin-top:clamp(100px,18vh,190px);max-width:620px}.story-copy .eyebrow{color:#f0b28d}.story-copy h1{margin:0;font:700 clamp(44px,5vw,75px)/1.2 "Noto Serif SC",serif;letter-spacing:-.04em}.story-copy h1 em{color:#f4bb92;font-style:normal}.story-description{max-width:470px;margin-top:30px;color:#ecf1ecbb;font-size:16px;line-height:1.9}.story-route{position:absolute;z-index:1;left:8%;right:6%;bottom:70px;height:190px;opacity:.42}.story-route svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:7 8}.route-dot{position:absolute;width:13px;height:13px;background:#f6bd91;border:3px solid white;border-radius:50%;box-shadow:0 0 0 7px #fff2}.route-dot-a{left:1%;bottom:13px}.route-dot-b{right:0;top:2px}.story-place{position:absolute;z-index:2;left:clamp(42px,6vw,90px);bottom:42px;color:#ffffff82;font-size:10px;letter-spacing:.1em;line-height:1.7}.story-place strong{color:#fff;font-size:13px}.auth-panel{display:grid;place-items:center;position:relative;padding:40px}.back-to-map{position:absolute;top:28px;left:30px;border:0;padding:9px 12px;border-radius:10px;color:#526159;background:transparent;font-weight:600}.back-to-map:hover{background:#e8ebe4}.auth-card{width:min(100%,410px)}.mobile-brand{display:none;margin:0}.auth-card h2{margin:0 0 9px;font:700 37px "Noto Serif SC",serif}.auth-hint{margin:0 0 37px;color:#7c857f}.auth-card label,.record-drawer label{display:block;margin:20px 0 8px;color:#526159;font-size:12px;font-weight:700;letter-spacing:.03em}.auth-card input,.record-drawer input,.record-drawer textarea{width:100%;border:1px solid #d8dbd4;border-radius:12px;outline:0;padding:14px 15px;color:var(--ink);background:#ffffffb5;transition:border .2s,box-shadow .2s}.auth-card input:focus,.record-drawer input:focus,.record-drawer textarea:focus{border-color:#4c7f69;box-shadow:0 0 0 4px #4c7f6915}.auth-card .primary-button{width:100%;margin-top:27px}.form-error{margin:14px 0 -9px;color:#bb402d;font-size:13px}.text-button{width:100%;border:0;margin-top:18px;color:var(--green);background:transparent;font-size:13px;font-weight:700}.legal{position:absolute;bottom:23px;color:#9ba19d;font-size:11px}.map-page{position:relative;width:100vw;height:100vh;overflow:hidden;background:#dfe5db}.map-canvas{position:absolute;inset:0}.map-fallback{background-color:#dfe5d8;background-image:linear-gradient(27deg,transparent 48%,#f5f3e9 49%,#f5f3e9 56%,transparent 57%),linear-gradient(112deg,transparent 45%,#c2d6c2 46%,#c2d6c2 49%,transparent 50%);background-size:390px 330px,300px 280px}.fallback-map-art{position:absolute;inset:0;overflow:hidden;opacity:.65}.fallback-map-art span{position:absolute;width:calc(90px + (var(--i) * 7px));height:calc(40px + (var(--i) * 3px));left:calc((var(--i) * 157px) % 90%);top:calc((var(--i) * 103px) % 92%);border:1px solid #79957d88;border-radius:45% 55% 58% 42%;transform:rotate(calc(var(--i) * 17deg))}.glass-panel{border:1px solid #ffffffb8;background:#fffdf7e8;box-shadow:0 14px 40px #2749361d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.map-header{position:absolute;top:22px;left:24px;right:24px;height:66px;z-index:10;display:flex;align-items:center;padding:0 14px 0 18px;border-radius:18px}.map-header .brand{margin-right:auto}.map-header .brand-logo{width:166px;height:55px}.header-actions{display:flex;align-items:center;gap:8px}.record-list-button{width:39px;height:39px;border:1px solid #dbe2dc;border-radius:12px;color:var(--green);background:#f8faf6;font-size:24px;line-height:1}.record-list-button:hover,.record-list-button.active{color:#fff;border-color:var(--green);background:var(--green)}.map-search{position:absolute;z-index:9;top:100px;left:50%;width:min(420px,calc(100vw - 48px));transform:translate(-50%)}.map-search-box{width:33.333%;height:42px;display:flex;align-items:center;gap:9px;margin:0 auto;padding:0 15px;border:1px solid #dfe5df;border-radius:999px;background:#fffdf7ed;box-shadow:0 8px 22px #29453514;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-search-box>span{color:var(--green);font-size:21px;line-height:1}.map-search-box input{flex:1;min-width:0;border:0;outline:0;appearance:none;color:var(--ink);background:transparent;font-size:12px}.map-search-box input::-webkit-search-cancel-button{display:none}.map-search-box input::placeholder{color:#949d97}.map-search-results{max-height:min(430px,calc(100vh - 170px));margin-top:7px;overflow-y:auto;padding:8px;border-radius:16px}.map-search-result{width:100%;display:block;border:0;padding:10px 12px;border-radius:11px;color:var(--ink);background:transparent;text-align:left}.map-search-result:hover{background:#edf2ec}.search-result-copy{min-width:0}.search-result-copy strong,.search-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-copy strong{font-size:13px}.search-result-copy small{margin-top:4px;color:#87908a;font-size:10px}.search-status{margin:17px;color:#87918b;text-align:center;font-size:11px}.location-chip{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:38%;padding:9px 15px;border:1px solid #dde3dc;border-radius:999px;color:#59665f;background:#fff9;font-size:12px;white-space:nowrap;overflow:hidden}.location-chip span:last-child{overflow:hidden;text-overflow:ellipsis}.pulse-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#4b8a68;box-shadow:0 0 0 5px #4b8a6818}.avatar{width:39px;height:39px;border:0;border-radius:50%;color:#fff;background:var(--green);font-weight:700}.login-button{min-width:76px;height:39px;border:0;border-radius:12px;padding:0 20px;color:#fff;background:var(--green);font-weight:700;box-shadow:0 7px 18px #285d4730}.login-button:hover{background:#1f4e3a}.profile-menu{position:absolute;right:0;top:75px;width:210px;display:grid;gap:5px;padding:17px;border-radius:14px}.profile-menu>span{color:#8a938e;font-size:12px}.profile-links{display:grid;gap:3px;margin:9px -6px 5px;padding:7px 0;border-top:1px solid #e8e9e4;border-bottom:1px solid #e8e9e4}.profile-links button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:0;border-radius:9px;color:var(--ink);background:transparent;text-align:left}.profile-links button:hover{background:#edf2ec}.profile-links button span{color:inherit;font-size:13px;font-weight:600}.profile-links button small{min-width:22px;padding:2px 6px;border-radius:999px;color:#66736b;background:#e9eee9;text-align:center;font-size:10px}.profile-menu .logout-button{margin-top:3px;padding:8px 3px 2px;border:0;color:#a24132;background:none;text-align:left}.map-record-list{position:absolute;z-index:11;top:100px;right:24px;width:min(390px,calc(100vw - 48px));max-height:calc(100vh - 125px);overflow-y:auto;padding:18px;border-radius:18px}.map-record-list-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 12px;border-bottom:1px solid #e6e9e4}.map-record-list-head strong,.map-record-list-head small{display:block}.map-record-list-head strong{font:700 18px "Noto Serif SC",serif}.map-record-list-head small{margin-top:3px;color:#929a95;font-size:10px}.map-record-list-head>button{width:30px;height:30px;border:0;border-radius:50%;color:#69746e;background:#e9ece7;font-size:19px}.map-record-rows{display:grid;gap:9px;padding-top:11px}.map-record-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:14px;row-gap:6px;padding:14px;border:1px solid #e8ebe6;border-radius:14px;background:#fbfcf9d9;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.map-record-row:hover{border-color:#cad7ce;box-shadow:0 8px 20px #36544312;transform:translateY(-1px)}.map-record-title{grid-column:1;grid-row:1;min-width:0}.map-record-title strong{display:block;overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.map-record-address{grid-column:1;grid-row:2;min-width:0;overflow:hidden;color:#748078;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.map-record-row>.record-social-actions{grid-column:2;grid-row:1 / span 2;align-self:center}.map-record-empty{margin:34px 0 20px;color:#909a94;text-align:center;font-size:12px}.map-record-row{grid-template-rows:auto auto auto}.map-record-created{grid-column:1;grid-row:3;color:#a0a8a3;font-size:9px;line-height:1.3}.map-record-row>.record-social-actions{grid-row:1 / span 3}.journey-panel{position:absolute;z-index:5;left:24px;top:108px;width:330px;max-height:calc(100vh - 132px);padding:26px;border-radius:22px;overflow:auto}.journey-panel h1{margin:0 0 7px;font:700 27px "Noto Serif SC",serif}.journey-summary{margin:0;color:#7a857f;font-size:13px}.journey-summary strong{color:var(--orange);font-size:19px}.place-list{display:grid;gap:7px;margin:23px -8px 18px}.place-row{display:grid;grid-template-columns:47px 1fr;align-items:center;gap:12px;padding:8px;border:0;border-radius:12px;color:var(--ink);background:transparent;text-align:left}.place-row:hover{background:#eef1e9}.place-row img,.place-thumb{width:47px;height:47px;object-fit:cover;border-radius:10px}.place-thumb{display:grid;place-items:center;color:#fff;background:#8ca58e;font:700 18px "Noto Serif SC"}.place-row strong,.place-row small{display:block}.place-row strong{font-size:13px}.place-row small{margin-top:4px;color:#9aa09c;font-size:10px}.empty-journey{height:180px;display:grid;place-content:center;justify-items:center;color:#949f98;text-align:center;font-size:12px;line-height:1.7}.empty-journey p{margin:0}.add-place{width:100%}.add-place span{margin-right:7px;font-size:17px}.locate-button{position:absolute;z-index:4;right:25px;bottom:25px;width:48px;height:48px;border-radius:14px;color:var(--green);font-size:23px}.map-config-tip{position:absolute;z-index:3;left:50%;bottom:28px;transform:translate(-50%);padding:10px 17px;border-radius:999px;color:#5e6e64;font-size:11px}.map-config-tip code{color:var(--orange)}.map-pin{position:relative;width:38px;height:44px;border:0;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);color:#fff;background:var(--orange);box-shadow:0 4px 12px #5d3a2d55}.map-pin span{display:inline-block;transform:rotate(45deg);font-weight:700}.pick-marker{width:36px;height:36px;display:grid;place-items:center;border:4px solid white;border-radius:50%;color:#fff;background:var(--green);box-shadow:0 5px 16px #234a3b55}.record-drawer{position:absolute;z-index:20;top:0;right:0;width:min(470px,100%);height:100%;padding:31px 34px;overflow-y:auto;background:#faf9f4;box-shadow:-22px 0 70px #253e3433}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between}.drawer-head h2{margin:0;font:700 29px "Noto Serif SC",serif}.drawer-head button,.detail-close{width:36px;height:36px;border:0;border-radius:50%;color:#67726c;background:#e9ebe5;font-size:22px}.record-drawer label small{color:#a1a7a3;font-weight:400}.record-drawer textarea{resize:vertical}.coord-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.photo-add,.photo-preview{position:relative;aspect-ratio:1.2;overflow:hidden;border:1px dashed #bac3ba;border-radius:11px;color:#819087;background:#f0f1ec}.photo-add span{display:block;margin-bottom:4px;color:var(--orange);font-size:20px}.photo-preview{padding:0;border-style:solid}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview span{position:absolute;top:5px;right:5px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#21352dbb}.file-input{display:none}.save-button{width:100%;margin-top:28px}.public-record-option{display:flex!important;align-items:center;gap:11px;margin:24px 0 0!important;padding:13px 14px;border:1px solid #dde2db;border-radius:12px;background:#f4f5f0;cursor:pointer}.public-record-option>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.public-record-switch{position:relative;flex:0 0 auto;width:40px;height:23px;border-radius:999px;background:#c7cdc8;transition:background .2s}.public-record-switch:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #253e3430;transition:transform .2s}.public-record-option>input:checked+.public-record-switch{background:var(--green)}.public-record-option>input:checked+.public-record-switch:after{transform:translate(17px)}.public-record-option strong,.public-record-option small{display:block}.public-record-option strong{color:var(--ink);font-size:13px}.public-record-option small{margin-top:3px;color:#8d9691;font-weight:400}.public-record-option+.save-button{margin-top:14px}.toast{position:absolute;z-index:40;left:50%;top:105px;transform:translate(-50%);padding:12px 20px;border-radius:999px;color:#fff;background:#243c32e8;box-shadow:0 8px 25px #233b3133;font-size:13px}.place-detail{position:absolute;z-index:12;right:25px;bottom:90px;width:340px;max-height:calc(100vh - 120px);overflow-y:auto;border-radius:20px}.detail-close{position:absolute;z-index:2;top:12px;right:12px;color:#fff;background:#172a23aa}.detail-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:50%;margin:0 auto;padding:8px}.detail-photo-grid button{aspect-ratio:1;overflow:hidden;border:0;border-radius:7px;padding:0;background:transparent}.detail-photo-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.detail-photo-grid button:hover img{transform:scale(1.04)}.detail-content{padding:21px}.detail-content h2{margin:0 0 7px;font:700 24px "Noto Serif SC",serif}.detail-content>p:not(.eyebrow){color:#68736d;font-size:13px;line-height:1.65}.detail-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-actions{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin-top:12px}.danger-link{border:0;padding:7px 0;color:#b54e37;background:transparent;font-size:11px}.edit-record-button{border:0;border-radius:10px;padding:8px 18px;color:#fff;background:var(--green);font-size:12px;font-weight:700}.detail-meta{display:flex;align-items:center;gap:9px;margin-bottom:10px}.detail-meta .eyebrow{margin:0}.visibility-badge{padding:3px 8px;border-radius:999px;color:#2f7254;background:#e2f0e7;font-size:10px;font-weight:700}.visibility-badge.private{color:#707974;background:#e8eae7}.detail-social-row{display:flex;justify-content:flex-end;margin-top:16px}.record-social-actions{display:flex;flex:0 0 auto;gap:5px}.record-social-actions button{width:34px;height:43px;display:grid;place-content:center;gap:2px;border:1px solid #e0e4df;border-radius:10px;color:#758079;background:#f7f8f4;line-height:1}.record-social-actions button>span{font-size:19px}.record-social-actions button>small{color:inherit;font-size:9px;font-weight:600}.record-social-actions button:hover{border-color:#c8d2ca;background:#eef2ec}.record-social-actions button.active{color:#e06057;border-color:#edc6c1;background:#fff0ed}.record-social-actions button:first-child.active{color:#d58a2e;border-color:#ebd1ac;background:#fff7e8}.record-social-actions button:disabled{opacity:.55;cursor:wait}.photo-lightbox{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:28px;background:#101713dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.photo-lightbox>button{position:fixed;top:22px;right:24px;width:44px;height:44px;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#ffffff18;font-size:28px}.photo-lightbox img{display:block;max-width:min(94vw,1400px);max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 80px #0008}.app-loading{height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:#6e7973}.app-loading .brand-logo{width:240px;height:100px}.app-loading p{font-size:12px;letter-spacing:.08em}.slide-enter-active,.slide-leave-active,.detail-enter-active,.detail-leave-active,.toast-enter-active,.toast-leave-active{transition:all .3s ease}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.detail-enter-from,.detail-leave-to{opacity:0;transform:translateY(20px)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-10px)}@media(max-width:800px){.auth-page{display:block;background:linear-gradient(150deg,#e9eee5,#faf7ef)}.auth-story{display:none}.auth-panel{min-height:100vh;padding:30px}.mobile-brand{display:flex;align-items:center;margin-bottom:60px}.mobile-brand .brand-logo{width:200px;height:76px}.map-header{top:12px;left:12px;right:12px}.map-header .brand-logo{width:112px;height:48px}.location-chip{max-width:38%}.header-actions{gap:5px}.record-list-button{width:36px;height:36px}.map-search{top:90px;width:min(420px,calc(100vw - 64px))}.map-search-results{max-height:calc(100vh - 215px)}.map-record-list{top:90px;right:12px;left:12px;width:auto;max-height:calc(100vh - 200px)}.journey-panel{inset:auto 12px 12px;width:auto;max-height:41vh;padding:20px}.journey-panel .eyebrow,.journey-panel h1,.journey-summary,.place-list{display:none}.empty-journey{height:52px}.locate-button{right:18px;bottom:calc(41vh + 25px)}.map-config-tip{bottom:calc(41vh + 28px);max-width:65%;text-align:center}.place-detail{left:12px;right:12px;bottom:105px;width:auto}.record-drawer{padding:25px 22px}}