:root{--ink-black:#0f0f1a;--ink-dark:#1a1a2e;--ink-medium:#2a2a3e;--ink-light:#3a3a4e;--gold:#d4a843;--gold-light:#f0d68a;--gold-glow:#d4a8434d;--jade:#5b8c7a;--jade-light:#7ab3a0;--paper:#f5f0e8;--paper-dark:#e8e0d0;--paper-translucent:#f5f0e80f;--vermilion:#c44536;--cloud-white:#ffffff14;--font-display:"Noto Serif SC", "Songti SC", serif;--font-body:"Noto Sans SC", "PingFang SC", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-card:0 2px 16px #0000004d, 0 0 1px #d4a8431a;--shadow-glow:0 0 20px #d4a84326;--shadow-float:0 8px 32px #0006;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--ink-black);color:var(--paper);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";opacity:.35;pointer-events:none;z-index:0;background:radial-gradient(at 50% 40%,#d4a84314 0%,#0000 60%),url(/buddha-bg.png) 50% 20%/cover no-repeat;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0f0f1a4d 0%,#0f0f1a99 50%,#0f0f1ad9 100%);position:fixed;inset:0}#root{z-index:1;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--ink-dark)}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rippleExpand{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--gold-glow)}50%{box-shadow:0 0 24px var(--gold-glow), 0 0 48px #d4a8431a}}@keyframes gentleRotate{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.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}.wish-card{border-radius:var(--radius-md);padding:var(--space-lg);transform:rotate(var(--rotation,0deg));transition:transform .4s var(--ease-spring), box-shadow .4s var(--ease-out), border-color .3s;animation:fadeInUp .6s var(--ease-out) backwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);break-inside:avoid;margin-bottom:var(--space-md);background:linear-gradient(135deg,#f5f0e812 0%,#f5f0e808 100%);border:1px solid #d4a8431f;position:relative}.wish-card:hover{box-shadow:var(--shadow-glow);border-color:#d4a84340;transform:rotate(0)translateY(-4px)}.wish-card:before{content:"";border-radius:inherit;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='40' height='40' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.wish-card__category{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);color:var(--gold);opacity:.8;font-size:.8rem;display:flex}.wish-card__category-icon{font-size:.9rem}.wish-card__category-label{font-family:var(--font-body);letter-spacing:.05em}.wish-card__content{font-family:var(--font-display);color:var(--paper);margin-bottom:var(--space-md);word-break:break-word;font-size:1.05rem;line-height:1.9}.wish-card__footer{justify-content:space-between;align-items:flex-end;display:flex}.wish-card__meta{flex-direction:column;gap:2px;display:flex}.wish-card__author{color:var(--jade-light);font-size:.8rem;font-family:var(--font-display);opacity:.8}.wish-card__time{color:var(--paper);opacity:.35;font-size:.7rem}.wish-card__like-btn{color:var(--gold);cursor:pointer;transition:all .3s var(--ease-out);font-family:var(--font-body);background:#d4a84314;border:1px solid #d4a84326;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:flex}.wish-card__like-btn:hover{background:#d4a84326;border-color:#d4a8434d;transform:scale(1.05)}.wish-card__like-btn--active{animation:pulseGlow .6s var(--ease-out)}.wish-card__like-btn--active .wish-card__like-icon{animation:float .6s var(--ease-spring)}.wish-card__like-icon{transition:transform .3s var(--ease-spring);font-size:1rem}.wish-card__like-count{font-variant-numeric:tabular-nums}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-md);animation:fadeIn .3s var(--ease-out);background:#0a0a14bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-float), 0 0 60px #d4a84314;animation:fadeInUp .4s var(--ease-spring);background:linear-gradient(160deg,#1a1a2ef2 0%,#0f0f1afa 100%);border:1px solid #d4a84333;overflow-y:auto}.modal__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal__title{font-family:var(--font-display);color:var(--gold);letter-spacing:.1em;font-size:1.5rem;font-weight:700}.modal__close{color:var(--paper);opacity:.4;cursor:pointer;padding:var(--space-sm);background:0 0;border:none;font-size:1.2rem;line-height:1;transition:opacity .2s}.modal__close:hover{opacity:.8}.modal__field{margin-bottom:var(--space-lg)}.modal__label{font-family:var(--font-body);color:var(--paper);opacity:.6;margin-bottom:var(--space-sm);letter-spacing:.05em;font-size:.85rem;display:block}.modal__optional{opacity:.5;font-size:.75rem}.modal__categories{gap:var(--space-sm);flex-wrap:wrap;display:flex}.modal__category-btn{color:var(--paper);cursor:pointer;font-family:var(--font-body);transition:all .25s var(--ease-out);background:#f5f0e80a;border:1px solid #f5f0e81a;border-radius:20px;align-items:center;gap:4px;padding:8px 14px;font-size:.85rem;display:flex}.modal__category-btn:hover{background:#d4a84314;border-color:#d4a8434d}.modal__category-btn--active{border-color:var(--gold);color:var(--gold);background:#d4a8431f;box-shadow:0 0 12px #d4a8431a}.modal__textarea{border-radius:var(--radius-md);width:100%;min-height:120px;padding:var(--space-md);color:var(--paper);font-family:var(--font-display);resize:vertical;background:#f5f0e80a;border:1px solid #f5f0e81a;outline:none;font-size:1.05rem;line-height:1.9;transition:border-color .3s}.modal__textarea::placeholder{color:var(--paper);opacity:.25}.modal__textarea:focus{border-color:#d4a84366}.modal__char-count{text-align:right;color:var(--paper);opacity:.3;margin-top:var(--space-xs);font-size:.75rem;display:block}.modal__input{border-radius:var(--radius-md);width:100%;padding:12px var(--space-md);color:var(--paper);font-family:var(--font-body);background:#f5f0e80a;border:1px solid #f5f0e81a;outline:none;font-size:.95rem;transition:border-color .3s}.modal__input::placeholder{color:var(--paper);opacity:.25}.modal__input:focus{border-color:#d4a84366}.modal__submit-btn{border:1px solid var(--gold);border-radius:var(--radius-md);width:100%;color:var(--gold);font-family:var(--font-display);letter-spacing:.15em;cursor:pointer;transition:all .3s var(--ease-out);justify-content:center;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,#d4a84326,#d4a84314);padding:14px;font-size:1.1rem;font-weight:600;display:flex}.modal__submit-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#d4a84340,#d4a84326);transform:translateY(-1px)}.modal__submit-btn:disabled{opacity:.3;cursor:not-allowed}.modal__submit-icon{font-size:1.2rem}.modal__success{text-align:center;padding:var(--space-2xl) 0;animation:fadeInUp .5s var(--ease-spring)}.modal__success-icon{margin-bottom:var(--space-lg);animation:float 2s var(--ease-out) infinite;font-size:3rem}.modal__success-text{font-family:var(--font-display);color:var(--gold);margin-bottom:var(--space-sm);font-size:1.3rem}.modal__success-sub{color:var(--paper);opacity:.5;font-size:.9rem}.stats-bar{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);animation:fadeIn 1s var(--ease-out) .3s backwards;background:#f5f0e80a;border:1px solid #d4a84314;border-radius:30px;display:flex}.stats-bar__item{align-items:center;gap:var(--space-sm);display:flex}.stats-bar__icon{font-size:1.1rem}.stats-bar__info{align-items:baseline;gap:4px;display:flex}.stats-bar__value{font-family:var(--font-display);color:var(--gold);font-size:1.3rem;font-weight:700}.stats-bar__label{color:var(--paper);opacity:.5;font-size:.8rem}.stats-bar__divider{background:#f5f0e81f;width:1px;height:24px}.audio-player{z-index:900;animation:fadeInUp .6s var(--ease-out) 1s backwards;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.audio-player__toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;width:52px;height:52px;transition:all .3s var(--ease-out);background:#0f0f1ad9;border:1px solid #d4a84340;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #0006}.audio-player__toggle:hover{border-color:var(--gold);transform:scale(1.08);box-shadow:0 4px 24px #d4a84326}.audio-player__toggle--playing{animation:pulseGlow 2.5s var(--ease-out) infinite;border-color:#d4a84366}.audio-player__toggle-icon{transition:transform .3s var(--ease-spring);font-size:1.3rem}.audio-player__toggle--playing .audio-player__toggle-icon{animation:3s ease-in-out infinite gentleRotate}.audio-player__expand{width:28px;height:20px;color:var(--paper);opacity:.4;cursor:pointer;background:#0f0f1ab3;border:1px solid #f5f0e81a;border-radius:10px;justify-content:center;align-items:center;font-size:.7rem;transition:opacity .2s;display:flex}.audio-player__expand:hover{opacity:.8}.audio-player__panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:var(--space-md);min-width:220px;box-shadow:var(--shadow-float);animation:fadeInUp .3s var(--ease-spring);background:#0f0f1aeb;border:1px solid #d4a84326}.audio-player__now-playing{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid #f5f0e80f;flex-direction:column;gap:2px;display:flex}.audio-player__label{color:var(--paper);opacity:.35;letter-spacing:.08em;font-size:.7rem}.audio-player__track-name{font-family:var(--font-display);color:var(--gold);font-size:.95rem}.audio-player__volume{margin-bottom:var(--space-md);align-items:center;gap:8px;display:flex}.audio-player__volume-icon{font-size:.85rem}.audio-player__volume-slider{appearance:none;background:#f5f0e81f;border-radius:2px;outline:none;flex:1;height:3px}.audio-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #d4a8434d}.audio-player__tracklist{flex-direction:column;gap:4px;display:flex}.audio-player__track{border-radius:var(--radius-sm);color:var(--paper);opacity:.6;font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;transition:all .2s;display:flex}.audio-player__track:hover{opacity:.9;background:#f5f0e80a}.audio-player__track--active{opacity:1;color:var(--gold);background:#d4a84314}.audio-player__track-indicator{text-align:center;width:16px;font-size:.75rem}.app{max-width:720px;min-height:100vh;padding:0 var(--space-md);margin:0 auto;position:relative}.app__header{text-align:center;padding:var(--space-2xl) 0 var(--space-lg);animation:fadeInUp .8s var(--ease-out)}.app__header-deco{font-family:var(--font-display);color:var(--gold);opacity:.3;font-size:1.5rem;display:inline-block}.app__title{font-family:var(--font-display);color:var(--gold);letter-spacing:.3em;margin:var(--space-sm) 0;text-shadow:0 0 40px #d4a84333;background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 40%, var(--gold-light) 60%, var(--gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;animation:8s linear infinite shimmer}.app__subtitle{font-family:var(--font-display);color:var(--paper);opacity:.45;letter-spacing:.2em;margin-top:var(--space-sm);font-size:.95rem}.app__stats,.app__action{margin-bottom:var(--space-xl);justify-content:center;display:flex}.app__wish-btn{align-items:center;gap:var(--space-sm);border:1px solid var(--gold);color:var(--gold);font-family:var(--font-display);letter-spacing:.2em;cursor:pointer;transition:all .4s var(--ease-out);animation:fadeInUp .8s var(--ease-out) .2s backwards;background:linear-gradient(135deg,#d4a8431f,#d4a8430f);border-radius:50px;padding:16px 40px;font-size:1.15rem;font-weight:600;display:flex;position:relative;overflow:hidden}.app__wish-btn:hover{background:linear-gradient(135deg,#d4a84333,#d4a8431a);transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #d4a84326,0 0 60px #d4a84314}.app__wish-btn:active{transform:translateY(0)scale(.98)}.app__wish-btn-glow{border-radius:inherit;animation:pulseGlow 3s var(--ease-out) infinite;position:absolute;inset:-2px}.app__wish-btn-text{z-index:1;position:relative}.app__wish-btn-icon{z-index:1;transition:transform .3s var(--ease-spring);font-size:1.3rem;position:relative}.app__wish-btn:hover .app__wish-btn-icon{transform:scale(1.2)rotate(10deg)}.app__filters{gap:var(--space-sm);margin-bottom:var(--space-xl);animation:fadeIn .8s var(--ease-out) .4s backwards;flex-wrap:wrap;justify-content:center;display:flex}.app__filter-btn{color:var(--paper);opacity:.55;font-family:var(--font-body);cursor:pointer;transition:all .25s var(--ease-out);background:0 0;border:1px solid #f5f0e814;border-radius:20px;align-items:center;gap:4px;padding:7px 16px;font-size:.85rem;display:flex}.app__filter-btn:hover{opacity:.8;border-color:#f5f0e826}.app__filter-btn--active{opacity:1;color:var(--gold);background:#d4a84314;border-color:#d4a8434d}.app__wishes{padding-bottom:var(--space-2xl)}.app__wishes-grid{columns:2;column-gap:var(--space-md)}@media (width<=540px){.app__wishes-grid{columns:1}.app__title{letter-spacing:.2em;font-size:2.2rem}}.app__empty{text-align:center;padding:var(--space-2xl) 0;color:var(--paper);opacity:.4;animation:fadeIn .6s var(--ease-out)}.app__empty-icon{margin-bottom:var(--space-md);font-size:2.5rem;display:block}.app__empty-sub{margin-top:var(--space-xs);opacity:.6;font-size:.85rem}.app__loading{padding:var(--space-xl) 0;justify-content:center;gap:8px;display:flex}.app__loading-dot{background:var(--gold);opacity:.4;width:6px;height:6px;animation:float 1.2s var(--ease-out) infinite;border-radius:50%}.app__loading-dot:nth-child(2){animation-delay:.15s}.app__loading-dot:nth-child(3){animation-delay:.3s}.app__load-more{margin:var(--space-lg) auto;color:var(--paper);opacity:.5;font-family:var(--font-body);cursor:pointer;transition:all .25s var(--ease-out);background:0 0;border:1px solid #f5f0e81f;border-radius:20px;padding:10px 28px;font-size:.85rem;display:block}.app__load-more:hover{opacity:.8;color:var(--gold);border-color:#d4a84333}.app__footer{text-align:center;padding:var(--space-xl) 0 var(--space-2xl);color:var(--paper);opacity:.2;font-family:var(--font-display);letter-spacing:.1em;font-size:.85rem}.app__donate{z-index:900;animation:fadeInUp .6s var(--ease-out) 1.2s backwards;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:24px;right:24px}.app__donate-text{font-family:var(--font-display);color:var(--gold);opacity:.7;letter-spacing:.1em;white-space:nowrap;font-size:.75rem}.app__donate-img{object-fit:cover;border-radius:var(--radius-md);width:80px;height:80px;transition:all .3s var(--ease-out);cursor:pointer;border:1px solid #d4a84333;box-shadow:0 4px 16px #0006}.app__donate-img:hover{border-color:var(--gold);box-shadow:var(--shadow-glow), var(--shadow-float);z-index:1000;transform:scale(2.5)}