:root{--bg:#f7eee1;--surface:#fffffff2;--text:#1e1b18;--text-strong:#111;--muted:#7d7468;--border:#0f172a14;--shadow:0 24px 60px #0f172a1f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/1.6 var(--sans);color:var(--text);background:var(--bg);letter-spacing:.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}button{font:inherit}h1,h2,p{margin:0}html,body,#root{-webkit-text-size-adjust:100%;width:100%;height:100%;min-height:100%;overflow-x:hidden}:root{--app-tab-scroll-clear-nav:max(118px, calc(env(safe-area-inset-bottom,0px) + 94px));--app-tab-scroll-clear-nav-timeline:max(132px, calc(env(safe-area-inset-bottom,0px) + 116px));--app-tab-scroll-clear-nav-album:max(132px, calc(env(safe-area-inset-bottom,0px) + 116px));--app-tab-scroll-clear-nav-footprints:max(134px, calc(env(safe-area-inset-bottom,0px) + 108px));--sumpyo-tab-bg:linear-gradient(180deg, #f7fbff 0%, #f8fbfe 48%, #fff 100%);--sumpyo-title:#18324a;--sumpyo-text:#3d5270;--sumpyo-text-muted:#6e8194;--sumpyo-card-bg:#fff;--sumpyo-card-border:#7c99b42e;--sumpyo-card-shadow:0 4px 14px #2b5c820f}input,textarea,select{font-size:16px}.app-shell{box-sizing:border-box;background:#f5efe3;justify-content:flex-start;align-items:stretch;width:100vw;height:100%;min-height:100dvh;padding:0;display:flex}.app-shell:has(.app-main){background:#f7fbff;height:100dvh;max-height:100dvh;overflow:hidden}.device-frame{box-sizing:border-box;width:100vw;min-height:100dvh;box-shadow:none;background:#fff;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.device-frame:has(.app-main){background:0 0;flex:auto;height:100%;min-height:0;max-height:100%}@media (width>=768px){.app-shell{justify-content:center;align-items:center;width:auto;height:auto;min-height:100dvh;max-height:none;padding:24px 20px;overflow:visible}.app-shell:has(.app-main){height:auto;max-height:none;overflow:visible}.device-frame{aspect-ratio:9/16;border-radius:36px;width:min(430px,100vw - 24px);min-height:0;max-height:min(860px,100dvh - 24px);box-shadow:0 32px 80px #0f172a2e}.device-frame:has(.app-main){flex:0 auto;height:auto;max-height:min(860px,100dvh - 24px)}}.app-main{background:var(--sumpyo-tab-bg);min-height:0;color:var(--sumpyo-title);flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.app-main-body{flex:auto;justify-content:center;align-items:center;min-height:0;padding:28px 20px;display:flex;overflow:hidden}.app-main-body:not(.app-main-body--map):not(.app-main-body--timeline):not(.app-main-body--album):not(.app-main-body--footprints):not(.app-main-body--settings){padding-bottom:max(96px, calc(env(safe-area-inset-bottom,0px) + 76px))}.app-main-placeholder{letter-spacing:-.02em;color:#4a4236;text-align:center;margin:0;font-size:1.2rem;font-weight:600}.app-main--map{color:var(--sumpyo-title);background:0 0}.timeline-tab,.album-tab,.footprints-tab,.settings-tab,.map-tab{background:0 0}.app-main-body--map{justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden}.app-shell--timeline{background:var(--sumpyo-tab-bg)}.app-main-body--timeline{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;padding:16px 16px 0}.app-main-body--timeline,.app-main-body--album,.app-main-body--footprints,.app-main-body--settings{-webkit-overflow-scrolling:touch;overflow:hidden}.timeline-tab{background:0 0;flex-direction:column;flex:auto;gap:10px;width:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.timeline-header{flex-shrink:0;gap:8px;display:grid}.timeline-top-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.timeline-top-copy{flex:1;min-width:0}.timeline-top-actions{opacity:.58;flex-shrink:0;align-items:center;gap:5px;display:flex}.timeline-icon-pill{color:#8fa3b8;cursor:default;opacity:1;background:#ffffffe0;border:1px solid #bad2eb52;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.timeline-decor-icon-svg{opacity:.85;display:block}.timeline-filter-pills{scrollbar-width:none;align-items:center;gap:5px;padding-bottom:1px;display:flex;overflow-x:auto}.timeline-filter-pills::-webkit-scrollbar{display:none}.timeline-filter-pill{letter-spacing:-.02em;color:#8fa3b8;cursor:default;background:#ffffffb8;border:1px solid #bad2eb47;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.64rem;font-weight:600}.timeline-filter-pill--active{color:#3d5f82;background:#fffffff2;border-color:#bad2eb73;box-shadow:0 1px 3px #2b5c8208}.timeline-filter-pill:disabled{opacity:.38;background:#ffffff73;border-color:#bad2eb2e}.timeline-title{letter-spacing:-.03em;color:#243552;margin:0;font-size:1.02rem;font-weight:700}.timeline-subtitle{color:#6e8194eb;margin:2px 0 0;font-size:.72rem;font-weight:500;line-height:1.45}.timeline-calendar{background:#ffffffeb;border:1px solid #bad2eb57;border-radius:14px;gap:5px;padding:8px 9px 9px;display:grid;box-shadow:0 1px 4px #2b5c8208}.timeline-calendar--expanded{padding-bottom:10px}.timeline-calendar-caption{justify-content:space-between;align-items:center;gap:6px;padding:0 1px;display:flex}.timeline-calendar-caption-center{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px 8px;min-width:0;display:flex}.timeline-calendar-toggle{font:inherit;letter-spacing:-.02em;color:#4a7eb8eb;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin:0;padding:2px 0;font-size:.58rem;font-weight:600;line-height:1.3;text-decoration:underline}.timeline-calendar-toggle:hover{color:#4a6278}.timeline-calendar-toggle:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #4a7eb873}.timeline-calendar-week-nav{width:32px;min-width:32px;height:32px;min-height:32px;font:inherit;letter-spacing:0;color:#4a6278eb;cursor:pointer;box-shadow:none;background:#ffffffe0;border:1px solid #bad2eb66;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:1rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.timeline-calendar-week-nav:hover{color:#4a6278;background:#f4f9fdfa;border-color:#7c99b480}.timeline-calendar-week-nav:active{background:#edf6fff2}.timeline-calendar-week-nav:focus-visible{outline-offset:2px;outline:2px solid #4a7eb873}.timeline-calendar-month{letter-spacing:-.02em;color:#4a6278;font-size:.7rem;font-weight:700}.timeline-calendar-hint{color:#8fa3b8f2;font-size:.6rem;font-weight:500}.timeline-calendar-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.timeline-calendar-weekday{color:#8fa3b8f2;letter-spacing:-.02em;font-size:.56rem;font-weight:600}.timeline-calendar-dates{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.timeline-calendar-dates--expanded{gap:3px}.timeline-date-cell{min-height:28px;font:inherit;cursor:pointer;appearance:none;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.timeline-date-cell--empty{min-height:28px;box-shadow:none;pointer-events:none;background:0 0;border:none}.timeline-date-cell--outside:not(.timeline-date-cell--active){opacity:.42}.timeline-date-cell--outside:not(.timeline-date-cell--active) .timeline-date-num{color:#8fa3b8e0;font-weight:500}.timeline-date-cell--weekend:not(.timeline-date-cell--active):not(.timeline-date-cell--has-photo):not(.timeline-date-cell--has-record){background:#f8fbfe8c}.timeline-date-cell--has-record:not(.timeline-date-cell--has-photo):not(.timeline-date-cell--active){background:#f8fbfed9;border-color:#d2e4f28c}.timeline-date-cell--weekend.timeline-date-cell--has-record:not(.timeline-date-cell--has-photo):not(.timeline-date-cell--active){background:#f6fafde6;border-color:#d2e4f280}.timeline-date-cell--has-record:not(.timeline-date-cell--has-photo):not(.timeline-date-cell--active):after{content:"";background:#7a9ec08c;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.timeline-date-cell--has-photo:not(.timeline-date-cell--active){box-shadow:none;background:#f8fbfee6;border-color:#c8dcee80}.timeline-date-cell--weekend.timeline-date-cell--has-photo:not(.timeline-date-cell--active){box-shadow:none;background:#f6fafdeb;border-color:#c8dcee7a}.timeline-date-cell--has-photo:not(.timeline-date-cell--active):after{content:"";background:#4a7eb880;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.timeline-date-cell--active{background:#fff;border-color:#bad2eb8c;box-shadow:0 1px 4px #2b5c820d}.timeline-date-cell--active.timeline-date-cell--has-record:not(.timeline-date-cell--has-photo){background:#fff;border-color:#bad2eb94;box-shadow:0 1px 5px #2b5c820d}.timeline-date-cell--active.timeline-date-cell--has-photo{background:#fff;border-color:#a0bcd68c;box-shadow:0 1px 5px #2b5c820d}.timeline-date-cell--active.timeline-date-cell--has-record:after,.timeline-date-cell--active.timeline-date-cell--has-photo:after{content:"";background:#3d5f82a6;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.timeline-date-num{color:#8fa3b8;letter-spacing:-.03em;font-size:.74rem;font-weight:600}.timeline-date-cell--has-record:not(.timeline-date-cell--has-photo):not(.timeline-date-cell--active) .timeline-date-num{color:#5a7288;font-weight:600}.timeline-date-cell--has-photo:not(.timeline-date-cell--active) .timeline-date-num{color:#4a6278;font-weight:600}.timeline-date-cell--active .timeline-date-num,.timeline-date-cell--active.timeline-date-cell--has-photo .timeline-date-num{color:#243552;font-weight:700}.timeline-date-cell:focus-visible{outline-offset:2px;outline:2px solid #2b5c8259}.timeline-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;min-height:0;padding-bottom:var(--app-tab-scroll-clear-nav-timeline);scrollbar-width:none;-ms-overflow-style:none;flex:auto;margin-inline:-2px;padding-inline:2px;overflow:hidden auto}.timeline-scroll>*+*{margin-top:14px}.timeline-scroll::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--timeline,.app-shell--timeline .device-frame,.app-shell--timeline .app-main,.app-shell--timeline .app-main-body--timeline,.app-shell--timeline .timeline-screen,.app-shell--timeline .timeline-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-shell--timeline .timeline-scroll{-webkit-overflow-scrolling:touch}.app-shell--timeline .timeline-screen::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--timeline .timeline-scroll::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--timeline .app-main-body--timeline::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--timeline .app-main::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--timeline .device-frame::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--timeline::-webkit-scrollbar{width:0;height:0;display:none}.timeline-scroll .sumpyo-empty-state{padding:8px 2px 18px}.timeline-scroll .sumpyo-empty-state-card{border-color:#bad2eb61;border-radius:16px;max-width:280px;padding:18px 16px 16px;box-shadow:0 2px 12px #2b5c820a}.timeline-scroll .sumpyo-empty-state-card:before{background:radial-gradient(80% 55% at 50% 0,#e8f3fc80 0%,#0000 70%),linear-gradient(#f8fbfed9 0%,#fff0 45%)}.timeline-scroll .sumpyo-empty-state-illustration{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 72' fill='none'%3E%3Crect x='10' y='14' width='44' height='32' rx='6' fill='%23F4F9FD' stroke='%23D4E4F0' stroke-width='1.2'/%3E%3Cpath d='M16 36 C24 30 32 32 40 34' stroke='%23CDD8E6' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='30' cy='28' r='2.5' fill='%23D4E8F8'/%3E%3Crect x='54' y='20' width='38' height='40' rx='5' fill='%23FFFFFF' stroke='%23D4E4F0' stroke-width='1.2' transform='rotate(-2 73 40)'/%3E%3Cpath d='M62 34 h22 M62 42 h15 M62 50 h18' stroke='%23E2E9F2' stroke-width='1.8' stroke-linecap='round'/%3E%3Crect x='60' y='26' width='10' height='6' rx='1.5' fill='%23E8F3FC'/%3E%3Cpath d='M22 52 L34 52' stroke='%23DCE4EE' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");width:104px;height:72px;margin-bottom:12px}.timeline-scroll .sumpyo-empty-state-title{color:#243552;font-size:.9rem;font-weight:700}.timeline-scroll .sumpyo-empty-state-description{color:#6a8298f2;font-size:.76rem}.timeline-scroll .sumpyo-tab-status{padding:14px 6px 20px}.timeline-scroll .sumpyo-tab-status-message{font-size:.8rem}.timeline-scroll .sumpyo-tab-status--loading .sumpyo-tab-status-message{color:#7a8fa8f2}.timeline-scroll .sumpyo-tab-status--error .sumpyo-tab-status-message{color:#8f5a62;background:#ffffffeb;border-color:#bad2eb73;border-radius:12px;max-width:280px}.sumpyo-empty-state{justify-content:center;padding:20px 4px 28px;display:flex}.sumpyo-empty-state-card{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #bad2eb6b;border-radius:20px;width:100%;max-width:320px;padding:20px 18px 18px;position:relative;overflow:hidden;box-shadow:0 6px 20px #1a34580d}.sumpyo-empty-state-card:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 0,#e8f3fc8c 0%,#0000 72%),linear-gradient(#f8fbfee6 0%,#fff0 42%);position:absolute;inset:0}.sumpyo-empty-state-illustration{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 68' fill='none'%3E%3Crect width='96' height='68' fill='transparent'/%3E%3Cpath d='M4 42 C28 30 44 34 62 38 S84 32 94 28' stroke='%23CDD8E6' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M18 18 C32 14 48 16 58 22' stroke='%23DCE4EE' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M72 48 C80 40 86 32 90 24' stroke='%23E2E9F2' stroke-width='2' stroke-linecap='round'/%3E%3Cellipse cx='48' cy='36' rx='6' ry='4' fill='%23D4E8F8' opacity='0.7'/%3E%3Cpath d='M48 22 C44 22 42 28 42 34 C42 44 48 52 48 52 C48 52 54 44 54 34 C54 28 52 22 48 22Z' fill='%234A7EB8'/%3E%3Ccircle cx='48' cy='32' r='3' fill='%23FFFFFF'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:96px;height:68px;margin:0 auto 14px;display:block;position:relative}.sumpyo-empty-state-title{z-index:1;letter-spacing:-.02em;color:#1a2744;margin:0 0 8px;font-size:.94rem;font-weight:700;line-height:1.35;position:relative}.sumpyo-empty-state-description{z-index:1;color:#6a829c;margin:0;font-size:.8rem;font-weight:500;line-height:1.55;position:relative}.sumpyo-tab-status{justify-content:center;padding:24px 16px 28px;display:flex}.sumpyo-tab-status-message{text-align:center;margin:0;font-size:.85rem;font-weight:500;line-height:1.5}.sumpyo-tab-status--loading .sumpyo-tab-status-message{color:#7a8fa8}.sumpyo-tab-status--error .sumpyo-tab-status-message{box-sizing:border-box;color:#8f5a62;background:#9b6b730f;border:1px solid #9b6b732e;border-radius:14px;width:100%;max-width:320px;padding:12px 14px;font-weight:600}.timeline-flow-list{flex-direction:column;gap:0;margin:0;padding:2px 0 0;list-style:none;display:flex}.timeline-flow-item{grid-template-columns:40px minmax(0,1fr);gap:8px;padding-bottom:14px;display:grid}.timeline-flow-item--last{padding-bottom:4px}.timeline-flow-item--last .timeline-flow-rail{opacity:.25;min-height:6px}.timeline-flow-axis{flex-direction:column;align-items:center;display:flex}.timeline-flow-date-badge{background:#fff;border:1px solid #bad2eb61;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 1px 3px #2b5c8208}.timeline-flow-date-day{color:#243552;letter-spacing:-.03em;font-size:.74rem;font-weight:700;line-height:1}.timeline-flow-date-weekday{color:#8fa3b8f2;margin-top:1px;font-size:.54rem;font-weight:500}.timeline-flow-rail{background:linear-gradient(#d2e4f2a6 0%,#d2e4f214 100%);border-radius:999px;flex:1;width:1px;min-height:22px;margin-top:5px}.timeline-flow-content{min-width:0;padding-top:1px}.timeline-flow-time-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.timeline-flow-dot{width:5px;height:5px;box-shadow:none;background:#7a9ec0bf;border-radius:50%;flex-shrink:0}.timeline-flow-time{letter-spacing:-.01em;color:#8fa3b8f2;font-size:.64rem;font-weight:500}.timeline-entry-card{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block}.timeline-entry-card:focus-visible{outline:none}.timeline-entry-card:focus-visible .timeline-entry-card-inner{outline-offset:2px;outline:2px solid #2b5c8259}.timeline-entry-card-inner{background:#fff;border:1px solid #bad2eb57;border-radius:12px;grid-template-columns:44px minmax(0,1fr) 34px;align-items:stretch;gap:8px;padding:9px 9px 9px 8px;display:grid;box-shadow:0 1px 4px #2b5c8208}.timeline-entry-thumb{border-radius:8px;flex-shrink:0;align-self:center;width:44px;height:44px;overflow:hidden}.timeline-entry-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.timeline-entry-thumb--placeholder{background:linear-gradient(165deg,#f0f8fff2 0%,#f8fbfeeb 100%);border:1px solid #bad2eb47;position:relative}.timeline-entry-thumb-lines{opacity:.45;background-color:#0000;background-image:linear-gradient(#d2e4f266 1px,#0000 1px),linear-gradient(90deg,#d2e4f266 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:5px;position:absolute;inset:7px 6px}.timeline-entry-thumb--placeholder:after{content:"";background:#ffffffe6;border:1px solid #bad2eb61;border-radius:2px;width:14px;height:10px;position:absolute;bottom:5px;right:5px;transform:rotate(-4deg);box-shadow:0 1px 2px #2b5c820a}.timeline-entry-main{flex-direction:column;align-self:center;gap:3px;min-width:0;display:flex}.timeline-entry-place{letter-spacing:-.025em;color:#243552;margin:0;font-size:.78rem;font-weight:700;line-height:1.35}.timeline-mood-badge{letter-spacing:-.02em;color:#4a6a88;background:#f0f8ffe6;border:1px solid #bad2eb61;border-radius:999px;align-self:flex-start;align-items:center;padding:1px 6px;font-size:.54rem;font-weight:600;display:inline-flex}.timeline-entry-sublabel{color:#bad2ebf2;letter-spacing:-.01em;margin:0;font-size:.58rem;font-weight:500}.timeline-entry-memo{color:#6a8298eb;letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.68rem;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.timeline-entry-map-preview{opacity:.72;background:#f8fbfed9;border:1px solid #d2e4f28c;border-radius:8px;align-self:center;width:34px;height:44px;position:relative;overflow:hidden}.timeline-entry-map-preview:before{content:"";opacity:.4;background-color:#0000;background-image:linear-gradient(#d2e4f247 1px,#0000 1px),linear-gradient(90deg,#d2e4f247 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:7px 7px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.timeline-entry-map-pin{width:6px;height:6px;box-shadow:none;z-index:1;background:#7a9ec0b3;border-radius:50% 50% 50% 0;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.timeline-cta-card{text-align:center;background:#ffffffeb;border:1px solid #bad2eb57;border-radius:14px;margin-top:0;margin-bottom:4px;padding:14px 14px 12px;box-shadow:0 1px 4px #2b5c8208}.timeline-cta-title{letter-spacing:-.025em;color:#243552;margin:0 0 4px;font-size:.8rem;font-weight:700}.timeline-cta-description{color:#6a8298eb;margin:0 0 10px;font-size:.7rem;font-weight:500;line-height:1.5}.timeline-cta-button{letter-spacing:-.02em;color:#3d5f82;cursor:pointer;background:#fffffff2;border:1px solid #bad2eb73;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 16px;font-size:.72rem;font-weight:600;display:inline-flex}.timeline-cta-button:hover{background:#f8fbfefa;border-color:#a0bcd68c}.timeline-cta-button:focus-visible{outline-offset:2px;outline:2px solid #2b5c8259}.app-shell--album{background:var(--sumpyo-tab-bg)}.app-main-body--album{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;padding:16px 16px 0}.album-tab{background:0 0;flex-direction:column;flex:auto;gap:10px;width:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.album-header{flex-shrink:0;gap:7px;display:grid}.album-top-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.album-top-copy{flex:1;min-width:0}.album-top-actions{opacity:.62;flex-shrink:0;align-items:center;gap:5px;display:flex}.album-toolbar-btn{color:#8fa3b8;cursor:default;appearance:none;background:#ffffffe0;border:1px solid #bad2eb52;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;margin:0;padding:0;display:inline-flex}.album-toolbar-btn--solo:disabled{opacity:1}.album-toolbar-icon{opacity:.85;flex-shrink:0;display:block}.album-view-toggle{background:#ffffffe0;border:1px solid #bad2eb47;border-radius:999px;align-items:center;gap:1px;padding:2px;display:inline-flex}.album-view-toggle-btn{color:#9aafc2;cursor:pointer;appearance:none;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;margin:0;padding:0;display:inline-flex}.album-view-toggle-btn--active{color:#3d5f82;box-shadow:none;background:#e8f3fce6}.album-view-toggle-btn:disabled{cursor:default;opacity:.42}.album-view-toggle-btn:focus-visible{outline-offset:1px;outline:2px solid #2b5c8259}.album-filter-pills{box-shadow:none;background:0 0;border:none;border-radius:0;align-items:center;gap:5px;padding:0;display:flex}.album-filter-pill{letter-spacing:-.02em;color:#8fa3b8;cursor:default;text-align:center;white-space:nowrap;background:#ffffffb8;border:1px solid #bad2eb47;border-radius:999px;flex:0 auto;min-width:0;padding:5px 10px;font-size:.64rem;font-weight:600}.album-filter-pill--active{color:#3d5f82;background:#fffffff2;border-color:#bad2eb73;box-shadow:0 1px 3px #2b5c8208}.album-filter-pill:disabled:not(.album-filter-pill--active){opacity:.38;background:#ffffff73;border-color:#bad2eb2e}.album-title{letter-spacing:-.03em;color:#243552;margin:0;font-size:1.02rem;font-weight:700}.album-subtitle{color:#6e8194eb;margin:2px 0 0;font-size:.72rem;font-weight:500;line-height:1.45}.album-summary-inline{letter-spacing:-.01em;color:#8fa3b8f2;margin:0;padding:0 1px;font-size:.66rem;font-weight:500}.album-summary-count{color:#6e8194;font-weight:700}.album-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;min-height:0;padding-bottom:var(--app-tab-scroll-clear-nav-album);scrollbar-width:none;-ms-overflow-style:none;flex:auto;margin-inline:-2px;padding-inline:2px;overflow:hidden auto}.album-scroll::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--album,.app-shell--album .device-frame,.app-shell--album .app-main,.app-shell--album .app-main-body--album,.app-shell--album .album-screen,.app-shell--album .album-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-shell--album .album-scroll{-webkit-overflow-scrolling:touch}.app-shell--album .album-screen::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--album .album-scroll::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--album .app-main-body--album::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--album .app-main::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--album .device-frame::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--album::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--footprints,.app-shell--footprints .device-frame,.app-shell--footprints .app-main,.app-shell--footprints .app-main-body--footprints,.app-shell--footprints .footprints-screen,.app-shell--footprints .footprints-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-shell--footprints .footprints-scroll{-webkit-overflow-scrolling:touch}.app-shell--footprints .footprints-screen::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--footprints .footprints-scroll::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--footprints .app-main-body--footprints::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--footprints .app-main::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--footprints .device-frame::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--footprints::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--settings{background:var(--sumpyo-tab-bg)}.app-shell--settings,.app-shell--settings .device-frame,.app-shell--settings .app-main,.app-shell--settings .app-main-body--settings,.app-shell--settings .settings-screen,.app-shell--settings .settings-scroll{scrollbar-width:none;-ms-overflow-style:none}.app-shell--settings .settings-scroll{-webkit-overflow-scrolling:touch}.app-shell--settings .settings-screen::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--settings .settings-scroll::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--settings .app-main-body--settings::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--settings .app-main::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--settings .device-frame::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--settings::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--map{background:var(--sumpyo-tab-bg)}.app-shell--map .device-frame,.app-shell--map .app-main{background:0 0}.app-shell--map,.app-shell--map .device-frame,.app-shell--map .app-main,.app-shell--map .app-main-body--map,.app-shell--map .map-tab{scrollbar-width:none;-ms-overflow-style:none}.app-shell--map .map-tab::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--map .app-main-body--map::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--map .app-main::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--map .device-frame::-webkit-scrollbar{width:0;height:0;display:none}.app-shell--map::-webkit-scrollbar{width:0;height:0;display:none}.album-scroll .sumpyo-empty-state{padding:8px 2px 20px}.album-scroll .sumpyo-empty-state-card{border-color:#bad2eb61;border-radius:16px;max-width:280px;padding:18px 16px 16px;box-shadow:0 2px 12px #2b5c820a}.album-scroll .sumpyo-empty-state-card:before{background:radial-gradient(80% 55% at 50% 0,#e8f3fc80 0%,#0000 70%),linear-gradient(#f8fbfed9 0%,#fff0 45%)}.album-scroll .sumpyo-empty-state-illustration{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 72' fill='none'%3E%3Crect x='8' y='10' width='52' height='40' rx='8' fill='%23F4F9FD' stroke='%23D4E4F0' stroke-width='1.2'/%3E%3Cpath d='M14 38 C22 30 30 32 38 36 S50 28 56 24' stroke='%23CDD8E6' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M20 22 C28 18 36 20 42 24' stroke='%23DCE4EE' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='34' cy='30' r='3' fill='%23D4E8F8'/%3E%3Crect x='58' y='18' width='36' height='44' rx='6' fill='%23FFFFFF' stroke='%23D4E4F0' stroke-width='1.2' transform='rotate(4 76 40)'/%3E%3Cpath d='M66 32 h20 M66 40 h14 M66 48 h16' stroke='%23E2E9F2' stroke-width='2' stroke-linecap='round'/%3E%3Crect x='64' y='24' width='12' height='8' rx='2' fill='%23E8F3FC'/%3E%3C/svg%3E");width:104px;height:72px;margin-bottom:12px}.album-scroll .sumpyo-empty-state-title{color:#243552;font-size:.9rem;font-weight:700}.album-scroll .sumpyo-empty-state-description{color:#6a8298f2;font-size:.76rem}.album-scroll .sumpyo-tab-status{padding:14px 6px 22px}.album-scroll .sumpyo-tab-status-message{font-size:.8rem}.album-scroll .sumpyo-tab-status--loading .sumpyo-tab-status-message{color:#7a8fa8f2}.album-scroll .sumpyo-tab-status--error .sumpyo-tab-status-message{color:#8f5a62;background:#ffffffeb;border-color:#bad2eb73;border-radius:12px;max-width:280px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:2px 0 0;list-style:none;display:grid}.album-grid-item{min-width:0}.album-grid-card{width:100%;font:inherit;text-align:left;appearance:none;cursor:pointer;background:#fff;border:1px solid #bad2eb57;border-radius:12px;flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 4px #2b5c8208}.album-grid-card--static{cursor:default}.album-grid-card:focus-visible{outline-offset:2px;outline:2px solid #2b5c8259}.album-photo-frame{aspect-ratio:1;background:#f0f8ffa6;border-radius:8px;margin:5px 5px 0;overflow:hidden}.album-photo-thumb{object-fit:cover;width:100%;height:100%;display:block}.album-photo-placeholder{aspect-ratio:1;background:linear-gradient(165deg,#f0f8fff2 0%,#f8fbfeeb 100%);border-radius:8px;flex-shrink:0;width:calc(100% - 10px);margin:5px 5px 0;position:relative;overflow:hidden}.album-photo-placeholder:before{content:"";opacity:.45;background-color:#0000;background-image:linear-gradient(#d2e4f259 1px,#0000 1px),linear-gradient(90deg,#d2e4f259 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;position:absolute;inset:8px}.album-photo-placeholder:after{content:"";background:#ffffffe0;border:1px solid #bad2eb73;border-radius:3px;width:22px;height:16px;position:absolute;bottom:12px;right:12px;transform:rotate(-3deg);box-shadow:0 1px 3px #2b5c820f}.album-item-body{gap:2px;padding:5px 8px 7px;display:grid}.album-item-place{letter-spacing:-.025em;color:#243552;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;font-weight:700;line-height:1.35;overflow:hidden}.album-item-meta-row{align-items:center;gap:4px;min-width:0;display:flex}.album-item-date{color:#8fa3b8f2;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.58rem;font-weight:500;overflow:hidden}.album-mood-badge{letter-spacing:-.02em;color:#4a6a88;background:#f0f8ffe6;border:1px solid #bad2eb61;border-radius:999px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:.54rem;font-weight:600;display:inline-flex}.app-shell--footprints{background:var(--sumpyo-tab-bg)}.app-main-body--footprints{overscroll-behavior-y:contain;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:16px 16px 0}.footprints-tab{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.footprints-screen{background:0 0}.footprints-header{flex-shrink:0;gap:7px;display:grid}.footprints-top-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.footprints-top-copy{gap:2px;min-width:0;display:grid}.footprints-title{letter-spacing:-.03em;color:#243552;margin:0;font-size:1.02rem;font-weight:700}.footprints-subtitle{color:#6e8194eb;margin:0;font-size:.72rem;font-weight:500;line-height:1.45}.footprints-toolbar-btn{color:#8fa3b8;width:30px;height:30px;box-shadow:none;opacity:.58;background:#ffffffe0;border:1px solid #bad2eb52;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footprints-toolbar-btn--decor:disabled{cursor:default;opacity:.58}.footprints-toolbar-icon{opacity:.85;display:block}.footprints-period-pills{background:0 0;border:none;border-radius:0;align-items:center;gap:5px;padding:0;display:flex}.footprints-period-pill{letter-spacing:-.02em;color:#8fa3b8;background:#ffffffb8;border:1px solid #bad2eb47;border-radius:999px;flex:0 auto;min-width:0;padding:5px 10px;font-size:.64rem;font-weight:600}.footprints-period-pill--active{color:#3d5f82;background:#fffffff2;border-color:#bad2eb73;box-shadow:0 1px 3px #2b5c8208}.footprints-period-pill:disabled:not(.footprints-period-pill--active){opacity:.38;background:#ffffff73;border-color:#bad2eb2e}.footprints-date-panel{background:#fffffff5;border:1px solid #bad2eb57;border-radius:14px;gap:10px;padding:12px;display:grid;box-shadow:0 1px 4px #2b5c8208}.footprints-date-nav{background:#f8fbfeb8;border:1px solid #d2e4f266;border-radius:10px;justify-content:space-between;align-items:center;gap:4px;min-height:28px;margin:0;padding:2px 4px;display:flex}.footprints-date-summary{justify-content:space-between;align-items:baseline;gap:10px;margin:0;padding:0 2px;display:flex}.footprints-date-summary-label{letter-spacing:-.02em;color:#3d5f82;font-size:.72rem;font-weight:700}.footprints-date-summary-text{letter-spacing:-.02em;color:#6a8298f2;text-align:right;font-size:.68rem;font-weight:500;line-height:1.35}.footprints-date-nav-chevron{color:#8fa3b8d9;width:24px;height:24px;box-shadow:none;cursor:default;opacity:.5;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.footprints-date-nav-chevron:disabled{opacity:.5}.footprints-date-center{min-width:0;box-shadow:none;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:0 4px;display:inline-flex}.footprints-date-center .footprints-toolbar-icon{color:#8fa3b8e6;opacity:.75;flex-shrink:0}.footprints-date-text{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;color:#5a7288;font-size:.68rem;font-weight:600;overflow:hidden}.footprints-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0;padding-bottom:var(--app-tab-scroll-clear-nav-footprints);scrollbar-width:none;-ms-overflow-style:none;flex:1;align-content:start;gap:12px;margin-inline:-2px;padding-inline:2px;display:grid;overflow-y:auto}.footprints-scroll::-webkit-scrollbar{width:0;height:0;display:none}.footprints-map-card{box-shadow:none;background:0 0;border:none;border-radius:0;gap:8px;margin:0;padding:0;display:grid}.footprints-map-caption{letter-spacing:-.02em;color:#6a8298eb;margin:0;padding:0 2px;font-size:.64rem;font-weight:600}.footprints-map-preview{background:#f8fbfed9;border:1px solid #d2e4f273;border-radius:12px;height:clamp(128px,24vh,168px);position:relative;overflow:hidden}.footprints-map-surface{background:linear-gradient(165deg,#f8fbfefa 0%,#f0f8ffe6 55%,#e8f3fcd1 100%);position:absolute;inset:0;overflow:hidden}.footprints-map-grid{opacity:.22;background-image:linear-gradient(#d2e4f273 1px,#0000 1px),linear-gradient(90deg,#d2e4f273 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 90%);mask-image:linear-gradient(#000000b3,#0000 90%)}.footprints-map-water{background:linear-gradient(135deg,#d2e8fc59,#e8f3fc33);border-radius:42% 58% 48% 52%;width:52%;height:30%;position:absolute;bottom:10%;left:-8%;transform:rotate(-8deg)}.footprints-map-park{background:linear-gradient(145deg,#e4f0e447,#f0f8f026);border-radius:40% 60% 55% 45%;width:30%;height:24%;position:absolute;top:16%;right:10%}.footprints-map-route{pointer-events:none;opacity:.72;width:100%;height:100%;position:absolute;inset:0}.footprints-map-route-path{stroke:#a0bcd67a;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.footprints-map-pins{position:absolute;inset:0}.footprints-map-pin{color:#4a6278;letter-spacing:-.02em;background:#fffffff0;border:1px solid #bad2eb7a;border-radius:999px 999px 999px 3px;justify-content:center;align-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:.58rem;font-weight:700;display:inline-flex;position:absolute;transform:rotate(-45deg);box-shadow:0 1px 3px #2b5c820a}.footprints-map-pin-label{display:block;transform:rotate(45deg)}.footprints-map-pin--1{top:68%;left:22%}.footprints-map-pin--2{top:52%;left:38%}.footprints-map-pin--3{top:38%;left:55%}.footprints-map-pin--4{top:55%;left:68%}.footprints-map-pin--5{top:72%;left:78%}.footprints-save-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.footprints-save-btn{letter-spacing:-.02em;color:#3d5f82;cursor:pointer;background:#f0f8ffeb;border:1px solid #bad2eb73;border-radius:999px;flex:1;justify-content:center;align-items:center;min-width:0;padding:9px 14px;font-size:.72rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #2b5c820a}.footprints-save-btn:hover:not(:disabled){background:#e8f3fcfa;border-color:#a0bcd68c}.footprints-save-btn:disabled{opacity:.55;cursor:not-allowed}.footprints-play-btn{letter-spacing:-.02em;color:#8fa3b8f2;box-shadow:none;cursor:default;background:#ffffffa6;border:1px solid #bad2eb47;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:9px 12px;font-size:.68rem;font-weight:500;display:inline-flex}.footprints-play-btn:hover:not(:disabled){background:#fffc}.footprints-play-btn:disabled{opacity:.48;cursor:not-allowed}.footprints-save-message{letter-spacing:-.02em;text-align:center;color:#8f5a62;background:#ffffffe0;border:1px solid #bad2eb52;border-radius:10px;margin:0;padding:8px 10px;font-size:.72rem;font-weight:500;line-height:1.45}.footprints-save-message--success{color:#4a6278;background:#f8fbfef2;border-color:#bad2eb61}.footprints-play-icon{opacity:.7;display:block}.footprints-route-card{box-shadow:none;background:0 0;border:none;border-top:1px solid #d2e4f273;border-radius:0;padding:10px 0 0}.footprints-route-heading{letter-spacing:-.02em;color:#3d5f82f2;margin:0 2px 8px;font-size:.68rem;font-weight:700}.footprints-saved-section{margin-top:4px}.footprints-saved-title{letter-spacing:-.02em;color:#3d5f82f2;margin:0 2px 10px;font-size:.7rem;font-weight:700}.footprints-saved-empty{text-align:center;background:#fffffff5;border:1px solid #bad2eb57;border-radius:14px;padding:20px 16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 4px #2b5c8208}.footprints-saved-empty:before{content:"";background:#f8fbfefa;border:1px solid #d2e4f280;border-radius:6px;width:44px;height:32px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.footprints-saved-empty:after{content:"";background:#fffffff0;border:1px solid #d2e4f273;border-radius:4px;width:24px;height:18px;position:absolute;top:20px;left:calc(50% + 12px);transform:rotate(5deg)}.footprints-saved-empty-text{z-index:1;letter-spacing:-.02em;color:#243552;margin:40px 0 6px;font-size:.8rem;font-weight:700;line-height:1.4;position:relative}.footprints-saved-empty-hint{z-index:1;margin:0;letter-spacing:-.02em;color:#6a8298f2;max-width:16rem;margin-inline:auto;font-size:.7rem;font-weight:500;line-height:1.5;position:relative}.footprints-saved-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.footprints-saved-item{box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #bad2eb5c;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;width:100%;min-height:5.5rem;padding:14px;transition:border-color .15s,background .15s;display:flex;box-shadow:0 1px 4px #2b5c8208}.footprints-saved-item:hover{background:#f8fbfefa;border-color:#a4c4e08c}.footprints-saved-item:focus-visible{outline-offset:2px;outline:2px solid #4a7eb873}.footprints-saved-item-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.footprints-saved-item-date{letter-spacing:-.02em;color:#3d5f82;text-overflow:ellipsis;white-space:nowrap;background:#edf6ffb8;border:1px solid #bad2eb61;border-radius:999px;flex:auto;min-width:0;margin:0;padding:4px 9px;font-size:.62rem;font-weight:600;line-height:1.35;overflow:hidden}.footprints-saved-item-count{letter-spacing:-.02em;color:#4a6278eb;background:#f8fbfef2;border-radius:999px;flex-shrink:0;margin:2px 0 0;padding:3px 8px;font-size:.62rem;font-weight:600;line-height:1.3}.footprints-saved-item-title{letter-spacing:-.025em;color:#243552;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.84rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.footprints-saved-item-footer{border-top:1px solid #d2e4f273;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding-top:8px;display:flex}.footprints-saved-item-meta{letter-spacing:-.02em;color:#6a8298f2;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin:0;font-size:.62rem;font-weight:500;line-height:1.35;overflow:hidden}.footprints-saved-item-action{letter-spacing:-.02em;color:#4a7eb8f2;flex-shrink:0;align-items:center;gap:2px;font-size:.64rem;font-weight:600;line-height:1.3;display:inline-flex}.footprints-saved-item-action:after{content:"›";color:#8fa3b8f2;font-size:.82rem;font-weight:700;line-height:1}.app-shell--footprint-detail{background:var(--sumpyo-tab-bg)}.device-frame:has(.app-main--footprint-detail){background:0 0}.app-main--footprint-detail{background:0 0;flex-direction:column;flex:auto;min-height:0;display:flex}.footprint-detail{color:#243552;flex-direction:column;flex:auto;min-height:0;display:flex}.footprint-detail-header{z-index:40;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.footprint-detail-menu-backdrop{z-index:30;cursor:default;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.footprint-detail-header-title{letter-spacing:-.025em;text-align:center;color:#243552;flex:1;min-width:0;margin:0;font-size:.9rem;font-weight:700}.footprint-detail-header-more-wrap{flex-shrink:0;width:34px;height:34px;position:relative}.footprint-detail-header-btn{cursor:pointer;appearance:none;background:#ffffffeb;border:1px solid #bad2eb66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;box-shadow:0 1px 4px #2b5c820a}.footprint-detail-header-btn:hover:not(:disabled){background:#fff;border-color:#a0bcd68c}.footprint-detail-header-btn:disabled{opacity:.55;cursor:default}.footprint-detail-header-icon{background-color:#4a6278;width:17px;height:17px;display:block}.footprint-detail-header-icon--back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footprint-detail-header-more-btn{cursor:pointer;appearance:none;background:#ffffffeb;border:1px solid #bad2eb66;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;box-shadow:0 1px 4px #2b5c820a}.footprint-detail-header-more-btn:hover:not(:disabled){background:#fff;border-color:#a0bcd68c}.footprint-detail-header-more-btn:disabled{opacity:.55;cursor:default}.footprint-detail-header-more-icon{background-color:#4a6278;width:17px;height:17px;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footprint-detail-menu{z-index:50;background:#fffffffa;border:1px solid #7c99b424;border-radius:14px;min-width:132px;margin:0;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #2b5c821a}.footprint-detail-menu-item{width:100%;font:inherit;letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;margin:0;padding:10px 12px;font-size:.78rem;font-weight:600;display:block}.footprint-detail-menu-item:hover:not(:disabled){background:#f3f8fde6}.footprint-detail-menu-item--danger{color:#7a5a64}.footprint-detail-menu-item--danger:hover:not(:disabled){color:#6a4a54;background:#f5ecf0eb}.footprint-detail-menu-item:disabled{opacity:.55;cursor:default}.footprint-delete-sheet{z-index:60;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.footprint-delete-sheet-scrim{cursor:pointer;pointer-events:auto;background:#24355238;border:none;margin:0;padding:0;position:absolute;inset:0}.footprint-delete-sheet-scrim:disabled{cursor:default}.footprint-delete-sheet-panel{z-index:1;pointer-events:auto;background:#fffffffa;border:1px solid #7c99b424;border-radius:20px;width:min(100%,420px);margin:0;padding:18px 16px 16px;position:relative;box-shadow:0 12px 36px #2b5c8224}.footprint-delete-sheet-title{letter-spacing:-.02em;color:#1a2744;margin:0;font-size:.88rem;font-weight:700;line-height:1.4}.footprint-delete-sheet-desc{letter-spacing:-.02em;color:var(--sumpyo-text-muted);margin:8px 0 0;font-size:.76rem;font-weight:500;line-height:1.45}.footprint-delete-sheet-meta{letter-spacing:-.02em;color:#4a6c94eb;background:#edf6ffa6;border:1px solid #bad2eb52;border-radius:12px;margin:10px 0 0;padding:10px 12px;font-size:.74rem;font-weight:600;line-height:1.45}.footprint-delete-sheet-meta-sep{opacity:.72;margin:0 4px}.footprint-delete-sheet-error{letter-spacing:-.02em;color:#7a5a64;margin:10px 0 0;font-size:.74rem;font-weight:600;line-height:1.45}.footprint-delete-sheet-actions{gap:8px;margin-top:14px;display:flex}.footprint-delete-sheet-cancel,.footprint-delete-sheet-delete{min-height:40px;font:inherit;letter-spacing:-.02em;cursor:pointer;border-radius:12px;flex:1;margin:0;padding:0 12px;font-size:.78rem;font-weight:700}.footprint-delete-sheet-cancel{color:#4a6a8c;background:#fff;border:1px solid #4a7eb838}.footprint-delete-sheet-cancel:hover:not(:disabled){background:#f4f9fd;border-color:#4a7eb857}.footprint-delete-sheet-delete{color:#7a5a64;background:#f5ecf0e6;border:1px solid #a88a9459}.footprint-delete-sheet-delete:hover:not(:disabled){color:#6a4a54;background:#f0e6eaf2;border-color:#a88a9480}.footprint-delete-sheet-cancel:disabled,.footprint-delete-sheet-delete:disabled{opacity:.62;cursor:not-allowed}.footprint-detail-scroll{min-height:0;padding:2px 14px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:auto;gap:12px;display:flex;overflow-y:auto}.footprint-detail-card{background:#fff;border:1px solid #bad2eb47;border-radius:18px;padding:16px 15px 17px;box-shadow:0 2px 10px #2b5c820a}.footprint-detail-card-title{letter-spacing:-.03em;color:#243552;margin:0 0 8px;font-size:1rem;font-weight:700;line-height:1.4}.footprint-detail-meta{letter-spacing:-.02em;color:#6a8298f2;margin:0 0 4px;font-size:.78rem;font-weight:500}.footprint-detail-meta--sub{color:#6a8298e0;margin-bottom:12px;font-size:.74rem;font-weight:500}.footprint-detail-whisper{letter-spacing:-.02em;color:var(--sumpyo-text-muted);margin:0 0 10px;font-size:.82rem;font-weight:500;line-height:1.5}.footprint-detail-note{letter-spacing:-.02em;color:#5f768ee0;background:#edf6ffa6;border:1px solid #bad2eb52;border-radius:12px;margin:0;padding:10px 12px;font-size:.74rem;font-weight:500;line-height:1.45}.footprint-detail-playback{background:#f7fbffe6;border:1px solid #bad2eb42;border-radius:14px;margin-top:0;padding:10px 11px}.footprint-detail-playback-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.footprint-detail-playback-step{letter-spacing:-.02em;color:#6a8298eb;white-space:nowrap;font-size:.72rem;font-weight:500}.footprint-detail-playback-btn{letter-spacing:-.02em;color:#4a6278;cursor:pointer;background:#ffffffe0;border:1px solid #bad2eb6b;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 13px;font-size:.73rem;font-weight:600;transition:background .16s,border-color .16s,opacity .16s;display:inline-flex}.footprint-detail-playback-btn--primary{color:#3d5f7a;box-shadow:none;background:#e8f3fcf2;border-color:#a0c4e08c}.footprint-detail-playback-btn--primary:hover:not(:disabled){color:#34566f;background:#e0eefafa;border-color:#8cb4d49e}.footprint-detail-playback-btn:disabled{opacity:.45;cursor:not-allowed}.footprint-detail-playback-row .footprint-detail-playback-btn--primary{min-width:68px}.footprint-detail-playback:not(:has(.footprint-detail-playback-row)){justify-content:center;display:flex}.footprint-detail-playback:not(:has(.footprint-detail-playback-row)) .footprint-detail-playback-btn{width:100%;max-width:200px}.footprint-detail-map-card{background:#fff;border:1px solid #bad2eb47;border-radius:18px;margin-top:0;padding:14px 13px 13px;box-shadow:0 2px 10px #2b5c820a}.footprint-detail-map-title{letter-spacing:-.025em;color:#243552;margin:0 1px 4px;font-size:.78rem;font-weight:700}.footprint-detail-map-hint{letter-spacing:-.02em;color:#6a8298eb;margin:0 1px 10px;font-size:.72rem;font-weight:500;line-height:1.45}.footprint-detail-map-surface{background:linear-gradient(168deg,#f5f9fd 0%,#edf4fb 100%);border:1px solid #bad2eb4d;border-radius:14px;height:200px;position:relative;overflow:hidden}.footprint-detail-map-surface--ready{background:#fff;border-color:#bad2eb38}.footprint-detail-map-container{z-index:1;position:absolute;inset:0}.footprint-detail-map-empty{letter-spacing:-.02em;text-align:center;color:#6a8298eb;background:#f7fbffd9;border:1px dashed #bad2eb61;border-radius:14px;margin:0;padding:26px 12px;font-size:.74rem;font-weight:500;line-height:1.45}.footprint-detail-records{margin-top:0}.footprint-detail-records-title{letter-spacing:-.025em;color:#243552;margin:0 1px 8px;font-size:.78rem;font-weight:700}.footprint-detail-records-status{letter-spacing:-.02em;text-align:center;color:#6a8298eb;background:#fff;border:1px solid #bad2eb47;border-radius:18px;margin:0;padding:14px 13px;font-size:.74rem;font-weight:500;line-height:1.45;box-shadow:0 2px 10px #2b5c820a}.footprint-detail-records-list{background:#fff;border:1px solid #bad2eb47;border-radius:18px;margin:0;padding:2px 0 0;list-style:none;box-shadow:0 2px 10px #2b5c820a}.footprint-detail-records-item{align-items:flex-start;gap:9px;padding:12px 13px 11px;display:flex}.footprint-detail-records-item:not(:last-child){border-bottom:1px solid #bad2eb33}.footprint-detail-records-rail{flex-direction:column;flex-shrink:0;align-items:center;width:20px;min-height:100%;display:flex}.footprint-detail-records-badge{letter-spacing:-.02em;color:#4a6c94e0;background:#f7fbfff2;border:1px solid #bad2eb61;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-size:.62rem;font-weight:700;display:inline-flex}.footprint-detail-records-rail-line{background:#bad2eb61;flex:auto;width:1px;min-height:10px;margin-top:5px}.footprint-detail-records-main{flex:auto;min-width:0}.footprint-detail-records-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.footprint-detail-records-place{letter-spacing:-.025em;color:#243552;margin:0;font-size:.84rem;font-weight:700;line-height:1.38}.footprint-detail-records-time{letter-spacing:-.02em;color:#6a8298e0;flex-shrink:0;font-size:.7rem;font-weight:500}.footprint-detail-records-meta{letter-spacing:-.02em;color:var(--sumpyo-text-muted);margin:0;font-size:.76rem;font-weight:500;line-height:1.45}.footprint-detail-records-meta-sep{color:#7c99b48c;margin:0 6px}.footprint-detail-records-emotion{color:#4a6c94e6;font-weight:600}.footprints-route-status{letter-spacing:-.02em;text-align:center;color:#6a8298f2;margin:0;padding:12px 10px 14px;font-size:.72rem;font-weight:500;line-height:1.55}.footprints-route-status--empty{color:#5a7288eb;background:#f8fbfee0;border:1px solid #d2e4f266;border-radius:10px;padding:14px 12px 16px}.footprints-route-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.footprints-route-item{background:#f8fbfeb8;border:1px solid #d2e4f266;border-radius:10px;grid-template-columns:24px 36px 1fr auto;align-items:center;gap:8px;padding:9px 8px;display:grid}.footprints-route-item:last-child{padding-bottom:8px}.footprints-route-rail{flex-direction:column;align-self:stretch;align-items:center;min-height:100%;display:flex;position:relative}.footprints-route-badge{color:#4a6278;width:20px;height:20px;box-shadow:none;background:#fffffff2;border:1px solid #bad2eb73;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:inline-flex}.footprints-route-rail-line{border-left:1px dashed #d2e4f2d9;flex:1;width:0;min-height:14px;margin-top:3px}.footprints-route-thumb{width:36px;height:36px;box-shadow:none;border:1px solid #d2e4f28c;border-radius:8px}.footprints-route-thumb--1{background:linear-gradient(155deg,#e8f3fcf2,#f8fbfee6)}.footprints-route-thumb--2{background:linear-gradient(155deg,#f0f8fff2,#e8f3fce0)}.footprints-route-thumb--3{background:linear-gradient(155deg,#f8fbfef2,#f0f8ffe6)}.footprints-route-thumb--4{background:linear-gradient(155deg,#ecf6fcf2,#f8fbfeeb)}.footprints-route-thumb--5{background:linear-gradient(155deg,#f4f9fdf2,#e8f3fce0)}.footprints-route-main{gap:2px;min-width:0;display:grid}.footprints-route-place{letter-spacing:-.025em;color:#243552;margin:0;font-size:.76rem;font-weight:700}.footprints-route-meta{color:#6a8298eb;letter-spacing:-.01em;margin:0;font-size:.66rem;font-weight:500;line-height:1.4}.footprints-route-meta-sep{opacity:.4;margin:0 3px}.footprints-route-emotion{color:#4a6a82e0;font-weight:600}.footprints-route-end{color:#bad2ebf2;justify-items:end;gap:4px;display:grid}.footprints-route-time{letter-spacing:-.01em;color:#8fa3b8f2;font-size:.64rem;font-weight:500}.footprints-row-chevron{opacity:.35;display:block}.app-main-body--settings{box-sizing:border-box;overscroll-behavior-y:contain;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:stretch;width:100%;padding:16px 16px 0}.app-shell--admin{background:var(--sumpyo-tab-bg)}.app-shell--admin .device-frame,.app-shell--admin .app-main{background:0 0}.admin-screen{box-sizing:border-box;width:100%;min-height:0;padding:calc(8px + env(safe-area-inset-top,0px)) 16px max(24px, calc(env(safe-area-inset-bottom,0px) + 16px));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;color:#243552;flex-direction:column;flex:1;align-items:stretch;display:flex;overflow:hidden auto}.admin-screen-toolbar{flex-shrink:0;margin-bottom:10px}.admin-screen-back{color:#4a6278;cursor:pointer;min-height:34px;font:inherit;letter-spacing:-.02em;white-space:nowrap;box-sizing:border-box;appearance:none;background:#ffffffeb;border:1px solid #bad2eb66;border-radius:999px;justify-content:center;align-items:center;gap:5px;max-width:100%;padding:0 12px 0 10px;font-size:.74rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 1px 4px #2b5c820a}.admin-screen-back:hover{color:#34566f;background:#fff;border-color:#a0bcd68c}.admin-screen-back:active{background:#f7fbfffa}.admin-screen-title{letter-spacing:-.03em;color:#243552;margin:0 0 4px;font-size:1rem;font-weight:700}.admin-screen-subtitle{color:#6a8298eb;margin:0 0 14px;font-size:.72rem;font-weight:500;line-height:1.45}.admin-screen-error{letter-spacing:-.02em;color:#8f7a82;background:#faf5f7e6;border:1px solid #c8b4bc59;border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:.74rem;font-weight:600;line-height:1.45}.admin-screen-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-screen-card{box-sizing:border-box;background:#fff;border:1px solid #bad2eb47;border-radius:16px;min-width:0;padding:12px 13px;box-shadow:0 2px 10px #2b5c820a}.admin-screen-card-label{letter-spacing:-.02em;color:#6a8298f2;margin:0;font-size:.72rem;font-weight:600}.admin-screen-card-value{letter-spacing:-.025em;color:#243552;margin:6px 0 0;font-size:1.02rem;font-weight:700}.admin-users-section{box-sizing:border-box;background:#fff;border:1px solid #bad2eb47;border-radius:18px;min-width:0;margin-top:14px;padding:14px 13px 12px;box-shadow:0 2px 10px #2b5c820a}.admin-users-heading{letter-spacing:-.025em;color:#243552;margin:0 0 10px;font-size:.84rem;font-weight:700}.admin-users-error{letter-spacing:-.02em;color:#8f7a82;background:#faf5f7e6;border:1px solid #c8b4bc59;border-radius:12px;margin:0;padding:10px 11px;font-size:.74rem;font-weight:600;line-height:1.45}.admin-users-status{letter-spacing:-.02em;text-align:center;color:#6a8298eb;margin:0;padding:12px 4px;font-size:.74rem;font-weight:500;line-height:1.45}.admin-users-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.admin-users-item{color:#243552;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 0;font-size:.76rem;display:flex}.admin-users-item:not(:last-child){border-bottom:1px solid #bad2eb33}.admin-users-nickname{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:120px;min-width:0;font-weight:700;overflow:hidden}.admin-users-meta{letter-spacing:-.01em;color:#6a8298eb;white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:500}.admin-users-meta--date{color:#6a8298d1;font-size:.68rem}.settings-tab{overscroll-behavior-y:contain;flex-direction:column;flex:1;min-height:0;display:flex}.settings-screen{background:0 0}.settings-header{flex-shrink:0;padding:0 1px 4px}.settings-header-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-header-copy{gap:3px;min-width:0;display:grid}.settings-title{letter-spacing:-.03em;color:#243552;margin:0;font-size:1rem;font-weight:700}.settings-subtitle{color:#6a8298eb;margin:0;font-size:.72rem;font-weight:500;line-height:1.4}.settings-inquiry-btn{box-shadow:none;font:inherit;letter-spacing:-.02em;color:#6a8298eb;cursor:default;background:#f8fbfeeb;border:1px solid #bad2eb5c;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 11px;font-size:.68rem;font-weight:600;display:inline-flex}.settings-inquiry-btn:disabled{opacity:.88;cursor:default}.settings-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0;padding-bottom:var(--app-tab-scroll-clear-nav);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;align-items:stretch;gap:14px;display:flex;overflow:hidden auto}.settings-scroll::-webkit-scrollbar{width:0;height:0;display:none}.settings-card{box-sizing:border-box;background:#fff;border:1px solid #bad2eb47;border-radius:18px;flex-shrink:0;width:100%;min-width:0;padding:15px;box-shadow:0 2px 10px #2b5c820a}.settings-card-heading-row{align-items:center;gap:7px;min-width:0;display:inline-flex}.settings-card-heading{letter-spacing:-.025em;color:#243552;margin:0;font-size:.84rem;font-weight:700}.settings-card-icon-badge{background:#f7fbfff2;border:1px solid #bad2eb52;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.settings-card-icon-badge .settings-icon{width:18px;height:18px}.settings-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.settings-card-head .settings-card-heading-row{flex:1;min-width:0}.settings-icon{color:#8aa0b4;flex-shrink:0;width:18px;height:18px;display:block}.settings-icon--section{color:#6a9fc4}.settings-icon--danger{color:#9a8a92}.settings-icon--muted{color:#8aa0b4}.settings-row-main{align-items:center;gap:10px;min-width:0;display:inline-flex}.settings-row-main .settings-icon{width:18px;height:18px}.settings-card-aside{letter-spacing:-.01em;color:var(--sumpyo-text-muted);white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:600}.settings-card>.settings-card-heading-row{margin-bottom:12px}.settings-card[aria-label=계정]{padding:14px 14px 13px}.settings-card[aria-label=계정]>.settings-card-heading-row{margin-bottom:9px}.settings-card[aria-label=계정] .settings-card-icon-badge{width:28px;height:28px}.settings-card[aria-label=계정] .settings-card-icon-badge .settings-icon{width:16px;height:16px}.settings-account-profile{border-bottom:1px solid #bad2eb38;align-items:center;gap:9px;min-width:0;margin-bottom:8px;padding-bottom:9px;display:flex}.settings-avatar-badge{width:44px;height:44px;box-shadow:none;background:#f7fbfff2;border:1px solid #bad2eb52;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-avatar-initial{letter-spacing:-.03em;color:#8aa0b4;font-size:15px;font-weight:600;line-height:1}.settings-account-body{align-content:center;gap:2px;min-width:0;display:grid}.settings-account-name{letter-spacing:-.025em;color:#243552;margin:0;font-size:.86rem;font-weight:700;line-height:1.35}.settings-account-email{letter-spacing:-.01em;color:#6a8298eb;word-break:break-all;margin:0;font-size:.71rem;font-weight:500;line-height:1.4}.settings-card-desc{color:var(--sumpyo-text-muted);margin:0;font-size:.76rem;font-weight:500;line-height:1.55}.settings-row-list{margin:0;padding:0;list-style:none}.settings-row-list>li+li{border-top:1px solid #bad2eb33}.settings-row-list-divider{border-top:1px solid #bad2eb38;height:0;margin:5px 0}.settings-row{width:100%;min-height:38px;font:inherit;text-align:left;color:#243552;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.settings-row--static{cursor:default}.settings-row--static .settings-row-label{color:#4a6278e0}.settings-row--static .settings-icon{color:#8aa0b4c7}.settings-row--static .settings-row-chevron{display:none}.settings-row-badge{letter-spacing:-.02em;color:#6a8298eb;background:#f8fbfef2;border:1px solid #d2e4f273;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.62rem;font-weight:600;line-height:1.3}.settings-row--danger.settings-row--static .settings-row-badge{color:#9a8a92eb;background:#fcf9faf2;border-color:#dcd2d673}.settings-row:not(.settings-row--static):not(.settings-row--danger):not(.settings-row--logout){cursor:pointer;transition:background .14s}.settings-row:not(.settings-row--static):not(.settings-row--danger):not(.settings-row--logout):hover{background:#f7fbffe6;border-radius:10px;margin-inline:-6px;padding-inline:6px}.settings-row-label{letter-spacing:-.02em;font-size:.78rem;font-weight:600}.settings-row--danger .settings-row-label,.settings-row--danger .settings-row-chevron,.settings-row--danger .settings-icon{color:#9a8a92}.settings-row--logout .settings-row-label,.settings-row--logout .settings-row-chevron{color:#6e8194}.settings-row-chevron{color:#8aa0b4bf;flex-shrink:0;font-size:.9rem;font-weight:300;line-height:1}.settings-row-value{letter-spacing:-.01em;color:var(--sumpyo-text-muted);flex-shrink:0;font-size:.72rem;font-weight:600}.settings-card[aria-label=저장\ 공간] .settings-card-head{margin-bottom:10px}.settings-storage-usage-list{gap:10px;margin-bottom:12px;display:grid}.settings-storage-usage-item{background:#f7fbffb8;border:1px solid #bad2eb38;border-radius:13px;padding:11px 11px 10px}.settings-storage-usage-item--photo{background:#f7fbffe0;border-color:#bad2eb3d}.settings-storage-usage-item--footprint{background:#f5faffd9;border-color:#bad2eb38}.settings-storage-usage-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:9px;display:flex}.settings-storage-usage-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.settings-storage-usage-label{letter-spacing:-.02em;color:#243552;font-size:.76rem;font-weight:700}.settings-storage-usage-desc{letter-spacing:-.02em;color:var(--sumpyo-text-muted);font-size:.7rem;font-weight:500;line-height:1.4}.settings-storage-usage-value{letter-spacing:-.01em;color:#4a6c94e6;white-space:nowrap;flex-shrink:0;font-size:.71rem;font-weight:600}.settings-storage-usage-track{background:#e8f2faf2;border:none;border-radius:999px;height:5px;overflow:hidden}.settings-storage-usage-fill{border-radius:inherit;min-width:0;height:100%;transition:width .22s;display:block}.settings-storage-usage-item--photo .settings-storage-usage-fill{background:#9ec4e0d1}.settings-storage-usage-item--footprint .settings-storage-usage-fill{background:#94bcdac7}.settings-card[aria-label=저장\ 공간] .settings-callout{background:#f7fbffbf;border-color:#bad2eb33;margin-top:0;padding:9px 11px}.settings-callout{background:#f7fbffd9;border:1px solid #bad2eb33;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;display:flex}.settings-callout-text{min-width:0;color:var(--sumpyo-text-muted);letter-spacing:-.01em;flex:1;margin:0;font-size:.72rem;font-weight:500;line-height:1.5}.settings-callout-btn{font:inherit;letter-spacing:-.02em;color:#2a5f94;cursor:default;background:#ffffffe6;border:1px solid #7c99b433;border-radius:999px;flex-shrink:0;padding:7px 11px;font-size:.68rem;font-weight:700}.settings-info-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.settings-info-item{justify-content:space-between;align-items:baseline;gap:12px;padding:2px 0;display:flex}.settings-info-label{color:#6a8298f2;letter-spacing:-.01em;font-size:.74rem;font-weight:500}.settings-info-value{letter-spacing:-.01em;color:#4a6278;text-align:right;font-size:.74rem;font-weight:600}.settings-info-value--muted{color:#6a8298eb;font-weight:500}.settings-card[aria-label=구독\ 정보] .settings-callout{background:#f7fbffbf;border-color:#bad2eb33;margin-bottom:10px;padding:9px 11px}.settings-block-btn--disabled,.settings-block-btn:disabled{opacity:.72;cursor:not-allowed;color:#6a8298e0;background:#f7fbffa6;border-color:#bad2eb42}.settings-block-btn{width:100%;font:inherit;letter-spacing:-.02em;color:#6a8298eb;cursor:default;background:#f7fbffe0;border:1px solid #bad2eb4d;border-radius:12px;justify-content:center;align-items:center;padding:10px 13px;font-size:.74rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}@media (width<=767.98px){html:has(.app-main-body--settings){overscroll-behavior-y:none}body:has(.app-main-body--settings){overscroll-behavior-y:none}#root:has(.app-main-body--settings){overscroll-behavior-y:none}:is(.app-shell:has(.app-main-body--settings),.device-frame:has(.app-main-body--settings),.app-main:has(.app-main-body--settings)){overscroll-behavior-y:none}.device-frame:has(.app-main-body--settings){background:var(--sumpyo-tab-bg)}html:has(.app-main-body--map){overscroll-behavior-y:none}body:has(.app-main-body--map){overscroll-behavior-y:none}#root:has(.app-main-body--map){overscroll-behavior-y:none}:is(.app-shell:has(.app-main-body--map),.device-frame:has(.app-main-body--map),.app-main:has(.app-main-body--map)){overscroll-behavior-y:none}.device-frame:has(.app-main-body--map){background:var(--sumpyo-tab-bg)}}.map-tab{background:0 0;flex-direction:column;flex:1;gap:0;width:100%;min-height:0;display:flex;position:relative}.map-tab-map-stage{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative}.map-tab-header{top:max(10px, env(safe-area-inset-top,0px));z-index:5;-webkit-backdrop-filter:blur(10px)saturate(120%);pointer-events:none;background:#ffffffe6;border:1px solid #bad2eb6b;border-radius:14px;gap:3px;padding:10px 12px;display:grid;position:absolute;left:14px;right:14px;box-shadow:0 4px 14px #2b5c820f,inset 0 1px #fffffff2}.map-tab-title{letter-spacing:-.03em;color:var(--sumpyo-title);margin:0;font-size:.9rem;font-weight:700}.map-tab-subtitle{letter-spacing:-.02em;color:var(--sumpyo-text-muted);margin:0;font-size:.72rem;font-weight:500;line-height:1.45}.map-placeholder-surface{pointer-events:none;background:radial-gradient(125% 70% at 10% 12%,#ffffffd1 0%,#0000 58%),radial-gradient(circle at 76% 20%,#e4f0fc80 0%,#0000 44%),radial-gradient(circle at 22% 78%,#d2e4f86b 0%,#0000 46%),radial-gradient(circle at 88% 70%,#e8f2fc61 0%,#0000 40%),linear-gradient(168deg,#f7fbff 0%,#f8fbfe 52%,#fff 100%);border:none;border-radius:0;flex:1;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.map-kakao-container{z-index:1;pointer-events:auto;position:absolute;inset:0}.map-placeholder-surface--kakao-loaded{background:#fff}.map-placeholder-surface--kakao-loaded .map-atmosphere-layer,.map-placeholder-surface--kakao-loaded .map-roads-svg,.map-placeholder-surface--kakao-loaded .map-shimmer-edge{display:none}.map-atmosphere-layer{pointer-events:none;background:radial-gradient(at 54% 92%,#aac8eb33 0%,#0000 55%),radial-gradient(circle at 14% 48%,#c4e0d62e 0%,#0000 42%);position:absolute;inset:0}.map-roads-svg{opacity:.48;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-shimmer-edge{pointer-events:none;background:linear-gradient(188deg,#ffffff80 0%,#0000 38%);position:absolute;inset:0}.map-click-hint-badge{left:14px;top:max(78px, calc(env(safe-area-inset-top,0px) + 72px));z-index:6;letter-spacing:-.015em;color:#4a6278e0;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#ffffffe6;border:1px solid #bad2eb61;border-radius:999px;max-width:calc(100% - 28px);padding:6px 12px;font-size:.68rem;font-weight:500;line-height:1.4;position:absolute;box-shadow:0 2px 8px #2b5c820a}.map-markers-status{z-index:6;letter-spacing:-.02em;max-width:calc(100% - 28px);color:var(--sumpyo-text);-webkit-backdrop-filter:blur(8px)saturate(115%);pointer-events:auto;background:#ffffffeb;border:1px solid #bad2eb73;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.68rem;font-weight:600;line-height:1.35;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #2b5c820f}.map-markers-status--loading{pointer-events:none}.map-markers-status--error{border-radius:12px;flex-wrap:wrap;justify-content:center;padding:8px 12px}.map-markers-status-text{margin:0}.map-markers-status-retry{color:#344862eb;letter-spacing:-.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffffff2;border:1px solid #5a769647;border-radius:999px;margin:0;padding:4px 10px;font-size:.64rem;font-weight:600}.map-markers-status-retry:hover{background:#f4f9fdfa;border-color:#5a769666}.map-markers-status-retry:active{background:#ecf4fc}.map-mock-reset-button{top:auto;left:12px;right:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 152px);z-index:4;color:#6e81948c;letter-spacing:-.02em;text-align:center;cursor:pointer;opacity:.42;max-width:4.8rem;box-shadow:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#ffffff8c;border:1px solid #bad2eb47;border-radius:8px;padding:3px 6px;font-size:.58rem;font-weight:500;line-height:1.2;transition:opacity .15s,color .15s,background .15s;position:absolute}.map-mock-reset-button:hover{opacity:.92;color:#344862e0;background:#ffffffeb;border-color:#5a769659}.map-mock-reset-button:active{background:#f4f9fdf2}.map-mock-reset-button--empty{opacity:.28;cursor:default;pointer-events:none}.map-mock-reset-button--empty:hover,.map-mock-reset-button--empty:active{color:#6e81948c;opacity:.28;background:#ffffff8c;border-color:#bad2eb47}.map-marker-info-card{z-index:7;box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff7;border:1px solid #bad2eb6b;border-radius:20px;flex-direction:column;width:min(246px,100vw - 48px);max-width:min(250px,100% - 40px);padding:12px 14px 13px;display:flex;position:absolute;inset:0 auto auto 20px;overflow:hidden;box-shadow:0 10px 28px #2b5c8212,0 2px 8px #1a34580a}.map-marker-info-sky{z-index:0;pointer-events:none;background:linear-gradient(165deg,#f8fcffeb 0%,#ffffff8c 52%,#fff0 100%);position:absolute;inset:0}.map-marker-info-card:after{content:none}.map-marker-info-close{z-index:3;color:#6a8298;cursor:pointer;opacity:.88;background:#ffffffeb;border:1px solid #bad2eb73;border-radius:999px;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #1a34580a}.map-marker-info-close:hover{opacity:1;color:#4a6278;background:#fff;border-color:#a0bcd68c}.map-marker-info-drag{z-index:1;box-sizing:border-box;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;justify-content:center;align-items:center;width:100%;min-height:14px;margin:0 0 6px;padding:0 30px;display:flex;position:relative}.map-marker-info-card[data-dragging=true] .map-marker-info-drag{cursor:grabbing}.map-marker-info-drag-pill{background:#8ea8c261;border-radius:999px;width:32px;height:2px;display:block}.map-marker-info-content{z-index:1;flex-direction:column;gap:4px;padding-right:22px;display:flex;position:relative}.map-marker-info-mood{letter-spacing:-.02em;color:#3d5f82;background:#f0f8ffe0;border:1px solid #bad2eb73;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin:2px 0 0;padding:2px 8px;font-size:.62rem;font-weight:600;line-height:1.2;display:inline-flex}.map-marker-info-mood-emoji{font-size:.68rem;line-height:1}.map-marker-info-title{letter-spacing:-.03em;color:#152a45;-webkit-line-clamp:2;word-break:keep-all;-webkit-box-orient:vertical;margin:0;font-size:.98rem;font-weight:800;line-height:1.34;display:-webkit-box;overflow:hidden}.map-marker-info-date{letter-spacing:-.01em;color:#556b7ed1;margin:0;font-size:.62rem;font-weight:500;line-height:1.4;display:block}.map-marker-info-line{letter-spacing:-.02em;color:#5a7086;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:.72rem;font-weight:500;line-height:1.52;display:-webkit-box;overflow:hidden}.map-marker-info-whisper{letter-spacing:-.015em;color:#6a8298b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:.68rem;font-style:normal;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.map-marker-info-footer{z-index:1;margin-top:8px;padding-top:0;position:relative}.map-marker-info-detail{width:100%;min-height:32px;font:inherit;letter-spacing:-.02em;color:#1f4468;cursor:pointer;box-shadow:none;background:#f0f8ffb8;border:1px solid #bad2eb85;border-radius:10px;padding:7px 10px;font-size:.72rem;font-weight:600}.map-marker-info-detail:hover{color:#173a5c;background:#f8fcfffa;border-color:#a0bcd69e}.map-surface-fab{z-index:6;pointer-events:none;position:absolute;bottom:16px;right:14px}.app-main--map .map-surface-fab{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 96px)}.map-surface-fab .map-add-button{pointer-events:auto}.map-add-button{letter-spacing:-.02em;color:#1f4468;cursor:pointer;background:#f8fcfff0;border:1px solid #bad2eb85;border-radius:999px;padding:12px 18px;font-size:.82rem;font-weight:600;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;box-shadow:0 3px 10px #2b5c820f}.map-add-button:hover{color:#173a5c;background:#fffffffa;border-color:#a0bcd69e;box-shadow:0 4px 12px #2b5c8212}.map-add-button:active{background:#f0f8fffa;box-shadow:0 2px 6px #2b5c820d}.app-main--map .map-add-button{-webkit-backdrop-filter:blur(8px)}.app-main--map .app-bottom-nav{background:#ffffffe0;border-color:#bad2eb80;box-shadow:0 6px 18px #2b5c8212,inset 0 1px #fffffff2}.map-save-sheet{z-index:50;pointer-events:auto;position:absolute;inset:0}.map-save-sheet-scrim{z-index:0;cursor:pointer;pointer-events:auto;background:#152a452e;border:none;margin:0;padding:0;position:absolute;inset:0}.map-save-sheet-panel{z-index:51;pointer-events:auto;box-sizing:border-box;background:#fffffffa;border:1px solid #bad2eb6b;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;width:100%;min-width:0;max-height:calc(100dvh - 120px);padding:0;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -6px 24px #2b5c820f}.map-save-sheet-panel-body{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;max-height:min(70vh,100dvh - 220px);padding:0 18px 14px;overflow:hidden auto}.map-save-sheet-panel-footer{padding:10px 18px max(12px, calc(10px + env(safe-area-inset-bottom,0px)));background:#fffffffa;border-top:1px solid #bad2eb52;flex-direction:column;flex-shrink:0;gap:6px;display:flex}.map-save-sheet-panel-body::-webkit-scrollbar{display:none}.map-save-sheet-panel-body>*{box-sizing:border-box;max-width:100%}.map-save-sheet-panel input,.map-save-sheet-panel button,.map-save-sheet-panel-footer button{pointer-events:auto}.map-save-sheet-handle{cursor:grab;touch-action:none;background:linear-gradient(#f8fcffb8 0%,#fff0 100%);border:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;margin:0;padding:8px 18px 10px;display:flex}.map-save-sheet-handle:active{cursor:grabbing}.map-save-sheet-handle-visual{background:#8ea8c26b;border-radius:999px;width:32px;height:2px;display:block}.map-save-sheet-title{letter-spacing:-.035em;color:#152a45;margin:0 0 5px;font-size:.98rem;font-weight:800}.map-save-sheet-subtitle{letter-spacing:-.015em;color:#5a7086e0;margin:0 0 16px;font-size:.76rem;font-weight:500;line-height:1.52}.map-save-sheet-label{letter-spacing:-.02em;color:#4a6278e6;margin:0 0 6px;font-size:.7rem;font-weight:600;display:block}.map-save-sheet-label--inline{margin-top:12px}.map-save-sheet-label-row{align-items:center;gap:5px;display:inline-flex}.map-save-sheet-label-row--photo{align-items:center;gap:5px;margin:0 0 6px;display:flex}.map-save-sheet-label--photo{margin:0;display:inline}.map-save-sheet-field-badge{letter-spacing:-.01em;border-radius:999px;flex-shrink:0;align-items:center;padding:1px 5px;font-size:.54rem;font-weight:600;line-height:1.35;display:inline-flex}.map-save-sheet-field-badge--required{color:#3d5f82e0;background:#f0f8ffe0;border:1px solid #bad2eb61}.map-save-sheet-field-badge--optional{color:#6a8298d1;background:#f8fcffeb;border:1px solid #bad2eb47}.map-save-sheet-input{box-sizing:border-box;letter-spacing:-.02em;color:#152a45;background:#fff;border:1px solid #bad2eb73;border-radius:12px;outline:none;width:100%;margin:0 0 12px;padding:10px 12px;font-size:16px;font-weight:500;transition:border-color .15s,box-shadow .15s}.map-save-sheet-input::placeholder{color:#6a82988c}.map-save-sheet-input:focus{border-color:#a0bcd6b8;box-shadow:0 0 0 2px #bad2eb38}.map-save-sheet-moods{box-sizing:border-box;flex-wrap:wrap;gap:7px;width:100%;min-width:0;margin:0 0 14px;display:flex}.map-save-sheet-mood{letter-spacing:-.03em;color:#5a7086;cursor:pointer;background:#fffffff5;border:1px solid #bad2eb66;border-radius:999px;flex:calc(33.333% - 6px);min-width:0;max-width:100%;padding:8px;font-size:.74rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.map-save-sheet-mood--active{color:#1f4468;box-shadow:none;background:#f0f8ffeb;border-color:#a0bcd69e}.map-save-sheet-photo{letter-spacing:-.02em;color:#5a7086eb;cursor:pointer;background:#ffffffb8;border:1px dashed #bad2eb7a;border-radius:12px;width:100%;margin:0 0 10px;padding:10px 14px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.map-save-sheet-photo:hover{color:#4a6278f2;background:#f8fcfff5;border-color:#a0bcd694}.map-save-sheet-primary{letter-spacing:-.02em;color:#1f4468;cursor:pointer;width:100%;box-shadow:none;background:#f8fcfff0;border:1px solid #bad2eb85;border-radius:12px;margin:0;padding:12px 14px;font-size:.84rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.map-save-sheet-primary:hover:not(:disabled){color:#173a5c;background:#fffffffa;border-color:#a0bcd69e}.map-save-sheet-primary:disabled{opacity:.58;cursor:not-allowed}.map-save-sheet-cancel{letter-spacing:-.015em;color:#6a8298e0;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:8px 14px;font-size:.76rem;font-weight:500}.map-save-sheet-cancel:disabled{opacity:.5;cursor:not-allowed}.map-save-sheet-cancel:hover:not(:disabled){color:#4a6278f2}.map-save-sheet-file-input{display:none}.map-save-sheet-photo-meta{letter-spacing:-.01em;color:#6a8298d1;text-align:center;margin:4px 0 0;font-size:.72rem;font-weight:500}.map-save-sheet-alert{letter-spacing:-.01em;color:#9a4a56;text-align:center;background:#fff5f6eb;border:1px solid #d2969e47;border-radius:10px;margin:0 0 6px;padding:8px 10px;font-size:.76rem;font-weight:600;line-height:1.45}.map-save-sheet-alert--compact{margin:4px 0 0;padding:6px 10px;font-size:.72rem}.app-bottom-nav{left:12px;right:12px;bottom:max(14px, env(safe-area-inset-bottom,0px));z-index:8;pointer-events:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(10px)saturate(120%);background:#ffffffd1;border:1px solid #bad2eb73;border-radius:24px;outline:none;align-items:stretch;gap:2px;width:auto;margin:0;padding:6px 8px 7px;display:flex;position:absolute;box-shadow:0 6px 18px #2b5c8214,inset 0 1px #ffffffe6}.app-nav-tab{letter-spacing:-.04em;color:#233246b8;cursor:pointer;background:0 0;border:none;border-radius:18px;flex:1;min-width:0;min-height:auto;padding:5px 1px;font-size:.53rem;font-weight:600;transition:background .18s,color .18s,box-shadow .18s,opacity .18s}.app-nav-tab:hover{color:#1c2c44e0}.app-nav-tab--active{color:#18324a;background:#e8f3fce6;font-weight:700;box-shadow:inset 0 0 0 1px #bad2eb6b}.app-nav-tab--active:hover{color:#18324a;background:#edf6fff2}.splash-screen{box-sizing:border-box;color:#fff;background-image:linear-gradient(#10132d29,#10132d38),url(/assets/splash-background-final.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:100%;min-height:100%;padding:clamp(28px,6vh,48px) clamp(22px,5vw,36px) clamp(72px,16vh,120px);display:flex;position:relative}.splash-screen:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff24,#0000 26%),radial-gradient(circle at 100% 100%,#ffffff17,#0000 20%);position:absolute;inset:0}.splash-stack{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,3.2vw,18px);max-width:min(92vw,360px);display:flex;position:relative;transform:translateY(calc(-1*clamp(28px,5.5vh,64px)))}.splash-brand{box-sizing:border-box;aspect-ratio:101/66;filter:drop-shadow(0 4px 14px #00000052);background:url(/assets/sumpyo-white-logo-cropped.png) 50%/contain no-repeat;width:clamp(220px,58vw,300px);line-height:0;position:relative}.splash-brand img{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.splash-tagline{letter-spacing:-.03em;color:#fffffffa;text-shadow:0 1px #ffffff1f,0 2px 12px #0f172a47,0 10px 28px #0f172a2e;margin:0;font-size:clamp(1.08rem,4.2vw,1.42rem);font-weight:600;line-height:1.22}@media (width<=520px){.splash-screen{padding:clamp(32px,7vh,52px) 22px clamp(76px,18vh,128px)}.splash-stack{max-width:min(94vw,340px);transform:translateY(calc(-1*clamp(24px,5vh,56px)))}.splash-brand{width:clamp(210px,62vw,280px)}.splash-tagline{font-size:clamp(1.05rem,4.5vw,1.36rem)}}.login-screen{box-sizing:border-box;color:#fff;background-image:linear-gradient(#10132d29,#10132d38),url(/assets/splash-background-final.png);background-position:50%;background-size:cover;height:100%;min-height:100%;position:relative}.login-screen:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff24,#0000 24%),radial-gradient(circle at 100% 100%,#ffffff14,#0000 18%);position:absolute;inset:0}.login-screen.login-final{box-sizing:border-box;background-image:linear-gradient(#10132d0f,#10132d1c),url(/assets/splash-background-final.png);flex-direction:column;height:100%;padding:0 14px;display:flex;position:relative;overflow:hidden}.login-screen.login-final:before{background:radial-gradient(circle at 0 0,#ffffff1a,#0000 32%),radial-gradient(circle at 100% 100%,#ffffff0f,#0000 26%)}.login-screen.email-screen{justify-content:center;align-items:center;min-height:100%;padding:36px 24px;display:flex;overflow:auto}.login-final-scroll{z-index:1;width:calc(100% + 28px);height:100%;min-height:0;margin:0 -14px;display:block;position:relative;overflow:hidden}.login-final-hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;height:190px;display:flex;position:absolute;top:46px;left:0;right:0}.login-final-logo-wrap{width:210px;max-width:210px;margin:0 auto}.login-final-logo-img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000052);width:210px;max-width:210px;height:auto;max-height:136px;margin-inline:auto;display:block}.login-final-tagline{letter-spacing:-.02em;color:#fffffff5;text-shadow:0 2px 12px #0f172a3d;margin:8px 0 0;font-size:13px;font-weight:500;line-height:18px}.login-glass-card{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:#ffffff70;border:1px solid #ffffff85;border-radius:20px;flex-direction:column;height:300px;min-height:0;padding:10px 16px 12px;display:flex;position:absolute;bottom:38px;left:14px;right:14px;overflow:hidden;box-shadow:0 14px 36px #0f172a1f}.login-glass-heading{letter-spacing:-.03em;color:#1e293b;flex-shrink:0;margin:0 0 6px;padding:0;font-size:20px;font-weight:800;line-height:24px}.login-glass-field{box-sizing:border-box;background:#ffffffc7;border:1px solid #94a3b85c;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;height:31px;margin:0 0 5px;padding:0 8px;display:flex;box-shadow:inset 0 1px #ffffffa6}.login-glass-field-leading{color:#334155ad;flex-shrink:0;align-items:center;display:flex}.login-glass-field-svg{width:12px;height:12px;display:block}.login-glass-input{box-sizing:border-box;color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;height:28px;margin:0;padding:0;font-size:13px;line-height:28px}.login-glass-input::placeholder{color:#64748bd9}.login-glass-submit{box-sizing:border-box;cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:10px;flex-shrink:0;width:100%;height:35px;min-height:35px;margin:0 0 5px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 20px #2563eb4d}.login-glass-submit:hover{transform:translateY(-1px)}.login-glass-signup{box-sizing:border-box;cursor:pointer;color:#1d4ed8;-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #93c5fdd1;border-radius:10px;flex-shrink:0;width:100%;height:33px;min-height:33px;margin:0 0 5px;font-size:14px;font-weight:700;transition:transform .18s}.login-glass-signup:hover{transform:translateY(-1px)}.login-glass-link-mock{box-sizing:border-box;color:#1e3a8aeb;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:18px;margin:0 0 5px;padding:0;font-size:12px;font-weight:600;line-height:16px;text-decoration:underline;display:flex}.login-glass-or{box-sizing:border-box;flex-shrink:0;align-items:center;gap:5px;height:14px;margin:0 0 5px;display:flex}.login-glass-or-line{background:#64748b61;flex:1;height:1px}.login-glass-or-label{color:#475569eb;flex-shrink:0;font-size:11px;font-weight:600;line-height:12px}.login-glass-socials{flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:32px;display:flex}.login-social{box-sizing:border-box;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;transition:transform .16s;display:flex;box-shadow:0 2px 10px #0f172a1f}.login-social:hover{transform:translateY(-2px)}.login-social--google{background:#fff}.login-social-google-g{background:linear-gradient(135deg,#4285f4 0%,#ea4335 45%,#fbbc05 70%,#34a853 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Segoe UI,system-ui,sans-serif;font-size:.88rem;font-weight:700;line-height:1}.login-social--apple{color:#fff;background:#0f172a}.login-social-apple-svg{width:13px;height:13px;display:block}.login-social--kakao{color:#191600;background:#fee500}.login-social-kakao-svg{width:15px;height:15px;display:block}.button{cursor:pointer;border:none;border-radius:999px;width:100%;min-height:58px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.button:not(:disabled):hover{transform:translateY(-1px)}.button:disabled,.button[disabled]{cursor:not-allowed;box-shadow:none;opacity:.92;transform:none}.primary{color:#fff;background:linear-gradient(135deg,#ff9c76 0%,#d46d46 100%);box-shadow:0 20px 52px #d46d4638}.secondary{color:#2f2a24;background:#fffaf0f0;border:1px solid #ffffffa6}@media (width<=720px){.login-panel{min-height:auto;padding:36px 24px}}.email-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0b8;border:1px solid #ffffff8c;border-radius:32px;width:100%;max-width:380px;padding:20px 18px;box-shadow:0 18px 40px #0f172a1f}.email-content{gap:12px;display:grid}.email-header{align-items:center;margin-bottom:14px;display:flex}.back-button{color:#2f2a24;cursor:pointer;background:#ffffffa6;border:none;border-radius:14px;width:40px;height:40px;font-size:1.1rem;font-weight:700}.email-title{letter-spacing:-.03em;color:#2f2a24;margin:0 0 8px;font-size:1.8rem;font-weight:800}.email-subtitle{color:#4a4236;margin:0 0 16px;font-size:1rem;line-height:1.7}.email-form{gap:12px;display:grid}.form-group{gap:6px;display:grid}.form-group label{color:#4a4236;font-size:.96rem}.form-group input{color:#2f2a24;background:#fffffff2;border:1px solid #0f172a1f;border-radius:16px;width:100%;height:54px;padding:0 16px;font-size:1rem}.form-group input::placeholder{color:#2f2a248c}.email-form .button{min-height:56px}.forgot-password{color:#2f2a24c7;margin-top:4px;font-size:.95rem;text-decoration:none;display:inline-block}.forgot-password:hover{text-decoration:underline}.app-shell--record-detail{background:linear-gradient(#f8fbfe 0%,#f4f9fd 48%,#fff 100%)}.device-frame:has(.app-main--record-detail){background:0 0}.app-main--record-detail{background:0 0;flex-direction:column;flex:auto;min-height:0;display:flex}.record-detail{color:#152a45;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.record-detail-menu-backdrop{z-index:30;cursor:default;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0}.record-detail-header{z-index:40;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;flex-shrink:0;grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;display:grid;position:relative}.record-detail-header-title{letter-spacing:-.025em;text-align:center;color:#243552;margin:0;font-size:.9rem;font-weight:700}.record-detail-header-spacer{width:36px;height:36px}.record-detail-header-btn{cursor:pointer;background:#ffffffeb;border:1px solid #bad2eb66;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;box-shadow:0 1px 4px #2b5c820a}.record-detail-header-btn:disabled{opacity:.55;cursor:default}.record-detail-header-icon{background-color:#4a6278;width:17px;height:17px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.record-detail-header-icon--back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")}.record-detail-header-icon--more{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='5' cy='12' r='1.8'/%3E%3Ccircle cx='12' cy='12' r='1.8'/%3E%3Ccircle cx='19' cy='12' r='1.8'/%3E%3C/svg%3E")}.record-detail-header-more-wrap{justify-self:end;position:relative}.record-detail-menu{z-index:50;background:#fffffffa;border:1px solid #4a7eb81f;border-radius:14px;min-width:132px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 36px #1a274424}.record-detail-menu-item{color:#1a2744;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 14px;font-size:.9rem;font-weight:600;display:block}.record-detail-menu-item:hover:not(:disabled){background:#4a7eb814}.record-detail-menu-item--danger{color:#8b4a52;font-weight:500}.record-detail-menu-item--danger:hover:not(:disabled){background:#8b4a5214}.record-delete-sheet{z-index:60;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.record-delete-sheet-scrim{cursor:pointer;pointer-events:auto;background:#2435522e;border:none;margin:0;padding:0;position:absolute;inset:0}.record-delete-sheet-scrim:disabled{cursor:default}.record-delete-sheet-panel{z-index:1;width:min(100%,420px);padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));pointer-events:auto;background:#fff;border:1px solid #7c99b424;border-radius:22px 22px 18px 18px;margin:0;position:relative;box-shadow:0 -4px 28px #2b5c821a,0 12px 36px #2b5c821f}.record-delete-sheet-handle{justify-content:center;align-items:center;width:100%;margin:0 0 6px;padding:4px 0 8px;display:flex}.record-delete-sheet-handle-visual{background:#8ea8c261;border-radius:999px;width:36px;height:3px;display:block}.record-delete-sheet-title{letter-spacing:-.02em;color:#1a2744;margin:0;font-size:.9rem;font-weight:700;line-height:1.4}.record-delete-sheet-desc{letter-spacing:-.02em;color:var(--sumpyo-text-muted);margin:8px 0 0;font-size:.76rem;font-weight:500;line-height:1.45}.record-delete-sheet-error{letter-spacing:-.02em;color:#8b4a52;margin:10px 0 0;font-size:.74rem;font-weight:600;line-height:1.45}.record-delete-sheet-actions{gap:8px;margin-top:16px;display:flex}.record-delete-sheet-cancel,.record-delete-sheet-delete{min-height:42px;font:inherit;letter-spacing:-.02em;cursor:pointer;border-radius:12px;flex:1;margin:0;padding:0 12px;font-size:.78rem;font-weight:700}.record-delete-sheet-cancel{color:#4a6a8c;background:#fff;border:1px solid #4a7eb838}.record-delete-sheet-cancel:hover:not(:disabled){background:#f4f9fd;border-color:#4a7eb857}.record-delete-sheet-delete{color:#8b4a52;background:#fcf4f5f2;border:1px solid #8b4a5247}.record-delete-sheet-delete:hover:not(:disabled){color:#7a4048;background:#f8eceefa;border-color:#8b4a5266}.record-delete-sheet-cancel:disabled,.record-delete-sheet-delete:disabled{opacity:.62;cursor:not-allowed}.record-detail-scroll{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:4px 14px 10px;overflow-y:auto}.record-detail-sheet{border-radius:20px;margin:0;padding:16px 16px 14px}.record-detail-sheet:not(.record-detail-sheet--edit){background:#fffffffa;border:1px solid #bad2eb6b;box-shadow:0 10px 28px #2b5c820f}.record-detail-sheet-block{flex-direction:column;gap:5px;display:flex}.record-detail-sheet-block--place{gap:6px;padding-bottom:2px}.record-detail-sheet-block--row{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.record-detail-sheet-block--compact{gap:6px}.record-detail-sheet-block--location{gap:7px}.record-detail-whisper-card{box-shadow:none;background:#f8fcffe0;border:1px solid #bad2eb5c;border-radius:14px;margin:0;padding:11px 13px}.record-detail-whisper-card--photo{padding:10px 12px}.record-detail-whisper-card--location{margin-top:0}.record-detail-whisper-text{letter-spacing:-.015em;color:#5a7086e6;margin:0;font-size:.74rem;font-weight:500;line-height:1.56}.record-detail-location-card{background:#fff;border:1px solid #bad2eb66;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #2b5c820a}.record-detail-location-map{background-color:#eef4fa;background-image:radial-gradient(70% 55% at 50% 40%,#ffffff80 0%,#0000 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 84' fill='none'%3E%3Crect width='360' height='84' fill='%23EEF4FA'/%3E%3Cpath d='M-8 46 C72 32 148 40 228 44 S340 36 372 30' stroke='%23D0DCE8' stroke-width='4' stroke-linecap='round' opacity='0.85'/%3E%3Cpath d='M96 -4 C108 28 120 58 132 88' stroke='%23D5E0EC' stroke-width='3.2' stroke-linecap='round' opacity='0.75'/%3E%3Cpath d='M248 88 C260 56 276 32 296 8' stroke='%23D8E4F0' stroke-width='2.8' stroke-linecap='round' opacity='0.7'/%3E%3Cpath d='M40 20 C120 14 200 12 280 18' stroke='%23E0EAF4' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-position:50%;background-size:cover;border-radius:0;flex-shrink:0;height:84px;margin:0;position:relative;overflow:hidden}.record-detail-location-map-sky{pointer-events:none;background:linear-gradient(#ffffff38 0%,#fff0 48%);position:absolute;inset:0}.record-detail-location-info{box-shadow:none;background:#fffffffa;border:none;border-top:1px solid #bad2eb52;border-radius:0;align-items:flex-start;gap:10px;margin:0;padding:10px 12px 11px;display:flex}.record-detail-location-info .record-detail-location-icon{background-color:#6a8298e0;width:15px;height:15px}.record-detail-location-text{flex:1;min-width:0}.record-detail-location-title{letter-spacing:-.02em;color:#152a45;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-weight:700;line-height:1.35;overflow:hidden}.record-detail-location-subtitle{letter-spacing:-.01em;color:#5a7086e0;margin:2px 0 0;font-size:.68rem;font-weight:500;line-height:1.35}.record-detail-location-hint{color:#6a8298c7;margin:1px 0 0;font-size:.64rem;font-weight:500;line-height:1.35}.record-detail-sheet-block--photos{gap:7px}.record-detail-sheet-block--meta{gap:2px}.record-detail-divider{border:none;border-top:1px solid #bad2eb47;margin:9px 0}.record-detail-row-label{letter-spacing:-.01em;color:#5a7086e0;margin:0;font-size:.68rem;font-weight:600}.record-detail-place-name{letter-spacing:-.035em;color:#152a45;margin:0;font-size:1.28rem;font-weight:800;line-height:1.3}.record-detail-place-meta{flex-wrap:wrap;align-items:center;gap:5px 8px;margin-top:1px;display:flex}.record-detail-meta-item{align-items:center;gap:4px;min-width:0;display:inline-flex}.record-detail-meta-sep{background:#bad2eb73;flex-shrink:0;width:1px;height:11px}.record-detail-calendar-icon{background-color:#6a8298bf;flex-shrink:0;width:12px;height:12px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2h-2V2h-2v2H9V2H7zm12 8H5v10h14V10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2h-2V2h-2v2H9V2H7zm12 8H5v10h14V10z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.record-detail-datetime{color:#6a8298e0;white-space:nowrap;font-size:.72rem;font-weight:500}.record-detail-meta-location-text{color:#6a8298e0;font-size:.72rem;font-weight:500;line-height:1.3}.record-detail-row-label--inline{flex-shrink:0;margin:0}.record-detail-location-icon{background-color:#8aa3bf;flex-shrink:0;width:12px;height:12px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.record-detail-mood-pill{letter-spacing:-.02em;color:#3d5f82;background:#f0f8ffe0;border:1px solid #bad2eb73;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.record-detail-mood-emoji{font-size:.76rem;line-height:1}.record-detail-memory-text,.record-detail-note-text{letter-spacing:-.02em;color:#243552;background:#f8fcffb8;border:1px solid #bad2eb52;border-radius:13px;margin:0;padding:11px 13px;font-size:.86rem;font-weight:500;line-height:1.58}.record-detail-empty-line{color:#6a8298b8;margin:0;font-size:.78rem;line-height:1.4}.record-detail-empty-line--inline{font-size:.76rem}.record-detail-photo-row{-webkit-overflow-scrolling:touch;gap:7px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.record-detail-photo-thumb{aspect-ratio:1;width:100%;max-width:84px;box-shadow:none;cursor:pointer;background:#f8fcffe0;border:1px solid #bad2eb61;border-radius:11px;flex:0 0 28%;padding:0;display:block;overflow:hidden}.record-detail-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.record-detail-map-pin{z-index:1;filter:drop-shadow(0 2px 4px #2b5c821f);pointer-events:none;width:22px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-88%)}.record-detail-meta-line{color:#8aa3bf;margin:0;font-size:.74rem}.record-detail-status{color:#7a8fa8;text-align:center;margin:0;font-size:.84rem}.record-detail-alert{color:#9a4a52;text-align:center;background:#b94a5214;border-radius:12px;margin:0;padding:10px 14px;font-size:.82rem;font-weight:600}.record-detail-alert--inline{background:0 0;padding:0}.record-detail-input{box-sizing:border-box;color:#1a2744;background:#fff;border:1px solid #4a7eb833;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:.95rem}.record-detail-input:focus{border-color:#4a7eb873;box-shadow:0 0 0 3px #4a7eb81f}.record-detail-sheet--edit{background:#fffffffa;border:1px solid #bad2eb6b;border-radius:20px;padding:16px 16px 14px;box-shadow:0 10px 28px #2b5c820f}.record-detail-sheet--edit .record-detail-divider{border-top-color:#bad2eb47;margin:9px 0}.record-detail-sheet--edit .record-detail-row-label{letter-spacing:-.01em;color:#5a7086e0;font-size:.68rem;font-weight:600}.record-detail-sheet-block--edit-field{gap:6px}.record-detail-sheet--edit .record-detail-input{letter-spacing:-.02em;border-radius:12px;padding:10px 12px;font-size:16px;font-weight:500}.record-detail-sheet--edit .record-detail-field{color:#152a45;background:#fff;border:1px solid #bad2eb73;outline:none;transition:border-color .15s,box-shadow .15s}.record-detail-sheet--edit .record-detail-field::placeholder{color:#6a82988c}.record-detail-sheet--edit .record-detail-field:focus{background:#fff;border-color:#a0bcd6b8;box-shadow:0 0 0 2px #bad2eb38}.record-detail-sheet--edit .record-detail-textarea{box-sizing:border-box;width:100%;min-height:4.2em;max-height:7.5em;font:inherit;resize:vertical;border-radius:12px;padding:10px 12px;font-size:.9rem;line-height:1.55;overflow-y:auto}.record-detail-sheet--edit .record-detail-mood-options{gap:7px}.record-detail-sheet--edit .record-detail-mood-option{letter-spacing:-.03em;color:#5a7086;cursor:pointer;background:#fffffff5;border:1px solid #bad2eb66;border-radius:999px;padding:8px 10px;font-size:.74rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.record-detail-sheet--edit .record-detail-mood-option--active{color:#1f4468;box-shadow:none;background:#f0f8ffeb;border-color:#a0bcd69e;font-weight:600}.record-detail-sheet--edit .record-detail-alert--edit{color:#9a4a56;text-align:left;background:#fff5f6eb;border:1px solid #d2969e47;border-radius:10px;margin-top:6px;padding:8px 11px;font-size:.76rem;font-weight:600}.record-detail-sheet--edit .record-detail-edit-photo-section{gap:7px}.record-detail-sheet--edit .record-detail-edit-photo-body{flex-direction:column;gap:8px;display:flex}.record-detail-sheet--edit .record-detail-edit-photo-status,.record-detail-sheet--edit .record-detail-edit-photo-limit{color:#6a8298e0;margin:0;font-size:.72rem;font-weight:500;line-height:1.45}.record-detail-sheet--edit .record-detail-edit-photo-error{color:#9a4a56;background:#fff5f6eb;border:1px solid #d2969e42;border-radius:10px;margin:0;padding:7px 10px;font-size:.72rem;font-weight:500;line-height:1.45}.record-detail-sheet--edit .record-detail-edit-photo-empty{box-shadow:none;background:#f8fcffb8;border:1px dashed #bad2eb66;border-radius:12px;padding:10px 12px}.record-detail-sheet--edit .record-detail-edit-photo-empty-text{color:#6a8298e0;margin:0;font-size:.72rem;font-weight:500;line-height:1.48}.record-detail-sheet--edit .record-detail-edit-photo-row{-webkit-overflow-scrolling:touch;gap:7px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.record-detail-sheet--edit .record-detail-edit-photo-item{flex:0 0 28%;width:100%;max-width:80px}.record-detail-sheet--edit .record-detail-edit-photo-thumb-wrap{width:100%;position:relative}.record-detail-sheet--edit .record-detail-edit-photo-thumb{aspect-ratio:1;width:100%;box-shadow:none;background:#f8fcffe0;border:1px solid #bad2eb61;border-radius:11px;display:block;overflow:hidden}.record-detail-sheet--edit .record-detail-edit-photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.record-detail-sheet--edit .record-detail-edit-photo-remove{z-index:1;width:18px;min-width:18px;height:18px;min-height:18px;font:inherit;color:#6a8298e6;cursor:pointer;background:#fffffff5;border:1px solid #bad2eb80;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 1px 3px #2b5c820f}.record-detail-sheet--edit .record-detail-edit-photo-remove-icon{font-size:.72rem;font-weight:600;line-height:1;display:block}.record-detail-sheet--edit .record-detail-edit-photo-remove:hover:not(:disabled){color:#5a7086;background:#fff;border-color:#a0bcd694}.record-detail-sheet--edit .record-detail-edit-photo-remove:disabled{opacity:.45;cursor:not-allowed}.record-detail-sheet--edit .record-detail-edit-photo-confirm{box-shadow:none;background:#fffafbf5;border:1px solid #d2aab252;border-radius:12px;margin-top:4px;padding:11px 12px}.record-detail-sheet--edit .record-detail-edit-photo-confirm-title{letter-spacing:-.015em;color:#6a4f58;margin:0;font-size:.76rem;font-weight:600;line-height:1.4}.record-detail-sheet--edit .record-detail-edit-photo-confirm-desc{color:#7a626ae0;margin:3px 0 0;font-size:.7rem;font-weight:500;line-height:1.45}.record-detail-sheet--edit .record-detail-edit-photo-confirm-actions{gap:7px;margin-top:9px;display:flex}.record-detail-sheet--edit .record-detail-edit-photo-confirm-cancel,.record-detail-sheet--edit .record-detail-edit-photo-confirm-delete{font:inherit;letter-spacing:-.02em;cursor:pointer;border-radius:10px;flex:1;margin:0;padding:7px 10px;font-size:.72rem;font-weight:600}.record-detail-sheet--edit .record-detail-edit-photo-confirm-cancel{color:#5a7086f2;background:#fff;border:1px solid #bad2eb7a}.record-detail-sheet--edit .record-detail-edit-photo-confirm-cancel:hover:not(:disabled){background:#f8fcfff5;border-color:#a0bcd694}.record-detail-sheet--edit .record-detail-edit-photo-confirm-delete{color:#8f5a62;background:#fff5f6e0;border:1px solid #d2a0a861}.record-detail-sheet--edit .record-detail-edit-photo-confirm-delete:hover:not(:disabled){color:#7d4a54;background:#fff8f9fa;border-color:#c8969e7a}.record-detail-sheet--edit .record-detail-edit-photo-confirm-delete:disabled,.record-detail-sheet--edit .record-detail-edit-photo-confirm-cancel:disabled{opacity:.55;cursor:not-allowed}.record-detail-sheet--edit .record-detail-edit-photo-file-input{display:none}.record-detail-sheet--edit .record-detail-edit-photo-add{font:inherit;letter-spacing:-.02em;color:#5a7086eb;cursor:pointer;background:#ffffffb8;border:1px dashed #bad2eb7a;border-radius:12px;align-self:flex-start;margin:0;padding:8px 13px;font-size:.74rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.record-detail-sheet--edit .record-detail-edit-photo-add:hover:not(:disabled){color:#4a6278f2;background:#f8fcfff5;border-color:#a0bcd694}.record-detail-sheet--edit .record-detail-edit-photo-add:disabled{opacity:.55;cursor:not-allowed}.record-detail-mood-options{flex-wrap:wrap;gap:8px;display:flex}.record-detail-mood-option{color:#3d5270;cursor:pointer;background:0 0;border:1px solid #4a7eb82e;border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:500}.record-detail-mood-option--active{color:#1a2744;background:#4a7eb81f;border-color:#4a7eb873;font-weight:700}.record-detail-footer{padding:8px 14px calc(12px + env(safe-area-inset-bottom,0px));background:#ffffffeb;border-top:1px solid #bad2eb38;flex-shrink:0}.record-detail-footer-actions{gap:8px;display:flex}.record-detail-footer-btn{cursor:pointer;border-radius:12px;flex:1;min-height:44px;padding:0 14px;font-size:.86rem;font-weight:600}.record-detail-footer-btn:disabled{opacity:.55;cursor:default}.record-detail-footer-btn--quiet{color:#1f4468;box-shadow:none;background:#f8fcfff0;border:1px solid #bad2eb85}.record-detail-footer-btn--single{letter-spacing:-.02em;border-radius:12px;width:100%;min-height:40px;font-size:.82rem;font-weight:600}.record-detail-footer-actions--edit{gap:8px}.record-detail-footer-btn--cancel{color:#6a8298eb;letter-spacing:-.015em;min-height:44px;box-shadow:none;background:#fffffff5;border:1px solid #bad2eb73;border-radius:12px;flex:1;font-size:.82rem;font-weight:500}.record-detail-footer-btn--cancel:hover:not(:disabled){color:#4a6278f2;background:#fff;border-color:#a0bcd68c}.record-detail-footer-btn--save{color:#1f4468;letter-spacing:-.02em;min-height:44px;box-shadow:none;background:#f8fcfff0;border:1px solid #bad2eb85;border-radius:12px;flex:1;font-size:.82rem;font-weight:600}.record-detail-footer-btn--save:hover:not(:disabled){color:#173a5c;background:#fffffffa;border-color:#a0bcd69e}.app-shell--photo-view{background:linear-gradient(#f8fbfe 0%,#f4f9fd 48%,#fff 100%)}.device-frame:has(.app-main--photo-view){background:0 0}.app-main--photo-view{background:0 0;flex-direction:column;flex:auto;min-height:0;display:flex}.photo-view{color:#152a45;flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.photo-view-decor{z-index:0;pointer-events:none;background:linear-gradient(#f8fcffa6 0%,#fff3 42%,#f8fcff59 100%);position:absolute;inset:0}.photo-view-decor:after{content:none}.photo-view-header,.photo-view-stage,.photo-view-meta{z-index:1;position:relative}.photo-view-header{padding:calc(8px + env(safe-area-inset-top,0px)) 14px 6px;flex-shrink:0;align-items:center;gap:6px;display:flex}.photo-view-header-title{letter-spacing:-.025em;text-align:center;color:#243552;flex:1;margin:0;font-size:.9rem;font-weight:700}.photo-view-header-spacer{flex-shrink:0;width:34px;height:34px}.photo-view-header-btn{cursor:pointer;background:#ffffffeb;border:1px solid #bad2eb66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex;box-shadow:0 1px 4px #2b5c820a}.photo-view-header-btn:hover{background:#fff;border-color:#a0bcd68c}.photo-view-header-icon{background-color:#4a6278;width:17px;height:17px;display:block}.photo-view-header-icon--back{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.photo-view-stage{flex:auto;justify-content:center;align-items:center;min-height:0;padding:6px 14px 4px;display:flex;overflow:hidden}.photo-view-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.photo-view-viewport:active{cursor:grabbing}.photo-view-transform{transform-origin:50%;will-change:transform;justify-content:center;align-items:center;display:flex}.photo-view-image{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#ffffff8c;border:1px solid #bad2eb52;border-radius:14px;width:100%;max-width:100%;max-height:min(80vh,100dvh - 168px);margin:0 auto;display:block;box-shadow:0 4px 16px #2b5c820f}.photo-view-meta{padding:0 14px calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0;justify-content:center;margin-top:8px;display:flex}.photo-view-meta-row{background:#ffffffeb;border:1px solid #bad2eb66;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;max-width:100%;padding:7px 10px;display:inline-flex;box-shadow:0 2px 10px #2b5c820a}.photo-view-meta-item{align-items:center;gap:5px;min-width:0;padding:2px 4px;display:inline-flex}.photo-view-meta-divider{background:#bad2eb73;flex-shrink:0;align-self:center;width:1px;height:12px;margin:0 1px}.photo-view-meta-text{line-height:1.35}.photo-view-meta-item--place .photo-view-meta-text{letter-spacing:-.02em;color:#152a45;white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:.76rem;font-weight:700;overflow:hidden}.photo-view-meta-item--date .photo-view-meta-text{color:#6a8298e6;white-space:nowrap;font-size:.7rem;font-weight:500}.photo-view-meta-icon{background-color:#6a8298c7;flex-shrink:0;width:14px;height:14px}.photo-view-meta-icon--place{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.photo-view-meta-icon--date{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2h-2V2h-2v2H9V2H7zm12 8H5v10h14V10z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M7 2v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2h-2V2h-2v2H9V2H7zm12 8H5v10h14V10z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.photo-view-meta-icon--emotion{display:none}.photo-view-meta-emotion{flex-shrink:0}.photo-view-meta-emotion-label{letter-spacing:-.02em;color:#3d5f82;white-space:nowrap;background:#f0f8ffe0;border:1px solid #bad2eb73;border-radius:999px;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}@media (width<=380px){.photo-view-meta-row{row-gap:5px;padding:6px 8px}.photo-view-meta-divider{display:none}.photo-view-meta-item{padding:1px 3px}}@media (width<=767px){input,textarea,select,.app-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),.app-shell textarea,.app-shell select{font-size:16px}}