:root{--bg-deep-void: #0D0E10;--text-primary: #EAECEF;--text-secondary: #A0A6AD;--text-quote: #D0D4D8;--text-tertiary: #656A72;--accent-primary: #3498DB;--accent-primary-rgb: 52, 152, 219;--accent-hover-bg: rgba(var(--accent-primary-rgb), .1);--font-family-main: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition-cubic-smooth: cubic-bezier(.4, 0, .2, 1);--transition-duration-fast: .18s;--transition-duration-medium: .35s}html{height:100vh;width:100%;margin:0;padding:0;font-size:16px;overflow-y:scroll;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{height:100%;width:100%;margin:0;background:var(--bg-deep-void);color:var(--text-secondary);font-family:var(--font-family-main);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.01;mix-blend-mode:overlay}.container{background:transparent;border:none;box-shadow:none;padding:0;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;margin:1rem 0;position:relative;z-index:1}.content-block{background:transparent;border:none;box-shadow:none;width:100%;margin-bottom:1.5rem;padding:1.8rem;transition:transform var(--transition-duration-medium) var(--transition-cubic-smooth);animation:fadeInBlock .5s var(--transition-cubic-smooth) backwards}.content-block:last-child{margin-bottom:0}.header-block{animation-delay:.05s;padding:2rem 1.8rem;margin-bottom:.2rem}.socials-block{animation-delay:.15s;padding:.75rem 1.4rem}.footer-block{animation-delay:.2s;background:none;border:none;box-shadow:none;padding:.5rem;margin-top:.2rem}@keyframes fadeInBlock{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}h1{font-size:2.7rem;font-weight:700;margin:0 0 .4em;letter-spacing:-.04em;text-align:center;text-transform:lowercase;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-duration-medium) ease-out,transform var(--transition-duration-fast) var(--transition-cubic-smooth),text-shadow var(--transition-duration-medium) ease-out,opacity var(--transition-duration-fast) var(--transition-cubic-smooth);color:var(--text-primary);position:relative}h1:after{content:"";position:absolute;bottom:-.25em;left:50%;width:28px;height:3.5px;background-color:var(--accent-primary);border-radius:2px;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform var(--transition-duration-medium) var(--transition-cubic-smooth)}h1.h1-quote-active:after{transform:translate(-50%) scaleX(1)}h1.h1-pressed{transform:scale(.98);opacity:.8}h1:hover{text-shadow:0 0 10px rgba(var(--accent-primary-rgb),.3)}h1:focus-visible{outline:2px solid var(--accent-primary);outline-offset:5px;border-radius:4px}.alias{display:block;font-size:.88rem;color:var(--text-secondary);text-align:center;text-transform:lowercase;font-weight:500;letter-spacing:-.01em;opacity:.9;margin-top:.2em}.quote-block-wrapper.content-block{opacity:0;transform:translateY(10px);max-height:0;margin-bottom:0;overflow:hidden;padding-top:0;padding-bottom:0;padding-left:1.8rem;padding-right:1.8rem;animation:none!important;transition:opacity var(--transition-duration-medium) var(--transition-cubic-smooth),transform var(--transition-duration-medium) var(--transition-cubic-smooth),max-height var(--transition-duration-medium) var(--transition-cubic-smooth),margin-bottom var(--transition-duration-medium) var(--transition-cubic-smooth),padding-top var(--transition-duration-medium) var(--transition-cubic-smooth),padding-bottom var(--transition-duration-medium) var(--transition-cubic-smooth);pointer-events:none}.quote-block-wrapper.content-block.visible{opacity:1;transform:translateY(0);max-height:10rem;margin-bottom:.75rem;padding-top:.75rem;padding-bottom:.5rem;overflow-y:auto;pointer-events:auto}.quote-content{padding:0;text-align:center;font-size:.95rem;color:var(--text-quote);font-weight:400;letter-spacing:-.005em;line-height:1.65;opacity:0;transform:translateY(5px);transition:opacity var(--transition-duration-medium) var(--transition-cubic-smooth),transform var(--transition-duration-medium) var(--transition-cubic-smooth);overflow-wrap:break-word;word-break:break-word;max-width:17rem;margin-left:auto;margin-right:auto}.quote-block-wrapper.visible .quote-content{opacity:1;transform:translateY(0)}.quote-content .author{display:block;margin-top:.5em;font-size:.78rem;color:var(--text-tertiary);font-weight:500;letter-spacing:.01em}.quote-content.quote-text-animate-out{animation:quoteTextOut .3s ease-in forwards;transition:none!important}.quote-content.quote-text-animate-in{animation:quoteTextIn .3s ease-out forwards;transition:none!important}@keyframes quoteTextOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes quoteTextIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;max-width:216px;margin:0 auto}.social-link,.copy-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:.5em;border-radius:8px;background-color:transparent;border:none;cursor:pointer;transition:background-color var(--transition-duration-fast) ease-out,transform var(--transition-duration-fast) var(--transition-cubic-smooth);color:var(--text-tertiary);box-sizing:border-box}.social-link:hover,.copy-link:hover,.social-link:focus-visible,.copy-link:focus-visible{background-color:var(--accent-hover-bg);color:var(--accent-primary);transform:translateY(-2px);outline:none}.social-link:focus-visible,.copy-link:focus-visible{box-shadow:0 0 0 2px var(--bg-deep-void),0 0 0 4px var(--accent-primary)}.icon{display:inline-block;width:24px;height:24px}.icon svg{display:block;width:100%;height:100%;fill:currentColor}.stroked-icon svg{fill:none;stroke:currentColor}.footer{font-size:.75rem;color:var(--text-tertiary);text-align:center;opacity:.7;font-weight:500;letter-spacing:.01em;padding:1rem 0 .5rem;position:relative;overflow:hidden;cursor:default}.footer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease-in-out;pointer-events:none}.footer:hover:after{left:100%}.footer-char{display:inline-block;color:var(--text-tertiary);transition:transform .3s var(--transition-cubic-smooth),color .3s var(--transition-cubic-smooth)}.footer:hover .footer-char{transform:translateY(-3px);color:var(--text-primary)}.notif{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-60px);opacity:0;pointer-events:none;background-color:#191a1ee6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);padding:.85rem 1.6rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 30px #0000004d;font-size:.9rem;font-weight:500;text-align:center;white-space:nowrap;z-index:1000;transition:opacity var(--transition-duration-medium) var(--transition-cubic-smooth),transform var(--transition-duration-medium) var(--transition-cubic-smooth);will-change:transform,opacity}.notif.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}@media (max-width: 480px){h1{font-size:2.3rem}.alias{font-size:.8rem}.quote-content{font-size:.9rem}.quote-content .author,.footer{font-size:.7rem}.notif{padding:.8rem 1.2rem;font-size:.85rem;width:auto;max-width:90%;border-radius:8px;top:15px;transform:translate(-50%) translateY(-50px)}.notif.show{transform:translate(-50%) translateY(0)}.quote-block-wrapper.content-block.visible{max-height:9rem;padding-top:.75rem;padding-bottom:.5rem}.socials{max-width:202px;gap:.4em}.social-link,.copy-link{width:46px;height:46px}.icon{width:22px;height:22px}.content-block{padding:1.5rem}.header-block{padding:1.8rem 1.5rem;margin-bottom:.2rem}.quote-block-wrapper.content-block{padding-left:1.5rem;padding-right:1.5rem}}