html{scroll-behavior:smooth}body{font-family:Ubuntu,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#2b2b2b;color:#fff}.app-shell{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto}button,input,select,textarea{outline:none;border:none;font-size:100%;margin:0}textarea{resize:none;overflow:auto;vertical-align:top;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}a{text-decoration:none;color:#fff}nav{display:flex;justify-content:space-around;align-items:center;padding:1rem;background-color:#262626;border-bottom:1px solid #333}nav span{display:flex;align-items:center;gap:.5rem}nav .brand{display:flex;align-items:center;gap:.5rem;color:#fff;cursor:pointer;transition:opacity .2s ease}nav .brand:hover{opacity:.8}nav .brand .brand-name{margin:0;line-height:1.1;font-size:2rem;font-weight:700}nav .brand .brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}nav .brand-tagline{font-size:.72rem;font-weight:400;color:#9a9a9a}nav .brand-logo{width:40px;height:40px;object-fit:contain;display:block}nav span h1{margin:0}nav .btn01{background-color:#14b938;color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color .2s ease}nav .btn01:hover{background-color:#000}nav .btn02{background-color:#fff;color:#000;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color .2s ease}nav .btn02:hover{background-color:#555;color:#fff}nav .ul{display:flex;margin:0}nav ul li{padding:.5rem}.highlight{background-color:#333;padding:.2rem .3rem;border-radius:5px;font-size:.9rem;color:#d6d6d6}#form-area{background-color:#252525;max-width:1240px;margin:2rem auto 0;height:fit-content;padding:1.75rem;border:1px solid #333;border-radius:12px;box-shadow:0 8px 24px #00000040}.paste-form{width:95%;margin:0 auto}.paste-form h1{margin-bottom:.3rem}.paste-form p{margin:0;margin-bottom:.5rem;margin-top:.3rem;color:#aaa;font-size:.75rem}.paste-form textarea{width:100%;padding:8px 12px;font-size:13px;margin:10px 0;color:#ddd;background-color:#2b2b2b;border:1px solid #333;border-radius:5px;box-sizing:border-box;overflow:hidden;resize:none;transition:height .2s ease}.paste-form input{margin-top:1rem;background-color:#2b2b2b;border:1px solid #333;border-radius:3px;padding:.5rem;color:#ddd;margin-left:.5rem}.paste-form button{margin-top:1rem;background-color:#fff;color:#000;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:background-color .2s ease}.paste-form button:hover{background-color:#555;color:#fff}.paste-form select{margin-top:1rem;background-color:#2b2b2b;border:1px solid #333;border-radius:3px;padding:.5rem;color:#ddd;margin-left:.5rem}.note{background-color:#2f2f2f;border:1px solid #3a3a3a;border-left:3px solid #14b938;padding:.85rem 1rem;border-radius:8px;margin:1.25rem auto 0;width:95%;box-sizing:border-box;display:flex;align-items:center;gap:.75rem;color:#d6d6d6}.note p{margin:0;font-size:.82rem;line-height:1.5}.stats-bar{max-width:1240px;margin:2.5rem auto 0;padding:0 1.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.stats-bar .stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stats-bar .stat-num{font-size:2rem;font-weight:700;color:#14b938;line-height:1}.stats-bar .stat-label{font-size:.85rem;color:#9a9a9a}#howtouse{max-width:1240px;margin:3.5rem auto 0;padding:0 1.75rem}.cards{margin:1.5rem auto 0;max-width:1300px;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.card{background-color:#2f2f2f;padding:1.5rem 1.25rem;border-radius:12px;border:1px solid #3a3a3a;width:250px;display:flex;align-items:center;flex-direction:column;gap:.6rem;text-align:center;color:#14b938;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:#14b938}.card h2{margin:0;padding:0 1rem;color:#fff;font-size:1.17em}.card p{margin:0;color:#cfcfcf;font-size:.9rem}#viewPaste{background-color:#252525;max-width:1240px;width:90%;margin:0 auto;min-height:60vh;height:fit-content;padding:1rem;position:relative}button{margin-bottom:10px;padding:5px 10px;font-size:14px;cursor:pointer;background-color:#14b938;color:#fff;border:none;border-radius:4px;display:flex;align-items:center;gap:.25rem}.copy-success{margin-left:10px;color:green;font-weight:700}.error-div{background-color:red;color:#fff;padding:5px 10px;border-radius:5px;margin-top:10px;display:flex;align-items:center;gap:.5rem}.error-div p{margin:0}code{font-size:14px}footer{background-color:#262626;color:#fff;text-align:center;padding:.5rem 1rem;font-size:.9rem;border-top:1px solid #333}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:.5rem 0}.footer-links a{color:#9ecbff;text-decoration:underline;font-size:.85rem;display:inline-block;padding:.4rem .25rem;line-height:1.4}.footer-links a:hover{text-decoration:underline}.removal-note{font-size:.8rem;color:#b8b8b8}.removal-note a{color:#9ecbff;text-decoration:underline}.disclaimer-note{max-width:720px;margin:.5rem auto;font-size:.72rem;color:#a8a8a8;line-height:1.5}#findPaste{background-color:#252525;max-width:1240px;width:90%;margin:0 auto;min-height:60vh;height:fit-content;padding:1rem}#findPaste input{width:100%;padding:8px 12px;font-size:13px;margin:10px 0;color:#ddd;background-color:#2b2b2b;border:1px solid #333;border-radius:5px;box-sizing:border-box;overflow:hidden;resize:none;transition:height .2s ease}.copy-btn{margin-left:5px}.paste-actions{position:sticky;top:10px;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.raw-link{display:inline-flex;align-items:center;gap:.25rem;padding:5px 10px;font-size:14px;background-color:#14b938;color:#fff;border-radius:4px;text-decoration:none;margin-bottom:10px}.raw-link:hover{background-color:#0f8f2b}.created-banner{background-color:#14381c;border:1px solid #14b938;color:#b7f5c4;padding:.6rem .9rem;border-radius:5px;margin-bottom:.75rem;font-size:.9rem}.slug-row{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.slug-row label{margin:0;align-self:center;white-space:nowrap}.slug-row input{width:260px;max-width:100%;box-sizing:border-box;height:42px;margin:0;padding:0 .85rem;font-size:1rem}.slug-row .generate-btn{flex-shrink:0;height:42px;margin:0;background-color:#333;color:#ddd;padding:0 1rem;font-size:1rem;border:1px solid #444;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.slug-row .generate-btn:hover:not(:disabled){background-color:#444}.slug-row .generate-btn:disabled{opacity:.6;cursor:default}.public-toggle{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:1rem;cursor:pointer}.public-toggle input[type=checkbox]{width:1.25rem;height:1.25rem;margin:0;accent-color:#14b938;cursor:pointer}.note a{color:#7cc4ff;text-decoration:underline}.raw-wrap{background-color:#1e1e1e;min-height:100vh}.raw-back{display:inline-block;padding:.6rem 1rem;color:#9ecbff;text-decoration:none;font-size:.9rem}.raw-back:hover{text-decoration:underline}.raw-view{margin:0;padding:0 1rem 1rem;white-space:pre-wrap;word-break:break-word;font-family:monospace;font-size:.9rem;color:#ddd;background-color:#1e1e1e}.paste-created{margin:.75rem 0 0;font-size:.8rem;color:#a8a8a8;text-align:right}.paste-stats{display:flex;justify-content:space-between;font-size:.75rem;color:#a8a8a8;margin-top:.25rem}.paste-stats.over-limit{color:#ff6b6b}.view-count{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:#aaa;margin-bottom:10px}.qr-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;width:fit-content;padding:1rem;border-radius:8px;margin:.5rem 0 1rem}.qr-panel p{margin:0;color:#333;font-size:.8rem;max-width:180px;text-align:center}.report-btn{background-color:#4a2b2b;color:#ffb3b3}.report-btn:hover{background-color:#5c3333}.report-note{display:flex;align-items:flex-start;gap:.6rem;background-color:#2f2626;border:1px solid #5c3333;border-left:3px solid #e06666;color:#f0d6d6;padding:.85rem 1rem;border-radius:8px;margin:.5rem 0 1rem;max-width:640px}.report-note p{margin:0;font-size:.85rem;line-height:1.5}.report-note a{color:#ff9b9b;font-weight:500}.content-section{max-width:900px;width:90%;margin:3.5rem auto;color:#ddd;line-height:1.7}.content-section h1{font-size:2rem;margin-bottom:.75rem}.content-section h2{margin-top:2.5rem;padding-bottom:.5rem;border-bottom:1px solid #383838}.content-section .lead{font-size:1.15rem;color:#cfcfcf;line-height:1.7}.content-links{margin-top:2rem;padding-top:1.25rem;border-top:1px solid #333}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.75rem 0}.blog-card{display:flex;flex-direction:column;gap:.5rem;background:#2f2f2f;border:1px solid #3a3a3a;border-radius:12px;padding:1.25rem;color:#ddd;transition:transform .2s ease,border-color .2s ease}.blog-card:hover{transform:translateY(-4px);border-color:#14b938}.blog-card h3{margin:0;font-size:1.05rem;color:#fff;line-height:1.35}.blog-card p{margin:0;flex:1;font-size:.9rem;color:#bdbdbd;line-height:1.5}.blog-read{color:#14b938;font-size:.9rem;font-weight:500}.content-links a,.breadcrumb a,.content-section a{color:#7cc4ff;text-decoration:underline}.content-section a.blog-card{color:#ddd;text-decoration:none}.updates-list{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.update-item{display:flex;gap:1rem;align-items:baseline;background:#2b2b2b;border:1px solid #383838;border-left:3px solid #14b938;border-radius:8px;padding:.75rem 1rem}.update-date{flex-shrink:0;width:96px;font-size:.78rem;font-weight:600;color:#14b938}.update-text{font-size:.9rem;color:#cfcfcf;line-height:1.5}@media screen and (max-width: 500px){.update-item{flex-direction:column;gap:.2rem}.update-date{width:auto}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:1.75rem 0}.feature-card{background:#2f2f2f;border:1px solid #3a3a3a;border-radius:12px;padding:1.25rem;transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-4px);border-color:#14b938}.feature-card h3{margin:0 0 .5rem;color:#14b938;font-size:1.05rem}.feature-card p{margin:0;font-size:.9rem;color:#cfcfcf;line-height:1.5}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#2b2b2b;border:1px solid #383838;border-radius:10px;padding:.9rem 1.1rem;transition:border-color .2s ease}.faq-item[open]{border-color:#14b938}.faq-item summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#14b938;font-size:1.25rem;line-height:1;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin:.75rem 0 0;color:#cfcfcf;line-height:1.6}.table-wrap{overflow-x:auto}.compare-table{width:100%;border-collapse:collapse;margin:1rem 0}.compare-table th,.compare-table td{border:1px solid #383838;padding:.6rem .75rem;text-align:left;font-size:.9rem}.compare-table th{background:#333}.guide-index{list-style:none;padding:0}.guide-index li{margin-bottom:1.25rem}.guide-index a{font-size:1.1rem;font-weight:700}.guide-index p{margin:.25rem 0 0;color:#aaa;font-size:.9rem}.loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;padding:3rem 1rem;color:#aaa}.loading p{margin:0;font-size:.9rem}.spinner{width:32px;height:32px;border:3px solid #444;border-top-color:#14b938;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:#aaa;padding:2rem 1rem}.public{background-color:#262626;border:1px solid #333;padding:1.5rem;border-radius:12px;margin:2rem auto;max-width:1240px;width:90%;box-sizing:border-box;color:#d6d6d6;min-height:60vh}.public h1{margin-top:0;margin-bottom:1.5rem}.pastes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.paste-card{background-color:#2f2f2f;border:1px solid #3a3a3a;padding:1.25rem;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;text-align:left;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.paste-card:hover{transform:translateY(-4px);border-color:#14b938}.paste-card h3{margin:0;color:#14b938;font-size:1.05rem;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.paste-card p{margin:0;flex:1;font-size:.82rem;color:#bdbdbd;line-height:1.5;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.paste-card button{align-self:flex-start;margin:0}@media screen and (max-width: 600px){nav{flex-direction:column;gap:.5rem}nav .ul{flex-direction:row;gap:.5rem}nav span{flex-direction:column;gap:.5rem}nav .btn01,nav .btn02{margin-top:.5rem}.paste-form input,.paste-form select{margin-left:0}.cards{gap:1rem}.card{max-width:90%}.pastes-grid{grid-template-columns:1fr}.public{padding:1rem}}