:root{--border-radius-card:24px;--border-radius-button:8px;--content-width:1180px;--color-bg:#0b0d0c;--color-surface:#121514;--color-card:#1a1e1b;--color-text:#f2f0e8;--color-text-muted:#969d98;--color-border:#2f3632;--color-accent:#a7bfa7}*{box-sizing:border-box}html{overflow-y:scroll}body{background:var(--color-bg);color:var(--color-text);margin:0}.footer{width:100%;max-width:var(--content-width);border-top:1px solid var(--color-border);justify-content:space-between;margin:auto;padding:.5rem;display:flex}.footer-left{gap:2rem;display:flex}.creater-container{gap:.5rem;display:flex}.footer-left p{color:var(--color-text-muted);margin:0;font-size:.875rem}.creater-container a{color:var(--color-text-muted)}.footer-left span{font-size:.875rem;font-style:italic}.footer-right a{color:var(--color-text-muted);font-size:.875rem;text-decoration:none}.footer-right a:hover{color:var(--color-text)}@media (width<=768px){.footer{padding:.5rem 1rem}}.navbar{width:100%;height:72px}.nav-container{width:100%;max-width:var(--content-width);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.logo{color:var(--color-text);font-size:1.25rem;font-weight:600;text-decoration:none}.nav-links{align-items:center;gap:2rem;font-size:1rem;display:flex}.nav-links a,.nav-links button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:1rem;text-decoration:none}.nav-links a:hover,.nav-links button:hover{color:var(--color-text)}@media (width<=768px){.nav-container{padding:0 1rem}}.home-page{flex-direction:column;min-height:100vh;display:flex}.home{flex:1;width:100%}.home-container{max-width:var(--content-width);margin:0 auto}.home-container h1{color:var(--color-accent);font-size:1rem;font-weight:600}.hero h2{margin-top:0;margin-bottom:1rem;font-size:5rem}.hero{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:75vh;display:flex}.hero p{margin:0;font-size:2rem;font-style:italic}.slogan{gap:.75rem;margin-bottom:1rem;display:flex}.slogan p{font-size:1.5rem}.hero-description{text-align:center;max-width:700px}.hero-description p{color:var(--color-text-muted);font-size:1.25rem;font-style:normal}.hero button{background:var(--color-surface);border-radius:var(--border-radius-button);color:var(--color-text);cursor:pointer;border:none;padding:1rem 1.25rem;font-size:1rem}@media (width<=768px){.home{padding:0 1rem}.hero h2{font-size:3rem}}.dashboard-page{flex-direction:column;min-height:100vh;display:flex}.dashboard{flex:1;width:100%}.dashboard h1{color:var(--color-accent);font-size:1rem;font-weight:600}.dashboard-container{width:100%;max-width:var(--content-width);margin:0 auto}.dashboard-container h2{margin-top:4rem;font-size:2rem;font-weight:600}.dashboard-content{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin-top:2rem;display:grid}@media (width<=768px){.dashboard-content{grid-template-columns:1fr;margin-bottom:1.5rem}.dashboard-container{padding:0 1rem}.dashboard-container h2{overflow-wrap:anywhere}}.history{border:1px solid var(--color-border);border-radius:var(--border-radius-card);background:var(--color-card);padding:2rem}.history-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem}.history-header h2{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.history-list{min-height:50px;max-height:520px;padding-right:1rem;overflow-y:auto}.history-item{background:var(--color-surface);border-radius:.75rem;grid-template-columns:1fr auto;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;display:grid}.history-item-info h3{margin:0 0 .5rem;font-size:1rem;font-weight:500}.history-item-info p{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.history-item-meta p{margin:0}.history-item-meta p+p{margin-top:.25rem}.history-status{color:var(--color-text-muted);font-size:.75rem}.history-item-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.history-actions{gap:.5rem;display:flex}.history-actions button{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:var(--border-radius-button);background:0 0;padding:.25rem .75rem}.history-actions button:hover{background-color:var(--color-border)}.history-list{scrollbar-color:var(--color-border) var(--color-surface)}.secret-modal-overlay{z-index:10;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.secret-modal{background-color:var(--color-surface);border-radius:var(--border-radius-card);border:1px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:650px;padding:1rem 2rem;display:flex}.modal-content{max-height:500px;color:var(--color-text);text-align:center;overflow-wrap:anywhere;min-height:50px;margin-bottom:1rem;font-size:1.1rem;overflow-y:auto}.secret-modal h2{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:2rem}.secret-modal button{background:var(--color-accent);border-radius:var(--border-radius-button);cursor:pointer;border:none;padding:.5rem 1.5rem}@media (width<=768px){.history-actions{flex-direction:column}}.create-secret{border:1px solid var(--color-border);border-radius:var(--border-radius-card);background:var(--color-card);padding:2rem}.create-secret-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem}.create-secret-header h2{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.create-secret-container{flex-direction:column;gap:2rem;display:flex}.create-container{flex-direction:column;gap:.5rem;display:flex}.create-secret textarea{resize:vertical;background:var(--color-surface);width:100%;min-height:390px;color:var(--color-text);border-radius:var(--border-radius-card);border:none;padding:1rem;font-size:.9rem}.create-secret-container select{background:var(--color-surface);width:100%;color:var(--color-text);border-radius:var(--border-radius-button);border:none;padding:.5rem .75rem}.create-secret-container button{background:var(--color-surface);border-radius:var(--border-radius-button);color:var(--color-text);cursor:pointer;border:none;align-self:flex-start;padding:.5rem 1rem}.expiration-container{flex-direction:column;gap:.5rem;display:flex}.create-secret-container button:hover{background:var(--color-border)}.secret-result{border-top:1px solid var(--color-border);flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1rem;display:flex}.secret-result input{background:var(--color-surface);color:var(--color-text);border-radius:.375rem;padding:.5rem .75rem}.secret-result-actions{gap:.5rem;display:flex}.secret-result-actions button{background:var(--color-surface);color:var(--color-text);border-radius:var(--border-radius-button);border:1px solid var(--color-border);cursor:pointer;padding:.375rem .5rem}.secret-result-actions button:hover{background:var(--color-text-muted)}.link-input{border:none;font-size:.9rem}.pub-secret-page{flex-direction:column;min-height:100vh;display:flex}.pub-secret{flex:1;width:100%}.pub-secret-container{max-width:var(--content-width);margin:0 auto}.pub-secret-card{justify-content:center;padding:4rem 0;display:flex}.secret-card{background:var(--color-surface);border-radius:var(--border-radius-card);border:1px solid var(--color-border);flex-direction:column;align-items:center;width:70%;max-width:650px;min-height:25vh;margin-top:8rem;padding:1rem 2rem;display:flex}.content{width:100%;max-width:550px}.content p{overflow-wrap:anywhere;text-align:center;font-size:1.2rem}.secret-unavailable{text-align:center;font-size:1.2rem}.pub-secret-icon{background:var(--color-card);width:3.5rem;height:3.5rem;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 25px #a7bfa714}.pub-secret-icon svg{font-size:1.5rem}.pub-secret-container h1{color:var(--color-accent);font-size:1rem}.pub-secret h2{color:var(--color-text);text-align:center;border-bottom:1px solid var(--color-border);font-size:1.75rem}.secret-card button{border-radius:var(--border-radius-button);background-color:var(--color-accent);cursor:pointer;border:none;padding:.5rem 2rem;font-size:1rem}.loading-screen{color:#f5f5f5;background:#0b0d10;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-content{flex-direction:column;align-items:center;gap:24px;display:flex}.loading-logo{color:#f5f5f5;letter-spacing:-.5px;font-size:21px;font-weight:600}.loading-spinner{border:2px solid #222730;border-top-color:#8fa88f;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.about-page{flex-direction:column;min-height:100vh;display:flex}.about{flex:1;width:100%}.about-container{max-width:var(--content-width);flex-direction:column;gap:5rem;margin:0 auto;display:flex}.about-header-section h1{color:var(--color-accent);font-size:1rem;font-weight:600}.about-description{max-width:700px}.about-description h2{color:var(--color-text);margin-top:3.1rem;font-size:5rem}.about-description p{color:var(--color-text-muted);font-size:1.3rem}.why-container{flex-direction:column;justify-content:center;display:flex}.why-container h2{color:var(--color-accent);border-bottom:1px solid var(--color-border);text-align:center}.icon{font-size:3rem}.why-grid{grid-template-columns:20rem 20rem;justify-content:center;align-items:start;gap:0 15rem;display:grid}.about-card{align-items:center;gap:1rem;display:flex}.about-card h3{color:var(--color-text);font-size:1.5rem}.about-card p{color:var(--color-text-muted);font-size:1rem}.why-icon{background-color:var(--color-surface);color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;padding:.9rem;display:flex}.about-card svg{font-size:2rem}@media (width<=768px){.about{padding:0 1rem}.why-grid{grid-template-columns:1fr}.about-description h2{font-size:3rem}.about-description p{font-size:1.25rem}}