.app-body{font-family:Segoe UI,Verdana,Geneva,Tahoma,sans-serif;flex:1 1;position:relative;overflow:hidden;display:flex;justify-content:center;background:linear-gradient(135deg,#e0ffe0,#b3e6b3);background-image:radial-gradient(circle at 10% 80%,#f7e9a0 2px,transparent 0),radial-gradient(circle at 20% 60%,#e6b3b3 2px,transparent 0),radial-gradient(circle at 80% 20%,#b3d1e6 2px,transparent 0),radial-gradient(circle at 60% 90%,#d1b3e6 2px,transparent 0);background-size:100vw 100vh;background-repeat:no-repeat;padding:40px 0}.app-body:after,.app-body:before{content:"";position:absolute;z-index:0;pointer-events:none;opacity:.15;background-repeat:no-repeat;background-size:180px 180px}.app-body:before{top:30px;left:40px;width:180px;height:180px;background-image:url(https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f41b.png)}.app-body:after{bottom:30px;right:40px;width:180px;height:180px;background-image:url(https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f41c.png)}.app-content h1{color:#388e3c;font-size:2.5rem;text-align:center;margin-bottom:24px;letter-spacing:2px;text-shadow:0 2px 8px #b3e6b3}.app-link-button{padding:12px 28px;background:linear-gradient(90deg,#7ec850,#388e3c);color:#fff;font-weight:600;font-size:1.1rem;border:none;border-radius:32px;text-decoration:none;box-shadow:0 2px 8px rgba(34,139,34,.15);transition:background .2s,transform .15s,box-shadow .2s;cursor:pointer;outline:none;margin:16px auto;text-align:center}.app-link-button:focus,.app-link-button:hover{background:linear-gradient(90deg,#388e3c,#7ec850);transform:translateY(-2px) scale(1.04);box-shadow:0 6px 18px rgba(34,139,34,.18);text-decoration:none}.app-content{text-align:center}.app-link-button{display:inline-block;margin-left:auto;margin-right:auto}.app-header{background:linear-gradient(90deg,#a8e063,#56ab2f);color:#2d3a1a;padding:1rem 2rem;box-shadow:0 2px 8px rgba(44,62,80,.08);font-family:Segoe UI,Verdana,Geneva,Tahoma,sans-serif;height:80px;flex-shrink:0}.app-header,.app-header__logo{display:flex;align-items:center}.app-header__logo{font-size:2rem;font-weight:700;letter-spacing:2px}.app-header__logo:before{content:"";display:inline-block;width:32px;height:32px;margin-right:.75rem;background:radial-gradient(circle at 60% 40%,#4e9a06 70%,#2d3a1a 100%);border-radius:50%;position:relative;box-shadow:inset 0 0 0 4px #b7e28a}.app-header__logo:after{content:"";position:absolute;left:32px;top:10px;width:8px;height:18px;border-left:2px solid #2d3a1a;border-radius:50% 50% 0 0;transform:rotate(-20deg);background:transparent}.app-header__nav{margin-left:auto;display:flex;gap:1.5rem}.app-header__nav a{color:#2d3a1a;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:background .2s}.app-header__nav a:hover{background:#b7e28a;color:#4e9a06}.app-header.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content{position:relative;z-index:1;background:rgba(255,255,255,.85);border-radius:24px;box-shadow:0 8px 32px rgba(34,139,34,.15);margin:0 auto;max-width:700px;padding:48px 32px;border:2px dashed #7ec850}.card-list{max-height:100%;overflow-y:auto;width:100%;padding:0 1rem;z-index:1;max-width:800px;margin:0 auto;height:calc(100vh - 80px - 80px);scrollbar-width:thin;scrollbar-color:#aad576 transparent}.card-list::-webkit-scrollbar{width:8px}.card-list::-webkit-scrollbar-track{background:transparent}.card-list::-webkit-scrollbar-thumb{background-color:#88c057;border-radius:10px;border:2px solid transparent;background-clip:content-box}