:root{--color-primary: #4682B4;--color-primary-hover: #5a9ad6;--color-primary-dark: #36648e;--color-background: rgb(243, 243, 243);--color-background-white: white;--color-background-hover: #f8f8f8;--color-text-primary: #333;--color-text-secondary: #666;--color-text-content: #444;--color-text-muted: #999;--color-text-inverse: white;--color-border: #ddd;--color-border-dark: #999;--color-border-light: #e0e0e0;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-between-posts: 40px;--radius-sm: 3px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .2);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-modal: 30;--z-tooltip: 40;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--max-width-content: 500px;--max-width-wide: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover);text-decoration:underline}ul,ol{list-style:none}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}input:focus,textarea:focus,select:focus,button:focus{outline:none}img{max-width:100%;height:auto;display:block}table{border-collapse:collapse;width:100%}code,pre{font-family:var(--font-family-mono);font-size:var(--text-sm)}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark)}@media(max-width:640px){html{font-size:15px}}.container{width:90%;max-width:var(--max-width-content);margin:0 auto;padding:var(--space-8) 0}.container-wide{max-width:var(--max-width-wide)}.btn{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);text-align:center;text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background-white);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.btn:hover{background-color:var(--color-background-hover);border-color:var(--color-border-dark);text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.btn-sm{padding:calc(var(--space-2) - 2px) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn-pill{border-radius:var(--radius-full)}.tag{display:inline-block;padding:calc(var(--space-2) - 2px) var(--space-3);font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-background-white);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.tag:hover{border-color:var(--color-border-dark);background-color:var(--color-background-hover)}.tag-active,.tag.active{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverse)}.tag-group{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.post{background:var(--color-background-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-between-posts);position:relative;transition:box-shadow var(--transition-base)}.post:hover{box-shadow:var(--shadow-md)}.post-content{padding:var(--space-5)}.post-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary)}.post-image{padding-left:0;padding-right:0}.post-image img{width:100%;max-width:100%;height:auto;display:block;border-radius:var(--radius-md)}.post-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.post-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-input,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background-white);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary)}.form-textarea{min-height:120px;resize:vertical}.form-input-borderless{border:none;border-bottom:1px solid var(--color-border);border-radius:0;padding-left:0;padding-right:0;background:transparent}.form-input-borderless:focus{border-bottom-color:var(--color-primary)}.menu{position:absolute;top:100%;right:0;background:var(--color-background-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:120px;z-index:var(--z-dropdown);display:none;overflow:hidden}.menu.open{display:block}.menu-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast);border:none;background:none;width:100%;text-align:left}.menu-item:hover{background-color:var(--color-background-hover)}.menu-divider{height:1px;background-color:var(--color-border-light);margin:var(--space-1) 0}.card{background:var(--color-background-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary)}.fab{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);cursor:pointer;transition:all var(--transition-base);z-index:var(--z-sticky)}.fab:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-xl);transform:scale(1.1)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-8) var(--space-5);text-align:center;cursor:pointer;transition:all var(--transition-base);background-color:var(--color-background)}.upload-zone:hover{border-color:var(--color-primary);background-color:var(--color-background-hover)}.upload-zone.active{border-color:var(--color-primary);background-color:var(--color-primary);background-opacity:.1}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blog-title{font-size:var(--text-lg);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.post-text-content{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-content);white-space:pre-wrap;word-break:break-word;text-align:center}.post-text-content.collapsed{max-height:4.875em;overflow:hidden;text-overflow:clip}.post-text-title{font-size:var(--text-lg);line-height:var(--leading-normal);display:block;margin-bottom:var(--space-2);text-decoration:underline;color:inherit}.post-text-date,.post-image-date{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);text-align:center}.post-image-caption{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-content);margin-top:var(--space-2);white-space:pre-wrap;text-align:center}.post-image-caption.collapsed{max-height:4.875em;overflow:hidden;text-overflow:clip}.view-more{font-size:var(--text-base);color:var(--color-primary);text-decoration:underline;cursor:pointer;display:block;margin-top:var(--space-1);text-align:center}.view-more:hover{color:var(--color-primary-dark)}.post-menu-btn{background:none;border:none;cursor:pointer;padding:5px;color:var(--color-text-muted);font-size:var(--text-xl);line-height:1;transition:color .2s;margin:0;box-sizing:border-box}.post-menu-btn:hover{color:var(--color-primary)}@media(max-width:640px){.container{width:100%;max-width:var(--max-width-content);padding:var(--space-5) var(--space-5)}.post-content{padding:var(--space-5)}.post-image{padding-left:0;padding-right:0}.post-image-caption{padding-left:var(--space-5);padding-right:var(--space-5)}.post-image-date{padding-bottom:var(--space-5)}.fab{bottom:var(--space-4);right:var(--space-4)}.btn{font-size:var(--text-sm);padding:calc(var(--space-2) - 2px) var(--space-3)}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.w-full{width:100%}.w-auto{width:auto}.max-w-full{max-width:100%}.max-w-content{max-width:var(--max-width-content)}.max-w-wide{max-width:var(--max-width-wide)}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-auto{margin:auto}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-5{padding-right:var(--space-5)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-5{padding-left:var(--space-5)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-white{color:var(--color-text-inverse)}.text-blue{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-white{background-color:var(--color-background-white)}.bg-gray{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-transparent{background-color:transparent}.border{border:1px solid var(--color-border)}.border-0{border:0}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-modal)}.z-40{z-index:var(--z-tooltip)}.transition-none{transition:none}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media(max-width:640px){.sm-hidden{display:none}.sm-block{display:block}.sm-inline{display:inline}.sm-flex{display:flex}.sm-text-sm{font-size:var(--text-sm)}.sm-px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.sm-px-4{padding-left:var(--space-4);padding-right:var(--space-4)}}