:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#233127;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#223126;--ink-soft:#586556;--forest:#315340;--forest-deep:#213a2b;--amber:#d88b2e;--amber-strong:#b96d15;--shadow-soft:0 18px 40px #483a1f1f;--shadow-card:0 18px 28px #332c1f24;font-family:Pretendard Variable,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 20%,#fff6,#0000 18%),linear-gradient(#f6f1e7 0%,#efe6d3 100%);margin:0}body:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#ffffff0f,#ffffff0f),radial-gradient(circle at 1px 1px,#49381f17 1px,#0000 0);background-size:auto,18px 18px;position:fixed;inset:0}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.7}img{max-width:100%;display:block}#root{isolation:isolate}.app-shell{padding:24px 16px 104px;position:relative}.masthead{gap:18px;max-width:1120px;margin:0 auto 18px;display:grid}.masthead-copy{gap:8px;display:grid}.eyebrow{color:var(--forest);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.masthead h1,.upload-sheet h2{color:var(--forest-deep);margin:0;font-family:Iowan Old Style,Georgia,Apple SD Gothic Neo,Noto Serif KR,serif;line-height:1.04}.masthead h1{font-size:clamp(2.4rem,9vw,5rem)}.masthead-note,.wall-intro p,.sheet-mode-note{color:var(--ink-soft);max-width:34rem;margin:0;font-size:.98rem}.masthead-chip{color:var(--forest-deep);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbf1c7;border:1px solid #3153401f;border-radius:999px;justify-self:start;align-items:center;gap:12px;padding:10px 14px;display:inline-flex}.masthead-chip span{color:var(--ink-soft);font-size:.88rem}.masthead-chip strong{font-size:1rem}.home-layout{max-width:1120px;margin:0 auto}.wall-intro{margin-bottom:20px;padding:0 4px}.status-strip{box-shadow:var(--shadow-soft);background:#fffbf4b8;border:1px solid #745d3924;border-radius:20px;flex-direction:column;gap:10px;margin:0 0 18px;padding:14px 16px;display:flex}.mode-badge{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.mode-badge.is-firebase{color:#f9fbf8;background:var(--forest)}.mode-badge.is-mock{color:#8a5209;background:#d88b2e2e}.status-text{color:var(--ink-soft);font-size:.94rem}.postcard-wall{column-count:2;column-gap:14px}.postcard-card{--card-tilt:0deg;break-inside:avoid;box-shadow:var(--shadow-card);transform:rotate(var(--card-tilt));background:linear-gradient(#fffdf7 0%,#faf1df 100%);border:1px solid #8d765233;border-radius:8px;margin:0 0 14px;padding:12px}.postcard-photo{background:#d9dccd;border-radius:4px;overflow:hidden}.postcard-photo img{object-fit:cover;width:100%;height:100%}.postcard-body{gap:14px;padding:14px 6px 6px;display:grid}.postcard-message{color:#24362b;word-break:keep-all;margin:0;font-family:Iowan Old Style,Georgia,Apple SD Gothic Neo,Noto Serif KR,serif;font-size:1.15rem;line-height:1.42}.postcard-footer{justify-content:space-between;align-items:end;gap:12px;display:flex}.postcard-meta{color:var(--ink-soft);flex-direction:column;gap:2px;font-size:.88rem;display:flex}.postcard-meta strong{color:var(--forest);font-size:.98rem}.postcard-share{color:var(--forest);background:#31534014;border-radius:999px;flex-shrink:0;padding:10px 14px}.floating-action-button{z-index:30;color:#fffaf3;background:linear-gradient(135deg, var(--amber) 0%, #e7a44f 100%);border-radius:999px;align-items:center;gap:10px;padding:14px 18px;display:inline-flex;position:fixed;bottom:18px;right:16px;box-shadow:0 16px 34px #ab661157}.floating-action-button__icon{background:#ffffff2e;border-radius:999px;place-items:center;width:28px;height:28px;font-size:1.2rem;line-height:1;display:inline-grid}.upload-sheet-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#231f1261;justify-content:center;align-items:flex-end;padding:16px 16px 0;display:flex;position:fixed;inset:0}.upload-sheet{background:linear-gradient(#fffcf4fa 0%,#f7eedbfa 100%);border-radius:28px 28px 0 0;width:min(100%,640px);max-height:min(90vh,860px);padding:14px 16px 24px;overflow:auto;box-shadow:0 -12px 40px #221b0c29}.upload-sheet__handle{background:#4e40242e;border-radius:999px;width:52px;height:5px;margin:0 auto 16px}.upload-sheet__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.upload-sheet h2{font-size:clamp(1.7rem,6vw,2.4rem)}.ghost-button,.primary-button,.postcard-share{transition:transform .16s,box-shadow .16s,background-color .16s}.ghost-button{color:var(--ink-soft);background:#ffffffb8;border-radius:999px;padding:10px 14px}.upload-form{gap:16px;margin-top:16px;display:grid}.upload-photo-field,.field{background:#fffbf4d6;border:1px solid #745d3924;border-radius:22px;gap:10px;padding:16px;display:grid}.upload-photo-field{justify-items:start}.upload-photo-field__icon{width:46px;height:46px;color:var(--forest);background:#3153401a;border-radius:18px;place-items:center;font-size:1.35rem;display:inline-grid}.upload-photo-field strong,.field span:first-child{color:var(--forest-deep)}.upload-photo-field span:last-child,.field input::placeholder,.field textarea::placeholder,.form-hint{color:var(--ink-soft)}.field input,.field textarea{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0}.field textarea{resize:none;min-height:100px}.field-counter{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.field-counter strong{color:var(--forest)}.form-hint,.sheet-mode-note,.form-error{margin:0;font-size:.92rem}.primary-button{color:#fff8ef;background:linear-gradient(135deg, var(--amber-strong) 0%, var(--amber) 100%);border-radius:16px;justify-content:center;padding:14px 16px;font-weight:700;box-shadow:0 14px 26px #b46b173d}.form-error{color:#a24c1c}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=720px){.app-shell{padding:32px 24px 120px}.masthead{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:26px}.status-strip{flex-direction:row;justify-content:space-between;align-items:center}.postcard-wall{column-count:3;column-gap:18px}.postcard-card{margin-bottom:18px}.upload-sheet-backdrop{align-items:center;padding:24px}.upload-sheet{border-radius:30px;max-height:88vh;padding:18px 22px 24px}}@media (width>=1080px){.postcard-wall{column-count:4}.floating-action-button{bottom:24px;right:24px}}@media (hover:hover){.floating-action-button:hover,.ghost-button:hover,.primary-button:hover,.postcard-share:hover{transform:translateY(-1px)}}