:root{--bg: #F4EDE0;--card-bg: #FAF4E6;--outline: #3A2E22;--accent: #C4684D;--muted: #8B7355;--sunbeam: #F4D9A8;--font-serif: "Noto Serif TC", "PingFang TC", serif;--font-mono: "DM Mono", ui-monospace, SFMono-Regular, monospace;--nav-height: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-total: calc(var(--nav-height) + var(--safe-bottom))}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--outline);font-family:var(--font-serif);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#root{min-height:100vh;min-height:100dvh}.app-frame{position:relative;width:100%;max-width:480px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;isolation:isolate}.app-main{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.route-pane{position:relative;height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--outline);font-family:var(--font-serif)}@media(min-width:481px){body{background:#efe6d6}.app-frame{box-shadow:0 0 0 1px #3a2e2214,0 24px 60px #3c281e1f}}.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes tearOff{0%{transform:translateY(0) rotate(-1deg);opacity:1}30%{transform:translateY(-20px) rotate(-3deg)}to{transform:translateY(900px) rotate(-25deg);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%,to{box-shadow:0 0 #c4684d99}50%{box-shadow:0 0 0 8px #c4684d00}}@keyframes confettiFall{0%{transform:translateY(-60px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(700px) rotate(720deg);opacity:0}}@keyframes lightUp{0%{transform:scale(.6);opacity:0}50%{transform:scale(1.4)}to{transform:scale(1);opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInPlain{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}.skeleton{background:linear-gradient(90deg,#3a2e220f,#3a2e221f,#3a2e220f);background-size:320px 100%;animation:shimmer 1.4s linear infinite;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.skeleton{animation:none;background:#3a2e2214}}@media(min-width:481px){.sheet-backdrop{align-items:center!important}.sheet-panel{border-radius:16px!important;max-width:420px;padding-bottom:22px!important}}