[data-theme=glass]{--bg-primary:#222;--bg-secondary:#2a2a2a;--bg-card:rgba(42,42,42,.5);--border-color:hsla(97,13%,80%,.2);--text-primary:#cad2c5;--text-secondary:hsla(97,13%,80%,.6);--accent:#84766f;--accent-hover:hsla(20,9%,48%,.2);--card-radius:1rem;--backdrop-blur:10px;--shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=bento]{--bg-primary:#faf8f3;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--accent-orange:#f4a261;--accent-pink:#e8a0a7;--accent-purple:#b19cd9;--accent-blue:#87ceeb;--accent-green:#a8d5ba;--accent-yellow:#f5d547;--accent-coral:#f4978e;--accent-teal:#88d4ab;--text-primary:#3a3a3a;--text-secondary:#6b6b6b;--text-tertiary:#9a9a9a;--border-color:#f0ebe5;--border-hover:#e6ddd3;--card-radius:1.25rem;--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--backdrop-blur:0px;--accent-primary:#e2725b}[data-theme=bento] .bento-grid{display:grid;gap:1.25rem;padding:1.5rem;grid-auto-flow:dense}[data-theme=bento] .bento-card{background:var(--bg-card);border-radius:var(--card-radius);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}[data-theme=bento] .bento-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent-brown-light)}[data-theme=bento] .bento-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent-green-light) 0,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}[data-theme=bento] .bento-card:hover:before{opacity:.05}[data-theme=bento] button{border-radius:2rem;font-weight:500;transition:all .3s ease}[data-theme=bento] button:hover{transform:translateY(-2px)}@keyframes smooth-fade{0%{opacity:0}to{opacity:1}}[data-theme]{transition:background-color .6s ease,color .6s ease}[data-theme] *{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}.no-transition,.no-transition *{transition:none!important}[data-theme=bento] .notes-bento-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:auto;grid-auto-flow:dense}[data-theme=bento] .bento-card-small{min-height:140px;max-height:180px}[data-theme=bento] .bento-card-medium{min-height:180px;max-height:240px}[data-theme=bento] .bento-card-large{min-height:240px;max-height:320px}[data-theme=bento] .bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=bento] .leaf-decoration{position:absolute;width:20px;height:20px;background:var(--accent-green);border-radius:0 100% 0 100%;opacity:.6;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(45deg)}}