*{margin:0;padding:0;box-sizing:border-box;--section-padding:20px;--article-page-padding:60px;--footer-height:80px}body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:var(--footer-height);margin-top:auto;padding:30px var(--section-padding);background-color:#f1f1f1}.font-weight-bold{font-weight:700}.font-weight-medium{font-weight:500}.font-weight-regular{font-weight:400}.font-weight-small{font-weight:300}.font-weight-light{font-weight:200}.font-size-large{font-size:20px}.font-size-medium{font-size:16px}.font-size-regular{font-size:12px}.font-size-small{font-size:10px}.main-content-container{width:100%;max-width:60vw;margin:0 auto;padding-bottom:40px}header{padding:var(--section-padding)}section{padding:var(--section-padding)}.title{margin-bottom:20px}.subtitle{margin-bottom:10px}.max-count{color:red}.visitor-count-section{display:flex;flex-direction:column;align-items:center;gap:10px}.visitor-count-container{width:fit-content;padding:var(--section-padding);background-color:#456dee;color:#fff;text-align:center}#uuid_generator_form{display:flex;flex-direction:column;gap:10px;margin-top:20px}.input-group{display:flex;flex-direction:column;gap:5px;border:1px solid #ccc;padding:10px}.input-group label{font-weight:700}#generate_btn{border:none;background-color:#4caf50;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}#generate_btn:hover{cursor:pointer}#generate_btn:active{transform:scale(.99);background-color:#45a049}.result-section{display:none}#uuidDisplayUl{display:flex;flex-direction:column;gap:10px;padding:20px;margin-top:20px;border:1px solid #ccc}#copy_all_btn{border:none;background-color:#456dee;color:#fff;padding:10px 20px;margin-top:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}#copy_all_btn:hover{cursor:pointer}#copy_all_btn:active{transform:scale(.99);background-color:#6f8ff8}.uuid-item{display:flex;flex-direction:row;gap:10px;width:100%;justify-content:space-between}.copy_uuid_btn{padding:5px 10px;border:none;background-color:#456dee;color:#fff}.copy_uuid_btn:hover{cursor:pointer}.copy_uuid_btn:active{transform:scale(.99);background-color:#6f8ff8}.copied{background-color:#4caf50;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:none;font-size:16px;position:fixed;bottom:20px;right:20px;z-index:100}.learning-section{display:flex;flex-direction:column;gap:15px;padding:var(--section-padding)}.learning-section_article-container{display:flex;flex-direction:column;gap:15px;padding:var(--article-page-padding);border:1px solid #ccc}.learning-section_list{display:flex;flex-direction:column;gap:5px;padding-left:40px;max-width:calc(100% - 40px)}.policy-page{padding-bottom:40px}.policy-article{display:flex;flex-direction:column;gap:10px;padding:var(--article-page-padding);border:1px solid #ccc;line-height:1.6}.policy-article h2{margin-top:10px}.policy-article section>*+*{margin-top:10px}.policy-article h3{margin-top:5px}.policy-article a{color:#456dee}.policy-back{margin-top:20px}.footer-links{display:flex;gap:10px}.footer-links a{color:#456dee;text-decoration:none}.footer-links a:hover{text-decoration:underline}.site-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;padding:15px var(--section-padding);background-color:#f1f1f1}.site-nav a{color:#456dee;text-decoration:none;font-weight:700}.site-nav a:hover{text-decoration:underline}.site-nav a.active{color:#333}.btn{border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}.btn:hover{cursor:pointer}.btn:active{transform:scale(.99)}.btn-green{background-color:#4caf50}.btn-green:active{background-color:#45a049}.btn-blue{background-color:#456dee}.btn-blue:active{background-color:#6f8ff8}.btn-gray{background-color:#888}.btn-gray:active{background-color:#aaa}.json-tool{display:flex;flex-direction:column;gap:10px;margin-top:20px}.json-textarea{width:100%;min-height:220px;padding:10px;border:1px solid #ccc;font-family:Menlo,Consolas,monospace;font-size:14px;line-height:1.4;resize:vertical}.json-output{margin-top:10px;background-color:#fafafa}.json-actions{display:flex;flex-wrap:wrap;gap:10px}.json-status{display:none;padding:10px;border:1px solid;font-family:Menlo,Consolas,monospace;font-size:14px;white-space:pre-wrap}.json-status.ok{color:#256029;background-color:#e8f5e9;border-color:#4caf50}.json-status.error{color:#b71c1c;background-color:#ffebee;border-color:#e53935}.contact-email{font-size:20px;margin:10px 0}@media(max-width:800px){.main-content-container{max-width:100%;padding:0 16px 40px}.learning-section_article-container,.policy-article{padding:20px}.site-nav{gap:12px}}.breadcrumb{margin-bottom:10px}.breadcrumb a{color:#456dee;text-decoration:none}.blog-meta{color:#666}.blog-body>*+*{margin-top:12px}.blog-body h2{margin-top:30px}.blog-body h3{margin-top:20px}.blog-body code{background-color:#f1f1f1;padding:2px 5px;font-family:Menlo,Consolas,monospace;font-size:14px}.blog-body pre{background-color:#f6f8fa;border:1px solid #ddd;padding:15px;overflow-x:auto;line-height:1.5}.blog-body pre code{background:none;padding:0}.table-wrap{overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:15px}.blog-table th,.blog-table td{border:1px solid #ccc;padding:8px 12px;text-align:left;vertical-align:top}.blog-table th{background-color:#f1f1f1}.tool-cta{margin-top:30px;padding:20px;border:1px solid #4CAF50;background-color:#f1f8f1}.tool-cta p{margin:10px 0 15px}.related-posts{margin-top:30px;padding:0}.related-posts h2{margin-bottom:10px}.blog-section{padding:0;margin-bottom:30px}.blog-section h2{margin-bottom:15px}.blog-list{list-style:none;display:flex;flex-direction:column;gap:15px}.blog-card{padding:20px;border:1px solid #ccc}.blog-card h3{margin-bottom:8px}.blog-card h3 a{color:#456dee;text-decoration:none}.blog-card h3 a:hover{text-decoration:underline}.blog-card p{line-height:1.5}.blog-card .blog-meta{margin-top:8px}.policy-article a.btn{color:#fff;text-decoration:none}