@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg:#f7f4ef;--color-surface:#faf8f5;--color-fog-blue:#b8c9d4;--color-gray-green:#8fa89a;--color-sand:#e8dcc8;--color-text-primary:#3d3630;--color-text-muted:#8a7f78;--color-text-light:#b5aba3;--color-orb-core:#c8d8e0;--color-orb-mid:#d6e5e8;--color-orb-glow:rgba(184,201,212,.35);--color-orb-outer:rgba(184,201,212,.12);--radius-panel:16px;--shadow-gentle:0 4px 24px rgba(61,54,48,.06);--shadow-orb:0 0 80px rgba(184,201,212,.5),0 0 160px rgba(184,201,212,.2);--color-bg-glow:#e8eff3;--color-overlay:rgba(55,50,45,.28);--color-confirm-surface:rgba(235,242,246,.97);--color-toast-bg:rgba(235,242,246,.96);--color-card-bg:rgba(184,201,212,.1);--color-panel-border:hsla(38,41%,85%,.5)}[data-theme=dark]{--color-bg:#1c1a18;--color-surface:#252220;--color-fog-blue:#7a9db0;--color-gray-green:#6a8a78;--color-sand:#4a3f30;--color-text-primary:#e0d8d0;--color-text-muted:#9a908a;--color-text-light:#5e5650;--color-bg-glow:#1e2830;--color-overlay:rgba(0,0,0,.52);--color-confirm-surface:rgba(28,26,24,.97);--color-toast-bg:rgba(28,26,24,.96);--color-card-bg:rgba(184,201,212,.08);--color-panel-border:hsla(37,20%,65%,.2)}*{box-sizing:border-box}body,html{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text-primary);font-family:"Noto Serif SC",Songti SC,SimSun,serif;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--color-fog-blue);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page-root{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 38%,var(--color-bg-glow) 0,var(--color-bg) 68%)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;position:relative;z-index:10}.brand{font-size:1rem;font-weight:400;letter-spacing:.06em;color:var(--color-text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;transition:color .2s}.brand:hover{color:var(--color-text-primary)}.me-btn{background:none;border:none;padding:0;font-family:inherit;font-size:1rem;font-weight:400;letter-spacing:.06em;color:var(--color-text-muted);cursor:pointer;transition:color .2s}.me-btn:hover{color:var(--color-text-primary)}.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}.page-main{flex:1 1;justify-content:center;padding:0 24px 60px}.page-main,.scene{display:flex;align-items:center}.scene{flex-direction:column;gap:36px;width:100%;max-width:480px}.lc-wrap{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:width .5s ease,height .5s ease}.scene--composing .lc-wrap,.scene--submitting .lc-wrap{width:110px;height:110px}.lc-btn{position:relative;width:100%;height:100%;background:none;border:none;cursor:pointer;border-radius:50%;padding:0;transition:opacity .4s ease}.scene--composing .lc-btn,.scene--submitting .lc-btn{opacity:.5;cursor:pointer}.scene--composing .lc-btn:hover{opacity:.72}.lc-blob{position:absolute;border-radius:50%;pointer-events:none}.lc-blob-1{width:160px;height:160px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(184,201,212,.88) 0,transparent 68%);filter:blur(26px);animation:blob-drift-a 9s ease-in-out infinite}.lc-blob-2{width:110px;height:110px;top:10%;right:8%;background:radial-gradient(circle,rgba(143,168,154,.72) 0,transparent 70%);filter:blur(20px);animation:blob-drift-b 11s ease-in-out 1.5s infinite}.lc-blob-3{width:120px;height:120px;bottom:8%;left:6%;background:radial-gradient(circle,rgba(200,218,226,.75) 0,transparent 68%);filter:blur(22px);animation:blob-drift-a 13s ease-in-out 3s infinite reverse}.lc-blob-4{width:75px;height:75px;bottom:18%;right:14%;background:radial-gradient(circle,hsla(38,41%,85%,.65) 0,transparent 70%);filter:blur(16px);animation:blob-drift-b 8s ease-in-out .8s infinite reverse}.lc-pulse{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(184,201,212,.6) 0,transparent 55%);filter:blur(28px);pointer-events:none;animation:lc-glow-burst 10s ease-in-out 2s infinite}.lc-hint{font-size:.92rem;color:var(--color-text-muted);letter-spacing:.03em;text-align:center;margin:0;animation:fade-in .7s ease}.compose-row{position:relative;width:100%;max-width:300px;display:flex;align-items:center;justify-content:center;gap:10px;animation:fade-in .3s ease}.compose-input{flex:1 1;min-width:0;background:transparent;border:none;border-bottom:1px solid rgba(184,201,212,.55);outline:none;font-family:inherit;font-size:1.05rem;color:var(--color-text-primary);text-align:center;padding:4px 0 8px;caret-color:var(--color-fog-blue);transition:border-color .2s}.compose-input:focus{border-bottom-color:rgba(184,201,212,.9)}.compose-input::placeholder{color:var(--color-text-light)}.compose-send{flex-shrink:0;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-gray-green);display:flex;align-items:center;border-radius:6px;transition:color .2s,opacity .2s;animation:fade-in .2s ease}.compose-send:hover:not(:disabled){color:#6a9080}.compose-send:disabled{opacity:.4;cursor:not-allowed}.compose-error{position:absolute;bottom:-28px;font-size:.82rem;color:#b05030;white-space:nowrap}.compose-error,.toast{left:50%;transform:translateX(-50%)}.toast{position:fixed;top:72px;background:var(--color-toast-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:10px 22px;font-size:.88rem;color:var(--color-text-muted);text-align:center;width:max-content;max-width:min(420px,calc(100% - 48px));z-index:50;pointer-events:none;animation:fade-in .25s ease}.receipt-area{width:100%;text-align:center;animation:fade-in .5s ease}.receipt-text{font-size:1.1rem;color:var(--color-text-primary);line-height:1.75;margin:0 0 10px;word-break:break-word}.receipt-time{font-size:.78rem;color:var(--color-text-light);margin:0 0 22px}.btn-write-again{background:none;border:1.5px solid var(--color-fog-blue);border-radius:20px;padding:7px 22px;font-family:inherit;font-size:.88rem;color:var(--color-text-muted);cursor:pointer;transition:background .2s,color .2s}.btn-write-again:hover{background:var(--color-fog-blue);color:#fff}.me-panel-title{text-align:center;font-size:1.05rem;font-weight:400;letter-spacing:.1em;color:var(--color-text-muted);padding:22px 20px 14px;border-bottom:1px solid var(--color-panel-border);flex-shrink:0}.me-overlay{position:fixed;inset:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .22s ease}@media (min-width:520px){.me-overlay{align-items:center}}.me-panel{background:var(--color-surface);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:80dvh;display:flex;flex-direction:column;box-shadow:0 -6px 36px rgba(55,50,45,.1);animation:slide-up .26s ease}@media (min-width:520px){.me-panel{border-radius:20px;max-height:72dvh}}.me-body{flex:1 1;overflow-y:auto;padding:8px 20px 20px;overscroll-behavior:contain}.me-status-text{text-align:center;color:var(--color-text-light);font-size:.88rem;margin:48px 0}.me-error{color:#b05030;font-size:.84rem;text-align:center;margin:24px 0}.me-carousel{display:flex;align-items:center;gap:6px;width:100%}.me-carousel-arrow{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--color-text-light);cursor:pointer;transition:color .15s,background .15s;padding:0}.me-carousel-arrow:hover:not(:disabled){color:var(--color-text-muted);background:rgba(184,201,212,.18)}.me-carousel-arrow:disabled{opacity:.2;cursor:default}.me-carousel-page{flex:1 1;display:flex;flex-direction:column;gap:8px;animation:card-fade .18s ease}.me-carousel-card{position:relative;background:var(--color-card-bg);border-radius:12px;padding:14px 40px 12px 16px;min-height:72px;touch-action:pan-y}@keyframes card-fade{0%{opacity:0}to{opacity:1}}.me-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px}.me-dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:rgba(184,201,212,.38);cursor:pointer;transition:background .2s,transform .2s}.me-dot--active{background:var(--color-fog-blue);transform:scale(1.35)}.me-item-content{font-size:.94rem;color:var(--color-text-primary);line-height:1.65;margin-bottom:8px;word-break:break-word}.me-item-confirm-overlay{position:absolute;inset:0;border-radius:12px;background:var(--color-confirm-surface);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;gap:10px}.me-confirm-label{font-size:.86rem;color:var(--color-text-muted);flex:1 1}.me-confirm-actions{display:flex;gap:8px;flex-shrink:0}.me-item-bottom{display:flex;align-items:center;gap:8px}.me-item-time{font-size:.75rem}.me-item-time,.me-item-x{color:var(--color-text-light)}.me-item-x{position:absolute;top:10px;right:10px;background:none;border:none;font-size:.72rem;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1;transition:color .15s,background .15s}.me-item-x:hover{color:var(--color-text-muted);background:rgba(0,0,0,.05)}.me-confirm-yes{background:#6a8595;border:none;border-radius:10px;padding:4px 14px;font-family:inherit;font-size:.8rem;color:#fff;cursor:pointer}.me-confirm-yes:disabled{opacity:.5;cursor:not-allowed}.me-confirm-no{background:none;border:1px solid rgba(184,201,212,.6);border-radius:10px;padding:4px 14px;font-family:inherit;font-size:.8rem;color:var(--color-text-muted);cursor:pointer}@keyframes blob-drift-a{0%,to{transform:translate(-50%,-50%) translate(0) scale(1)}33%{transform:translate(-50%,-50%) translate(8px,-10px) scale(1.06)}66%{transform:translate(-50%,-50%) translate(-6px,7px) scale(.95)}}@keyframes blob-drift-b{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-10px,8px) scale(1.08)}70%{transform:translate(6px,-6px) scale(.94)}}@keyframes lc-glow-burst{0%,65%,to{opacity:0;transform:scale(.9)}72%{opacity:1;transform:scale(1.2)}82%{opacity:0;transform:scale(1.45)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .lc-blob-1{background:radial-gradient(circle,#9bc3d7 0,transparent 68%);filter:blur(26px)}[data-theme=dark] .lc-blob-2{background:radial-gradient(circle,rgba(100,155,130,.96) 0,transparent 70%);filter:blur(20px)}[data-theme=dark] .lc-blob-3{background:radial-gradient(circle,rgba(170,210,225,.96) 0,transparent 68%);filter:blur(22px)}[data-theme=dark] .lc-blob-4{background:radial-gradient(circle,hsla(37,43%,76%,.88) 0,transparent 70%);filter:blur(16px)}[data-theme=dark] .lc-pulse{background:radial-gradient(circle,rgba(155,195,215,.72) 0,transparent 55%);filter:blur(28px)}@media (prefers-reduced-motion:reduce){.compose-row,.compose-send,.lc-blob,.lc-hint,.lc-pulse,.me-overlay,.me-panel,.receipt-area{animation:none!important;transition:none!important}.lc-btn,.lc-wrap{transition:none!important}}