*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{line-height:1.2}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa);background-attachment:fixed;position:relative;overflow-x:hidden}.app:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(147,197,253,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(96,165,250,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.2) 0%,transparent 50%);pointer-events:none}.app-header{text-align:center;padding:40px 20px;animation:fadeInDown .8s ease;position:relative;z-index:1}.app-content{flex:1;position:relative;z-index:1}.app-title{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 4px 20px rgba(255,255,255,.3);letter-spacing:-1px;animation:bounce 1s ease;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.app-subtitle{font-size:1.4rem;color:#fffffff2;margin:15px 0 0;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.5px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.app-title{font-size:3rem;letter-spacing:-.5px}.app-subtitle{font-size:1.1rem}.app-header{padding:30px 15px}.app-content{padding-bottom:80px}}@media(max-width:480px){.app-title{font-size:2.5rem}.app-subtitle{font-size:1rem}.app-header{padding:25px 15px}.app-content{padding-bottom:75px}}.category-selection{width:100%;max-width:900px;margin:0 auto;padding:20px;position:relative;z-index:1}.category-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:40px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:.5px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:25px;padding:10px}.category-card{background:#fffffff2;border:none;border-radius:24px;padding:35px 25px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 8px 30px #00000026,0 2px 8px #0000001a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--category-color),color-mix(in srgb,var(--category-color) 70%,white));opacity:.8}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--category-color) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.category-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 20px 60px #00000040,0 4px 12px #00000026}.category-card:hover:after{opacity:.1}.category-card:active{transform:translateY(-8px) scale(1.02)}.category-emoji{font-size:3.5rem;transition:transform .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.category-card:hover .category-emoji{transform:scale(1.15) rotate(5deg);animation:wiggle .5s ease-in-out}.category-name{font-size:1.2rem;font-weight:700;color:#1e293b;letter-spacing:.3px;position:relative;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:15px}.category-card{padding:20px 15px;border-radius:18px}.category-emoji{font-size:2.5rem}.category-title{font-size:2rem;margin-bottom:30px}.category-name{font-size:1rem}.category-card:hover{transform:translateY(-6px) scale(1.02)}}@media(max-width:480px){.category-selection{padding:15px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:12px}.category-card{padding:18px 12px;border-radius:15px;gap:10px}.category-emoji{font-size:2rem}.category-title{font-size:1.8rem;margin-bottom:25px}.category-name{font-size:.9rem}.category-card:hover{transform:translateY(-4px) scale(1.01)}}.excuse-viewer{width:100%;max-width:600px;margin:0 auto;padding:20px;min-height:70vh;display:flex;flex-direction:column;position:relative;z-index:1}.excuse-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.back-button{background-color:#fffffff2;color:#1e293b;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background-color:#fff;transform:translate(-5px);box-shadow:0 6px 20px #00000026}.category-info{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.header-emoji{font-size:2.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.excuse-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;perspective:1000px;position:relative}.sticky-notes-stack{position:relative;width:100%;max-width:480px;min-height:380px}.sticky-note-behind{position:absolute;width:100%;height:100%;background:linear-gradient(180deg,#fef3c7,#fde68a);border-radius:0 0 4px 4px;pointer-events:none}.sticky-note-behind:before{content:"";position:absolute;top:-8px;left:0;right:0;height:12px;background:linear-gradient(180deg,#fde68a,#fef3c7);clip-path:polygon(0% 100%,2% 0%,4% 100%,6% 0%,8% 100%,10% 0%,12% 100%,14% 0%,16% 100%,18% 0%,20% 100%,22% 0%,24% 100%,26% 0%,28% 100%,30% 0%,32% 100%,34% 0%,36% 100%,38% 0%,40% 100%,42% 0%,44% 100%,46% 0%,48% 100%,50% 0%,52% 100%,54% 0%,56% 100%,58% 0%,60% 100%,62% 0%,64% 100%,66% 0%,68% 100%,70% 0%,72% 100%,74% 0%,76% 100%,78% 0%,80% 100%,82% 0%,84% 100%,86% 0%,88% 100%,90% 0%,92% 100%,94% 0%,96% 100%,98% 0%,100% 100%)}.sticky-note-2{transform:translateY(8px) scale(.98) rotate(-.5deg);opacity:.8;z-index:-1;box-shadow:0 15px 45px #0003}.sticky-note-3{transform:translateY(16px) scale(.96) rotate(1deg);opacity:.6;z-index:-2;box-shadow:0 10px 30px #00000026}.excuse-card{background:linear-gradient(180deg,#fef3c7,#fde68a);border-radius:0 0 4px 4px;padding:50px 40px 40px;box-shadow:0 20px 60px #00000040,0 8px 20px #00000026,inset 0 1px #ffffff80;width:100%;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .3s ease;position:relative;transform-style:preserve-3d;z-index:1}.excuse-card:before{content:"";position:absolute;top:-8px;left:0;right:0;height:12px;background:linear-gradient(180deg,#fde68a,#fef3c7);clip-path:polygon(0% 100%,2% 0%,4% 100%,6% 0%,8% 100%,10% 0%,12% 100%,14% 0%,16% 100%,18% 0%,20% 100%,22% 0%,24% 100%,26% 0%,28% 100%,30% 0%,32% 100%,34% 0%,36% 100%,38% 0%,40% 100%,42% 0%,44% 100%,46% 0%,48% 100%,50% 0%,52% 100%,54% 0%,56% 100%,58% 0%,60% 100%,62% 0%,64% 100%,66% 0%,68% 100%,70% 0%,72% 100%,74% 0%,76% 100%,78% 0%,80% 100%,82% 0%,84% 100%,86% 0%,88% 100%,90% 0%,92% 100%,94% 0%,96% 100%,98% 0%,100% 100%);filter:drop-shadow(0 -2px 3px rgba(0,0,0,.1))}.excuse-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent,transparent 29px,rgba(134,142,150,.08) 29px,rgba(134,142,150,.08) 30px);pointer-events:none;border-radius:0 0 4px 4px}.excuse-card:hover{box-shadow:0 25px 80px #0000004d,0 12px 30px #0003,inset 0 1px #ffffff80}.excuse-icon{font-size:3.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));position:relative;z-index:2}.excuse-text{font-size:1.5rem;line-height:1.7;color:#1e293b;text-align:center;font-weight:500;margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;position:relative;z-index:2}.swipe-hint{font-size:.95rem;color:#64748b;margin-top:15px;opacity:.7;font-weight:500;position:relative;z-index:2}.next-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:16px;padding:16px 48px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #3b82f666,0 4px 12px #0003;letter-spacing:.5px}.next-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #3b82f680,0 6px 20px #00000040}.next-button:active{transform:translateY(-2px) scale(1.02)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.slide-out-left{animation:tearOff .6s cubic-bezier(.68,-.55,.265,1.55) forwards;transform-origin:top center}.slide-in-right{animation:revealFromBelow .5s ease-out forwards}@keyframes tearOff{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}20%{transform:translateY(-15px) translate(0) rotate(2deg) scale(1.02)}40%{transform:translateY(-10px) translate(10px) rotate(8deg) scale(1)}60%{transform:translateY(20px) translate(-30px) rotate(-25deg) scale(.9);opacity:.8}to{transform:translateY(100px) translate(-150px) rotate(-60deg) scale(.3);opacity:0;filter:blur(3px)}}@keyframes revealFromBelow{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:768px){.sticky-notes-stack{max-width:90%;min-height:320px}.excuse-card{padding:40px 25px 30px;min-height:320px}.excuse-text{font-size:1.3rem;line-height:1.6}.excuse-icon{font-size:3rem}.category-info{font-size:1.3rem}.header-emoji{font-size:1.8rem}.back-button{padding:10px 18px;font-size:.95rem}.next-button{padding:14px 36px;font-size:1.05rem}.excuse-header{margin-bottom:30px}}.excuse-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem;position:relative;z-index:2}.action-btn{background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.action-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.copy-btn:hover{border-color:#3b82f6;background-color:#eff6ff}.favorite-btn:hover{border-color:#ef4444}.favorite-btn.favorited{background-color:#fee2e2;border-color:#ef4444}@media(max-width:768px){.action-btn{width:44px;height:44px;font-size:1.3rem}}.profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;box-shadow:0 8px 32px #0003;border:2px solid rgba(255,255,255,.3);padding:1rem;z-index:1000;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.profile-menu-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #3b82f6;box-shadow:0 2px 8px #3b82f64d}.profile-menu-avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #667eea4d}.profile-menu-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.profile-menu-name{font-size:1rem;font-weight:600;color:#1e3a8a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-email{font-size:.85rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;align-self:flex-start}.profile-menu-divider{height:2px;background:linear-gradient(90deg,#3b82f633,#3b82f680,#3b82f633);margin:.75rem 0}.profile-menu-logout{width:100%;padding:.75rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #dc35454d}.profile-menu-logout:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}.profile-menu-logout:active{transform:translateY(0)}@media(max-width:480px){.profile-menu{min-width:250px;right:-1rem}.profile-menu-avatar,.profile-menu-avatar-placeholder{width:45px;height:45px}.profile-menu-name{font-size:.95rem}.profile-menu-email{font-size:.8rem}}.navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1rem 2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.2);margin-bottom:0;position:relative;z-index:10}.nav-logo{display:flex;align-items:center;justify-self:start}.logo-img{height:100px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.nav-tabs{display:flex;gap:1rem;justify-content:center}.nav-actions{display:flex;align-items:center;gap:.75rem;justify-self:end}.nav-tab{padding:.75rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-tab:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#fff;box-shadow:0 4px 20px #3b82f666;transform:translateY(-2px)}@media(max-width:768px){.navigation{padding:1rem 1.5rem}.nav-logo{left:1.5rem}.logo-img{height:80px}.nav-tab{padding:.6rem 1.5rem;font-size:1rem}}.nav-icon-btn{width:45px;height:45px;font-size:1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.nav-icon-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.nav-icon-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#fff;box-shadow:0 4px 20px #3b82f666;transform:translateY(-2px)}.nav-profile-container{position:relative}.nav-profile-btn{width:45px;height:45px;padding:0;background:transparent;border:none;cursor:pointer;transition:all .3s ease}.nav-profile-btn:hover{transform:translateY(-2px)}.nav-profile-img{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 10px #0003;transition:all .3s ease}.nav-profile-img:hover{border-color:#fff;box-shadow:0 4px 15px #ffffff4d}.nav-profile-placeholder{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 10px #667eea4d;transition:all .3s ease}.nav-profile-placeholder:hover{border-color:#fff;box-shadow:0 4px 15px #667eea80}.nav-signin-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:25px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}.nav-signin-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #3b82f666}@media(max-width:768px){.navigation{padding:.5rem 1rem;grid-template-columns:auto 1fr auto}.nav-tabs{display:none}.logo-img{height:60px}.nav-tab{padding:.6rem 1.5rem;font-size:1rem}.nav-icon-btn{width:40px;height:40px;font-size:1.3rem}.nav-profile-btn,.nav-profile-img,.nav-profile-placeholder{width:40px;height:40px}.nav-signin-btn{padding:.6rem 1.2rem;font-size:.95rem}}@media(max-width:480px){.navigation{grid-template-columns:auto 1fr auto;gap:.5rem;padding:.4rem .75rem}.logo-img{height:55px}.nav-tabs{gap:.5rem;justify-content:center}.nav-tab{padding:.5rem 1rem;font-size:.9rem}.nav-actions{gap:.5rem}.nav-icon-btn{width:38px;height:38px;font-size:1.2rem}.nav-profile-btn,.nav-profile-img,.nav-profile-placeholder{width:38px;height:38px}.nav-profile-placeholder{font-size:1.1rem}.nav-signin-btn{padding:.5rem 1rem;font-size:.85rem}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:2px solid rgba(59,130,246,.3);padding:.5rem;gap:.5rem;z-index:100;box-shadow:0 -4px 20px #00000026}.bottom-nav-btn{flex:1;padding:.75rem 1rem;font-size:.95rem;font-weight:600;color:#1e3a8a;background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:15px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.bottom-nav-btn:active{transform:scale(.95)}.bottom-nav-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 15px #3b82f666}.bottom-nav-label{text-align:center;line-height:1.2}}@media(max-width:480px){.bottom-nav{padding:.4rem;gap:.4rem}.bottom-nav-btn{padding:.6rem .75rem;font-size:.85rem;min-height:48px;border-radius:12px}}@media(max-width:360px){.bottom-nav-btn{font-size:.75rem;padding:.5rem}}.landing-page{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa);background-attachment:fixed;z-index:999;overflow:hidden}.landing-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(147,197,253,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(96,165,250,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.2) 0%,transparent 50%);pointer-events:none}.floating-logos{position:fixed;inset:0;overflow:hidden;z-index:1002;pointer-events:none}.floating-logo{position:absolute;opacity:.2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));pointer-events:none}@keyframes floatDiagonal1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,-40px) rotate(10deg)}}@keyframes floatDiagonal2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-40px,30px) rotate(-8deg)}}@keyframes floatVertical{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(5deg)}}@keyframes floatHorizontal{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(40px) rotate(-6deg)}}@keyframes floatCircle{0%{transform:translate(0) rotate(0)}25%{transform:translate(20px,-20px) rotate(5deg)}50%{transform:translateY(-40px) rotate(10deg)}75%{transform:translate(-20px,-20px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes floatSlow{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(25px,35px) rotate(-12deg)}}.logo-1{top:10%;left:15%;width:120px;animation:floatDiagonal1 8s ease-in-out infinite}.logo-2{top:60%;right:10%;width:100px;animation:floatDiagonal2 10s ease-in-out infinite;animation-delay:1s}.logo-3{bottom:15%;left:20%;width:90px;animation:floatVertical 7s ease-in-out infinite;animation-delay:2s}.logo-4{top:25%;right:25%;width:110px;animation:floatHorizontal 9s ease-in-out infinite;animation-delay:.5s}.logo-5{top:70%;left:8%;width:95px;animation:floatCircle 12s ease-in-out infinite;animation-delay:3s}.logo-6{bottom:25%;right:18%;width:105px;animation:floatSlow 11s ease-in-out infinite;animation-delay:1.5s}.landing-content{position:fixed;top:8vh;left:50%;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeInUp 1s ease;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-logo{height:180px;width:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.landing-title{font-size:4.5rem;font-weight:900;background:linear-gradient(135deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;text-shadow:0 4px 20px rgba(255,255,255,.3);letter-spacing:-1px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.2))}.landing-subtitle{font-size:1.6rem;color:#fffffff2;margin:0;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.5px}@media(max-width:768px){.landing-logo{height:140px}.landing-title{font-size:3.5rem}.landing-subtitle{font-size:1.3rem}.landing-content{gap:1.2rem}.logo-1,.logo-4{width:90px}.logo-2,.logo-5{width:75px}.logo-3,.logo-6{width:70px}}@media(max-width:480px){.landing-logo{height:120px}.landing-title{font-size:2.8rem}.landing-subtitle{font-size:1.1rem}.landing-content{gap:1rem;padding:0 1rem}.logo-1,.logo-4{width:70px;opacity:.15}.logo-2,.logo-5{width:60px;opacity:.15}.logo-3,.logo-6{width:55px;opacity:.15}}.ai-excuse-container{max-width:800px;margin:0 auto;padding:2rem;animation:fadeInDown .6s ease-out}.ai-excuse-header{text-align:center;margin-bottom:2rem}.ai-excuse-header h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.ai-excuse-header p{font-size:1.2rem;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.mode-selector{display:flex;justify-content:center;gap:0;margin-bottom:2rem;background:#fff;border-radius:50px;padding:.5rem;max-width:400px;margin-left:auto;margin-right:auto;box-shadow:0 5px 20px #00000026}.mode-option{flex:1;padding:.75rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;background:transparent;color:#6b7280}.mode-option:hover{color:#3b82f6}.mode-option.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.mode-option.active.serious{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.input-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 40px #0003;margin-bottom:2rem}.situation-input{width:100%;padding:1rem;font-size:1.1rem;border:2px solid #e5e7eb;border-radius:10px;resize:vertical;font-family:inherit;transition:all .3s ease;margin-bottom:1rem}.situation-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.situation-input.serious-mode{border-color:#ef4444}.situation-input.serious-mode:focus{border-color:#dc2626;box-shadow:0 0 0 3px #ef44441a}.situation-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.generate-button{width:100%;padding:1rem 2rem;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.generate-button.serious-mode{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.generate-button.serious-mode:hover:not(:disabled){box-shadow:0 6px 20px #ef444466}.generate-button:active:not(:disabled){transform:translateY(0)}.generate-button:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;box-shadow:none}.error-message{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem;border-radius:10px;text-align:center;font-weight:600;margin-bottom:1rem;animation:wiggle .5s ease}.excuse-result{display:flex;justify-content:center;align-items:center;min-height:200px;animation:revealFromBelow .5s ease-out}.ai-excuse-note{position:relative;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:2.5rem;border-radius:5px;box-shadow:0 10px 30px #00000026,0 3px 8px #0000001a;max-width:600px;width:100%;transform:rotate(-1deg);transition:transform .3s ease}.ai-excuse-note:hover{transform:rotate(0) scale(1.02)}.ai-excuse-note .excuse-text{font-size:1.3rem;line-height:1.8;color:#1f2937;text-align:center;margin:0;font-weight:500}.tape{position:absolute;width:100px;height:40px;background:#ffffff80;top:-15px;box-shadow:0 2px 5px #0000001a;clip-path:polygon(0% 20%,5% 0%,95% 0%,100% 20%,100% 80%,95% 100%,5% 100%,0% 80%)}.tape-left{left:20px;transform:rotate(-5deg)}.tape-right{right:20px;transform:rotate(5deg)}.placeholder-text{text-align:center;color:#ffffffb3;font-size:1.2rem;padding:3rem;font-style:italic}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes revealFromBelow{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.ai-excuse-container{padding:1rem}.ai-excuse-header h2{font-size:2rem}.ai-excuse-header p{font-size:1rem}.mode-selector{max-width:350px}.mode-option{font-size:1rem;padding:.65rem 1.5rem}.input-section{padding:1.5rem}.situation-input{font-size:1rem}.generate-button,.ai-excuse-note .excuse-text{font-size:1.1rem}}@media(max-width:480px){.ai-excuse-header h2{font-size:1.5rem}.mode-selector{max-width:300px}.mode-option{font-size:.9rem;padding:.6rem 1rem}.input-section{padding:1rem}.ai-excuse-note{padding:2rem}.ai-excuse-note .excuse-text{font-size:1rem}}.excuse-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.action-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.copy-button{background-color:#3b82f6;color:#fff}.copy-button:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.favorite-button{background-color:#fff;color:#333;border:2px solid #ddd}.favorite-button:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.favorite-button.favorited{background-color:#ef4444;color:#fff;border-color:#ef4444}.favorite-button.favorited:hover{background-color:#dc2626}@media(max-width:480px){.excuse-actions{flex-direction:column}.action-button{width:100%}}.favorites-container{padding:1rem;max-width:800px;margin:0 auto}.favorites-container h2{color:#333;margin-bottom:1.5rem;font-size:1.5rem}.favorites-loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.favorites-empty{text-align:center;padding:3rem;color:#666}.favorites-empty p:first-child{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.favorites-empty-hint{font-size:.95rem;color:#999}.favorites-list{display:flex;flex-direction:column;gap:1rem}.favorite-item{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.favorite-item:hover{box-shadow:0 4px 12px #00000026}.favorite-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.favorite-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.favorite-action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.favorite-date{font-size:.8rem;color:#999}@media(max-width:600px){.favorites-container{padding:.5rem}.favorite-actions{flex-direction:column}.favorite-action-btn{width:100%}}.history-container{padding:1rem;max-width:800px;margin:0 auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.history-header h2{color:#333;font-size:1.5rem;margin:0}.clear-history-btn{padding:.5rem 1rem;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s;font-weight:500}.clear-history-btn:hover{background-color:#c82333}.history-loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.history-empty{text-align:center;padding:3rem;color:#666}.history-empty p:first-child{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.history-empty-hint{font-size:.95rem;color:#999}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s;position:relative}.history-item:hover{box-shadow:0 4px 12px #00000026}.history-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:.75rem}.history-category{display:inline-block;background-color:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;margin-bottom:.75rem}.history-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.history-action-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;font-weight:500}.copy-btn{background-color:#28a745;color:#fff}.copy-btn:hover{background-color:#218838}.remove-btn{background-color:#dc3545;color:#fff}.remove-btn:hover{background-color:#c82333}.history-date{font-size:.8rem;color:#999}@media(max-width:600px){.history-container{padding:.5rem}.history-header{flex-direction:column;align-items:stretch;gap:1rem}.clear-history-btn{width:100%}.history-actions{flex-direction:column}.history-action-btn{width:100%}}.auth-modal-overlay{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;max-width:400px;width:90%;position:relative;box-shadow:0 8px 32px #00000026,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);font-size:1.5rem;cursor:pointer;color:#666;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.auth-modal-close:hover{background:#0000001a;transform:scale(1.1)}.auth-modal h2{margin:0 0 .5rem;color:#333;font-size:1.5rem}.auth-modal-description{color:#666;margin-bottom:1.5rem;line-height:1.5}.auth-error{background-color:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.auth-buttons{display:flex;flex-direction:column;gap:1rem}.auth-button{padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-button:disabled{opacity:.6;cursor:not-allowed}.google-button{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;border:1px solid rgba(0,0,0,.1)}.google-button:hover:not(:disabled){background:#fffffff2;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.google-icon{width:20px;height:20px}.anonymous-button{background:#6c757de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2)}.anonymous-button:hover:not(:disabled){background:#5a6268f2;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.auth-divider{display:flex;align-items:center;text-align:center;color:#999;margin:.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.auth-divider span{padding:0 1rem;font-size:.875rem}.auth-note{margin-top:1.5rem;font-size:.8rem;color:#999;text-align:center;line-height:1.4}