:root{color-scheme:dark;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;--ink: #3b2925;--ink-soft: #6f5149;--cream: #fff9ef;--paper: #f9edda;--paper-deep: #ead6bd;--rose: #9e5f58;--rose-dark: #77433e;--gold: #d8ad70;--gold-light: #f0d4a1;--brown-glass: rgba(51, 31, 28, .76);--line: rgba(105, 71, 57, .2);--shadow: 0 24px 80px rgba(29, 15, 14, .38);--safe-top: max(14px, env(safe-area-inset-top));--safe-right: max(14px, env(safe-area-inset-right));--safe-bottom: max(14px, env(safe-area-inset-bottom));--safe-left: max(14px, env(safe-area-inset-left));font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;min-width:300px;height:100%;margin:0;overflow:hidden}body{min-height:100vh;min-height:100dvh;background:#2b1b18;color:var(--cream);overscroll-behavior:none}body.dialog-open{overflow:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffd994;outline-offset:3px}#gallery-shell{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#2b1b18;isolation:isolate}#gallery-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab;touch-action:none}#gallery-canvas.is-dragging{cursor:grabbing}#gallery-canvas.is-interactive{cursor:pointer}.loading-screen{position:absolute;z-index:50;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(circle at 50% 40%,rgba(174,116,85,.28),transparent 34%),#2b1b18;color:#f8ead6;letter-spacing:.02em;transition:opacity .45s ease,visibility .45s ease}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-mark{display:flex;align-items:center;gap:8px;height:34px}.loading-mark span{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:loading-breathe 1.35s ease-in-out infinite}.loading-mark span:nth-child(2){animation-delay:.16s}.loading-mark span:nth-child(3){animation-delay:.32s}@keyframes loading-breathe{0%,to{opacity:.35;transform:translateY(3px) scale(.82)}50%{opacity:1;transform:translateY(-4px) scale(1)}}.hud{position:absolute;z-index:5;top:var(--safe-top);right:var(--safe-right);left:var(--safe-left);display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease}.experience-started .hud{opacity:1;pointer-events:auto;transform:translateY(0)}.hud-title,.hud-actions{display:flex;align-items:center;gap:9px}.hud-title{min-width:0;min-height:44px;padding:0 16px;border:1px solid rgba(255,234,207,.18);border-radius:999px;background:var(--brown-glass);box-shadow:0 8px 30px #1e100e33;color:#fff4e2;font-size:14px;font-weight:700;letter-spacing:.01em;backdrop-filter:blur(12px)}.hud-actions{flex:0 0 auto}.hud-title-dot{width:7px;height:7px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 12px #f3ca87e6}.icon-button{display:inline-grid;place-items:center;min-width:46px;min-height:46px;padding:0 15px;border:1px solid rgba(255,234,207,.2);border-radius:999px;background:var(--brown-glass);color:#fff6e8;font-weight:800;cursor:pointer;backdrop-filter:blur(12px)}.icon-button:hover{background:#492c27e0}.text-button{font-size:13px}.music-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.music-toggle:disabled{opacity:.5;cursor:default}.music-note{font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1}.music-visible-state{font-size:12px;white-space:nowrap}.music-indicator{width:7px;height:7px;border-radius:50%;background:#fff4e24d;box-shadow:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.music-toggle[aria-pressed=true] .music-indicator{background:#f6d394;box-shadow:0 0 10px #f6d394d1;transform:scale(1.08)}.hud-music-toggle{min-width:46px;padding-inline:12px}.tour-controls{position:absolute;z-index:7;bottom:var(--safe-bottom);left:50%;display:flex;align-items:stretch;gap:8px;width:min(390px,calc(100vw - 28px));min-height:62px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .35s ease,transform .35s ease}.experience-started .tour-controls{opacity:1;pointer-events:auto;transform:translate(-50%)}.tour-side-button,.tour-main-button{border:1px solid rgba(255,235,211,.22);box-shadow:0 14px 38px #1f110f4d;cursor:pointer;backdrop-filter:blur(14px)}.tour-side-button{flex:0 0 58px;border-radius:20px;background:#36201dd9;color:#fff1df;font-size:24px}.tour-side-button:disabled{opacity:.38;cursor:default}.tour-main-button{flex:1;display:grid;place-content:center;gap:2px;border-radius:20px;background:linear-gradient(135deg,#a9675f,#804941);color:#fffaf1;font-weight:800}.tour-main-button:disabled{cursor:wait;opacity:.85}.tour-main-button small{color:#f4d9ca;font-size:11px;font-weight:600}.context-action{position:absolute;z-index:8;bottom:calc(var(--safe-bottom) + 78px);left:50%;min-width:156px;min-height:48px;padding:0 20px;border:1px solid rgba(255,230,196,.48);border-radius:999px;background:#faebd3f0;color:var(--ink);box-shadow:0 12px 35px #1b0e0d57;font-weight:800;transform:translate(-50%);cursor:pointer}.touch-move{position:absolute;z-index:7;bottom:calc(var(--safe-bottom) + 82px);left:var(--safe-left);display:none;gap:8px;opacity:0;pointer-events:none}.experience-started .touch-move{opacity:1;pointer-events:auto}.touch-move button{display:grid;place-content:center;min-width:64px;min-height:58px;padding:6px 10px;border:1px solid rgba(255,235,211,.22);border-radius:18px;background:#36201dc7;color:#fff3e3;box-shadow:0 10px 28px #1d0f0d42;user-select:none;touch-action:none;backdrop-filter:blur(12px)}.touch-move button:active{background:#8e5248e6;transform:translateY(1px)}.touch-move small{margin-top:2px;font-size:10px}.toast{position:absolute;z-index:20;top:calc(var(--safe-top) + 60px);left:50%;max-width:min(420px,calc(100vw - 32px));padding:11px 17px;border:1px solid rgba(255,235,211,.16);border-radius:999px;background:#321d1ae0;color:#fff2df;box-shadow:0 12px 34px #1c0f0d40;font-size:13px;line-height:1.5;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .22s ease,transform .22s ease;backdrop-filter:blur(12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.dialog{width:min(940px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:auto;border:1px solid rgba(255,246,231,.62);border-radius:30px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);overscroll-behavior:contain}.dialog[open]{animation:dialog-in .28s cubic-bezier(.2,.7,.2,1)}.dialog::backdrop{background:#1f1211b8;backdrop-filter:blur(7px)}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-close{position:absolute;z-index:5;top:16px;right:16px;display:grid;place-items:center;width:48px;height:48px;padding:0 0 3px;border:1px solid rgba(79,51,44,.14);border-radius:50%;background:#fffaf1e6;color:var(--ink);box-shadow:0 7px 20px #4028221f;font-size:28px;line-height:1;cursor:pointer}.dialog-close.in-flow{position:static;flex:0 0 auto}.dialog-music{position:absolute;z-index:5;top:16px;left:16px;width:48px;height:48px;padding:0;border:1px solid rgba(255,235,211,.24);border-radius:50%;background:#422824c7;color:#fff4e4;box-shadow:0 7px 20px #2a18152e;backdrop-filter:blur(10px)}.dialog-music.in-flow{position:static;flex:0 0 auto}.eyebrow{margin:0 0 10px;color:var(--rose-dark);font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.welcome-dialog{position:relative;width:min(900px,calc(100vw - 28px));min-height:510px;overflow:hidden}.welcome-music-toggle{position:absolute;z-index:6;top:18px;left:18px;min-height:44px;padding:0 14px;border:1px solid rgba(255,240,219,.25);border-radius:999px;background:#37201db8;color:#fff4e4;box-shadow:0 8px 24px #2d18162e;font-size:13px;font-weight:800;backdrop-filter:blur(10px)}.welcome-dialog[open]{display:grid;grid-template-columns:minmax(270px,.82fr) 1.18fr}.welcome-art{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 30% 26%,rgba(255,230,194,.6),transparent 23%),linear-gradient(145deg,#9e675e,#70443f 74%)}.welcome-art:before,.welcome-art:after{position:absolute;width:340px;height:340px;border:1px solid rgba(255,230,199,.26);border-radius:48% 52% 58% 42%;content:"";transform:rotate(28deg)}.welcome-art:before{top:-140px;left:-140px}.welcome-art:after{right:-210px;bottom:-140px;transform:rotate(-22deg)}.welcome-heart{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:118px;height:118px;border:1px solid rgba(255,240,219,.44);border-radius:50%;background:#5b312f47;color:#f5d6ba;box-shadow:0 0 80px #fcc89940;font-family:serif;font-size:47px;transform:translate(-50%,-50%)}.petal{position:absolute;width:28px;height:52px;border-radius:90% 12%;background:#ffe2c961;animation:petal-float 7s ease-in-out infinite}.petal-one{top:20%;left:22%;transform:rotate(18deg)}.petal-two{right:24%;bottom:25%;animation-delay:-2.2s;transform:rotate(82deg)}.petal-three{top:34%;right:15%;animation-delay:-4.3s;transform:rotate(132deg) scale(.75)}@keyframes petal-float{0%,to{translate:0 0}50%{translate:0 -14px}}.welcome-copy{display:flex;flex-direction:column;justify-content:center;padding:58px clamp(34px,6vw,72px)}.welcome-copy h1{margin:0;font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-size:clamp(31px,4vw,47px);font-weight:650;line-height:1.24;letter-spacing:-.045em;text-wrap:balance}.welcome-subtitle{margin:18px 0 0;color:var(--ink-soft);font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-size:18px;line-height:1.75}.welcome-guide{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--gold);background:#dec19724;color:#75564e;font-size:14px;line-height:1.6}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.button{min-height:50px;padding:0 20px;border-radius:15px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.4;cursor:default}.button-primary{border:1px solid #955c54;background:linear-gradient(135deg,#a96a61,#814940);color:#fffaf1;box-shadow:0 9px 24px #703a3433}.button-primary:hover:not(:disabled){box-shadow:0 12px 28px #703a3447}.button-secondary{border:1px solid rgba(91,58,49,.22);background:#fffbf4bd;color:var(--ink)}.button-link{grid-column:1 / -1;min-height:42px;border:0;background:transparent;color:#805b52;text-decoration:underline;text-underline-offset:4px}.content-dialog{overflow:auto}.memory-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.82fr);min-height:520px}.memory-photo-wrap{display:grid;place-items:center;min-width:0;min-height:440px;padding:38px;background:radial-gradient(circle at 30% 20%,rgba(255,240,214,.18),transparent 30%),#4b332e}.memory-photo-wrap img{display:block;width:100%;height:100%;max-height:530px;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(20,10,9,.3))}.memory-photo-wrap img.is-missing{visibility:hidden}.memory-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:72px 46px 54px}.memory-copy h2,.letter-paper h2,.dialog-heading h2{margin:0;font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-weight:650;letter-spacing:-.035em;overflow-wrap:break-word;word-break:keep-all}.memory-copy h2{font-size:clamp(28px,3.4vw,40px);line-height:1.28}.memory-message{margin:26px 0 0;color:var(--ink-soft);font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-size:18px;line-height:1.85;word-break:keep-all}.dialog-footer{position:relative;display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:#f9eddaf7}.dialog-footer .button{min-width:132px}.letter-dialog{width:min(720px,calc(100vw - 24px));background:#efe0ca}.letter-paper{position:relative;margin:18px;padding:clamp(46px,8vw,80px) clamp(28px,8vw,72px) 70px;border:1px solid rgba(112,76,62,.16);background:linear-gradient(rgba(111,75,60,.034) 1px,transparent 1px) 0 0 / 100% 31px,#fff9ed;box-shadow:0 12px 35px #3c251e1a}.letter-paper:before,.letter-paper:after{position:absolute;top:10px;bottom:10px;width:1px;background:#b17a6224;content:""}.letter-paper:before{left:18px}.letter-paper:after{right:18px}.letter-seal{position:absolute;top:24px;right:30px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#a45145;color:#f5cbbb;box-shadow:0 4px 10px #642d2738;font-family:serif}.letter-paper h2{font-size:clamp(30px,5vw,46px);line-height:1.25}.letter-salutation{margin:34px 0 25px;color:#593d36;font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-size:20px;font-weight:700}.letter-paragraphs,.letter-closing{color:#654b43;font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-size:18px;line-height:1.85;word-break:keep-all}.letter-paragraphs p{margin:0 0 22px}.letter-closing{margin:36px 0 0;color:#563a34;font-weight:700}.letter-signature{margin:42px 0 0;color:#8a5c53;font-family:Iowan Old Style,"Noto Serif KR",Nanum Myeongjo,serif;font-size:18px;font-weight:700;text-align:right}.letter-footer{position:sticky;z-index:3;bottom:0}.list-dialog,.help-dialog{width:min(820px,calc(100vw - 28px));padding:clamp(24px,5vw,44px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dialog-heading-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.dialog-heading h2{font-size:clamp(28px,4vw,40px)}.list-intro{margin:12px 0 28px;color:var(--ink-soft);line-height:1.7}.memory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.memory-card{position:relative;display:grid;grid-template-columns:82px 1fr 28px;align-items:center;gap:13px;min-height:94px;padding:8px 12px 8px 8px;overflow:hidden;border:1px solid rgba(91,58,49,.14);border-radius:17px;background:#fffcf7b3;color:var(--ink);text-align:left;cursor:pointer}.memory-card:hover{border-color:#91574d5c;background:#fffaf2}.memory-card img{width:82px;height:76px;border-radius:11px;object-fit:cover}.memory-card>span:nth-child(2){display:grid;gap:5px;min-width:0}.memory-card strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.memory-card small{color:#85655d;font-size:12px}.visited-check{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(111,73,63,.2);border-radius:50%;color:transparent;font-size:13px}.memory-card.is-visited .visited-check{border-color:#9b6359;background:#9b6359;color:#fff}.letter-list-button{display:flex;align-items:center;gap:16px;width:100%;min-height:84px;margin-top:14px;padding:12px 18px;border:1px solid rgba(136,82,71,.28);border-radius:18px;background:linear-gradient(135deg,#f1d9bd,#e3c2a3);color:var(--ink);text-align:left;cursor:pointer}.letter-list-button>span:first-child{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff9ecb8;color:#985e55;font-size:24px}.letter-list-button>span:last-child{display:grid;gap:4px}.letter-list-button small{color:#78584f}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 24px}.help-grid section{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fffcf794}.help-grid section>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ead3b7;color:#7f4c45;font-size:20px;font-weight:800}.help-grid h3{margin:15px 0 7px;font-size:16px}.help-grid p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.65}.full-width{width:100%}.fallback{position:absolute;z-index:15;inset:0;display:grid;place-content:center;justify-items:start;padding:max(28px,8vw);background:radial-gradient(circle at 80% 20%,rgba(221,172,119,.22),transparent 32%),linear-gradient(145deg,#34221f,#51342f);color:#fff5e6}.fallback h1{max-width:720px;margin:0;font-family:Iowan Old Style,"Noto Serif KR",serif;font-size:clamp(30px,6vw,62px);line-height:1.2}.fallback>p:not(.eyebrow){max-width:620px;margin:22px 0;color:#e4cdbb;line-height:1.7}.fallback .eyebrow{color:var(--gold-light)}.fallback-mode #gallery-canvas{display:none}.noscript-message{margin:30px;color:#fff}@media(pointer:coarse){.touch-move{display:flex}}@media(max-width:700px){.hud{gap:8px}.hud-title{flex:1 1 auto;max-width:none;padding:0 12px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.text-button{min-width:54px;padding:0 12px;font-size:12px}.hud-actions{gap:6px}.hud-music-toggle{width:46px;padding:0}.hud-music-toggle .music-visible-state{display:none}.welcome-dialog[open]{display:block}.welcome-art{min-height:150px}.welcome-heart{width:82px;height:82px;font-size:34px}.welcome-copy{padding:30px 25px 28px}.welcome-copy h1{font-size:clamp(28px,8.8vw,38px)}.welcome-subtitle{margin-top:13px;font-size:16px;line-height:1.65}.welcome-guide{margin-top:17px;padding:11px 13px;font-size:13px}.welcome-actions{grid-template-columns:1fr;margin-top:20px}.button-link{grid-column:auto}.content-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:23px}.memory-layout{display:block;min-height:0}.memory-photo-wrap{min-height:0;height:min(42dvh,360px);padding:22px}.memory-copy{display:block;padding:28px 25px 32px}.memory-copy h2{padding-right:36px;font-size:28px}.memory-message{margin-top:15px;font-size:17px;line-height:1.72}.dialog-footer{position:sticky;z-index:4;bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.dialog-footer .button{flex:1;min-width:0;padding:0 12px}.letter-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:20px}.letter-paper{margin:8px;padding:56px 29px 60px}.letter-paper h2{padding-right:35px;font-size:32px}.letter-paragraphs,.letter-closing{font-size:17px;line-height:1.78}.list-dialog,.help-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);padding:24px 18px max(24px,env(safe-area-inset-bottom));border-radius:22px}.memory-list,.help-grid{grid-template-columns:1fr}.memory-card{min-height:88px}}@media(max-width:420px){.hud-title span:last-child{max-width:112px;overflow:hidden;text-overflow:ellipsis}.tour-controls{min-height:58px}.tour-side-button{flex-basis:52px;border-radius:17px}.tour-main-button{border-radius:17px}.touch-move button{min-width:58px;min-height:54px}.context-action{bottom:calc(var(--safe-bottom) + 143px)}.dialog-heading h2{font-size:27px}.letter-footer .button{padding-inline:7px;font-size:13px}}@media(max-width:340px){.hud-title{flex:0 0 44px;justify-content:center;padding:0}.hud-title span:last-child{display:none}}@media(max-height:650px)and (orientation:landscape){.welcome-dialog[open]{grid-template-columns:.62fr 1.38fr}.welcome-art{min-height:430px}.welcome-copy{padding-top:28px;padding-bottom:28px}.welcome-guide{display:none}.memory-layout{display:grid;grid-template-columns:1fr 1fr;min-height:0}.memory-photo-wrap{height:auto;min-height:330px}.memory-copy{padding:54px 32px 30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}