body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#000;line-height:1.5}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background-color:#fff;color:#000;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem 2rem;min-height:calc(100vh - 120px)}.phrase-container{max-width:800px;text-align:center;padding:2rem}.phrase{font-size:2rem;color:#333;line-height:1.6;margin-bottom:1.5rem;font-weight:500}.author{font-size:1.2rem;color:#666;font-style:italic;font-weight:400}.share-button{position:fixed;bottom:20px;right:20px;background:none;border:none;color:#999;opacity:.4;cursor:pointer;padding:10px;transition:all .3s ease;border-radius:50%;z-index:40}.share-button:hover{color:#333;opacity:1;background:#0000000d}.share-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.share-menu{background:#fff;border-radius:16px;padding:25px;min-width:280px;max-width:320px;box-shadow:0 20px 40px #00000026;animation:slideInUp .4s ease .1s both}.share-menu-title{font-size:1.3rem;font-weight:500;color:#333;text-align:center;margin-bottom:20px}.share-options{display:flex;flex-direction:column;gap:10px}.share-option{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:none;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;color:#333;transition:all .3s ease;text-align:center}.share-option:hover{background:#f5f5f5}.next-button{position:fixed;background:none;border:none;font-size:1.5rem;color:#333;opacity:1;cursor:pointer;padding:15px 30px;transition:all .6s ease;font-family:inherit;font-weight:500;text-transform:uppercase;left:50%;transform:translate(-50%)}.next-button.has-jokes{color:#999;opacity:.4}.next-button.centered{top:50%;transform:translate(-50%,-50%)}.next-button.bottom{bottom:20px;transform:translate(-50%)}.next-button.transitioning{opacity:.2;pointer-events:none}.next-button.has-jokes:hover,.next-button.has-jokes:active{color:#333;opacity:1}.next-button:disabled{color:#ccc;opacity:.3;cursor:not-allowed}.header{position:fixed;top:0;left:0;right:0;padding:20px 30px;z-index:50;background:#fff;display:flex;justify-content:center;align-items:center;position:relative}.site-title{font-size:1.2rem;color:#999;opacity:.4;font-weight:500;text-transform:uppercase;position:absolute;left:50%;transform:translate(-50%)}.desktop-nav{display:flex;gap:25px;position:absolute;right:0}.nav-button{font-size:1.2rem;color:#999;background:none;border:none;opacity:.4;cursor:pointer;padding:8px 12px;font-family:inherit;font-weight:500;text-transform:uppercase;transition:all .3s ease;-webkit-user-select:none;user-select:none}.nav-button:hover{color:#333;opacity:1}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:60;position:absolute;right:5px}.hamburger span{width:20px;height:2px;background:#999;opacity:.4;transition:all .3s ease;transform-origin:1px}.hamburger:hover span{background:#333;opacity:1}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000;z-index:100;display:flex;justify-content:flex-end;align-items:flex-start;animation:fadeInBackground .4s ease forwards}.mobile-menu.closing{animation:fadeOutBackground .4s ease forwards}.mobile-menu-content{background:#fff;width:auto;min-width:180px;max-width:250px;padding:25px 30px;border-radius:16px 0 0 16px;box-shadow:-2px 2px 10px #0000001a;transform:translate(100%);animation:slideInFromRight .5s cubic-bezier(.16,1,.3,1) forwards;margin-top:60px}.mobile-menu.closing .mobile-menu-content{animation:slideOutToRight .4s cubic-bezier(.7,0,.84,0) forwards}.mobile-nav-button{display:block;width:100%;padding:18px 0;font-size:1.1rem;color:#333;font-weight:500;text-transform:uppercase;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.mobile-nav-button:last-child{border-bottom:none}.mobile-nav-button:hover{color:#666;padding-left:10px}@keyframes fadeInBackground{0%{background:#0000}to{background:#00000080}}@keyframes fadeOutBackground{0%{background:#00000080}to{background:#0000}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.about-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#404040f2;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .6s ease;cursor:pointer}.about-content{max-width:800px;text-align:center;cursor:default}.about-content p{font-size:1.3rem;color:#fff;line-height:1.7;font-weight:400;animation:slideInUp .8s ease .2s both}@keyframes fadeIn{0%{opacity:0;background-color:#40404000}to{opacity:1;background-color:#404040f2}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:2rem;color:#fff;opacity:.7;cursor:pointer;padding:10px;font-family:inherit;font-weight:300;transition:all .3s ease;z-index:110;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-button:hover{opacity:1;transform:scale(1.1)}@media (max-width: 768px){.desktop-nav{display:none}.hamburger{display:flex}.phrase{font-size:1.5rem}.author{font-size:1rem}.main-content{padding:3rem 1rem 1rem;min-height:calc(100vh - 100px)}.phrase-container{padding:1rem;max-width:100%}.next-button{font-size:1.2rem;padding:15px 30px}.next-button.bottom{bottom:15px}.site-title{font-size:1rem}.header{padding:15px 25px}.about-content p{font-size:1.1rem;line-height:1.6}.about-modal{padding:1.5rem}.close-button{top:15px;right:15px;font-size:1.8rem;width:36px;height:36px}.suggest-modal{padding:1.5rem;margin:1rem}.suggest-title{font-size:1.3rem;margin-bottom:1rem}.suggest-input,.suggest-textarea{padding:10px 12px;font-size:.9rem}.suggest-submit{padding:10px 20px;font-size:.9rem}.share-button{bottom:15px;right:15px;padding:8px}.share-menu{margin:1rem;min-width:260px;max-width:300px}}@media (max-width: 480px){.phrase{font-size:1.3rem;line-height:1.5}.author{font-size:.9rem}.main-content{padding:2.5rem .8rem .8rem;min-height:calc(100vh - 80px)}.phrase-container{padding:.8rem}.next-button{font-size:1.1rem;padding:12px 25px}.next-button.bottom{bottom:12px}.site-title{font-size:.9rem}.header{padding:12px 20px}.about-content p{font-size:1rem;line-height:1.5}.about-modal{padding:1rem}.close-button{top:12px;right:12px;font-size:1.6rem;width:32px;height:32px}.suggest-modal{padding:1rem;margin:.5rem}.suggest-title{font-size:1.2rem;margin-bottom:1rem}.suggest-input,.suggest-textarea{padding:8px 10px;font-size:.9rem}.suggest-submit{padding:8px 16px;font-size:.9rem}.hamburger{width:20px;height:20px}.hamburger span{width:16px}.mobile-menu-content{min-width:160px;max-width:220px;padding:20px 25px;margin-top:55px}.mobile-nav-button{padding:15px 0;font-size:1rem}.share-button{bottom:12px;right:12px;padding:6px}.share-menu{margin:.5rem;min-width:240px;max-width:280px;padding:20px}.share-option{padding:10px 14px;font-size:.9rem}}.suggest-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.suggest-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;padding:2rem;position:relative;animation:slideInUp .4s ease .1s both}.suggest-close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;color:#999;opacity:.7;cursor:pointer;padding:5px;font-family:inherit;font-weight:300;transition:all .3s ease;z-index:110;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.suggest-close-button:hover{opacity:1;color:#333}.suggest-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem;font-weight:500;text-align:center}.suggest-form{display:flex;flex-direction:column;gap:1rem}.suggest-input,.suggest-textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;color:#333;background:#fff;transition:border-color .3s ease;resize:none}.suggest-input:focus,.suggest-textarea:focus{outline:none;border-color:#999}.suggest-input::placeholder,.suggest-textarea::placeholder{color:#999}.suggest-textarea{min-height:100px;line-height:1.5}.suggest-submit{background:#333;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;text-transform:uppercase;padding:12px 24px;cursor:pointer;font-family:inherit;transition:all .3s ease;margin-top:.5rem}.suggest-submit:hover{background:#555;transform:translateY(-1px)}.suggest-submit:active{transform:translateY(0)}.suggest-submit:disabled{background:#999;cursor:not-allowed;transform:none}.submit-message{padding:12px;border-radius:8px;background:#f0f0f0;color:#333;text-align:center;font-size:.9rem;margin:.5rem 0}@media (min-width: 769px) and (max-width: 1024px){.phrase{font-size:1.8rem}.author{font-size:1.1rem}.phrase-container{max-width:700px;padding:1.5rem}.next-button{font-size:1.3rem}.next-button.bottom{bottom:20px}.main-content{padding-top:3.5rem}}.app.screenshot-mode{min-height:630px;max-height:630px;width:1200px;max-width:1200px;background:#fff;overflow:hidden;position:relative}.app.screenshot-mode .main-content{padding:0;min-height:630px;height:630px;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0}.app.screenshot-mode .phrase-container{max-width:1000px;text-align:center;padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.app.screenshot-mode .phrase{font-size:3rem;line-height:1.4;margin-bottom:40px;font-weight:600}.app.screenshot-mode .author{font-size:2rem;color:#666;font-style:italic}