:root{--color-black:#000;--color-white:#fff;--color-blue:#00f;--color-surface-base:#fff;--color-surface-inverted:#000;--color-surface-sunken:#f0f0f0;--color-success:green;--color-warning:orange;--color-error:red;--color-info:#00f;--color-disabled-border:#ccc;--color-disabled-bg:#f5f5f5;--font-headline:"Archivo Black", sans-serif;--font-body:"Work Sans", sans-serif;--font-mono:"Space Mono", monospace;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:40px;--sp-6:64px;--sp-7:80px;--sp-8:120px;--border-thin:1px solid var(--color-black);--border-thick:3px solid var(--color-black);--border-heavy:5px solid var(--color-black)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--color-black);background-color:var(--color-surface-base);font-size:16px;line-height:1.6}h1,.h1{font-family:var(--font-headline);letter-spacing:-1px;font-size:64px;font-weight:400;line-height:1}h2,.h2{font-family:var(--font-headline);font-size:48px;font-weight:400;line-height:1.05}h3,.h3{font-family:var(--font-headline);font-size:32px;font-weight:400;line-height:1.1}h4,.h4{font-family:var(--font-body);font-size:22px;font-weight:600;line-height:1.2}.body-text{font-family:var(--font-body);font-size:16px;line-height:1.6}.text-small{font-family:var(--font-body);font-size:14px;line-height:1.5}.text-tiny{font-family:var(--font-body);font-size:12px;line-height:1.4}.text-mono{font-family:var(--font-mono);font-size:15px;line-height:1.5}a{color:var(--color-blue);text-decoration:underline}a:hover{color:var(--color-black)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;border:3px solid var(--color-black);cursor:pointer;white-space:nowrap;text-align:center;border-radius:0;padding:10px 24px;font-size:14px;font-weight:600;line-height:1.1;text-decoration:none;transition:all .1s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background-color:var(--color-black);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-white);color:var(--color-black)}.btn-primary:active{background-color:var(--color-black);color:var(--color-white);border-width:5px}.btn-secondary{background-color:var(--color-white);color:var(--color-black)}.btn-secondary:hover{background-color:var(--color-black);color:var(--color-white)}.btn-ghost{color:var(--color-black);background-color:#0000;border:none;text-decoration:underline}.btn-ghost:hover{color:var(--color-blue)}.btn-destructive{background-color:var(--color-error);color:var(--color-white);border-color:var(--color-black)}.btn-destructive:hover{background-color:var(--color-black);color:var(--color-error)}.btn-sm{min-height:32px;padding:6px 16px;font-size:12px}.btn-xs{letter-spacing:1.5px;min-height:28px;padding:4px 10px;font-size:11px}.btn-md{min-height:44px;padding:10px 24px;font-size:14px}.btn-lg{min-height:56px;padding:16px 40px;font-size:18px}.btn:disabled,.btn-disabled{background-color:var(--color-surface-sunken);color:var(--color-disabled-border);border-color:var(--color-disabled-border);cursor:not-allowed}.card{background-color:var(--color-white);border:3px solid var(--color-black);padding:var(--sp-4);border-radius:0}.card-elevated{border-width:5px}.input-group{gap:var(--sp-1);flex-direction:column;display:flex}.input-label{font-family:var(--font-headline);text-transform:uppercase;color:var(--color-black);margin-bottom:var(--sp-1);font-size:14px;font-weight:400}.input{font-family:var(--font-mono);background-color:var(--color-surface-sunken);color:var(--color-black);border:3px solid var(--color-black);border-radius:0;outline:none;width:100%;padding:10px 12px;font-size:15px;transition:border-width .1s}.input:hover{background-color:#e8e8e8}.input:focus{border-width:5px;outline:none}.input-error{border-color:var(--color-error)}.input:disabled{border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg);cursor:not-allowed}.input-helper{font-family:var(--font-body);margin-top:var(--sp-1);color:#666;font-size:12px}.input-helper-error{color:var(--color-error)}textarea.input{resize:vertical;min-height:120px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.chip{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border:2px solid var(--color-black);background-color:var(--color-white);color:var(--color-black);cursor:pointer;border-radius:0;align-items:center;padding:4px 12px;font-size:10px;font-weight:600;transition:all .1s;display:inline-flex}.chip:hover,.chip-active{background-color:var(--color-black);color:var(--color-white)}.chip-status{cursor:default;padding:2px 10px;font-size:11px;font-weight:600}.chip-success{color:var(--color-success);border-color:var(--color-success)}.chip-warning{color:var(--color-warning);border-color:var(--color-warning)}.chip-error{color:var(--color-error);border-color:var(--color-error)}.checkbox-wrapper{align-items:center;gap:var(--sp-2);cursor:pointer;display:flex}.checkbox{appearance:none;border:3px solid var(--color-black);background-color:var(--color-white);cursor:pointer;border-radius:0;width:20px;height:20px;position:relative}.checkbox:checked{background-color:var(--color-black)}.checkbox:checked:after{content:"";border:solid var(--color-white);border-width:0 3px 3px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.checkbox:focus{border-width:5px}.checkbox:disabled{border-color:var(--color-disabled-border);background-color:var(--color-disabled-bg);cursor:not-allowed}.radio{appearance:none;border:3px solid var(--color-black);background-color:var(--color-white);cursor:pointer;border-radius:50%;width:20px;height:20px;position:relative}.radio:checked:after{content:"";background-color:var(--color-black);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio:focus{border-width:5px}.radio:disabled{border-color:var(--color-disabled-border);cursor:not-allowed}.tooltip{position:relative}.tooltip-content{background-color:var(--color-black);color:var(--color-white);font-family:var(--font-mono);white-space:normal;z-index:1000;pointer-events:none;border-radius:0;max-width:260px;padding:8px 12px;font-size:13px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.accordion-item{border-bottom:3px solid var(--color-black)}.accordion-trigger{width:100%;padding:var(--sp-3) 0;font-family:var(--font-body);color:var(--color-black);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;display:flex}.accordion-trigger:hover{text-decoration:underline}.accordion-trigger-icon{font-size:24px;font-weight:700;transition:transform .2s}.accordion-trigger[aria-expanded=true] .accordion-trigger-icon{transform:rotate(45deg)}.accordion-content{max-height:0;padding:0;transition:max-height .3s,padding .3s;overflow:hidden}.accordion-content.open{max-height:500px;padding-bottom:var(--sp-3)}.list-item{border-bottom:3px solid var(--color-black);font-family:var(--font-body);cursor:pointer;padding:12px 0;font-size:16px;transition:all .1s}.list-item:hover{text-decoration:underline}.list-item-active{background-color:var(--color-black);color:var(--color-white);padding:12px var(--sp-2)}.modal-overlay{z-index:9999;background-color:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-white);border:5px solid var(--color-black);padding:var(--sp-5);width:90%;max-width:600px;max-height:90vh;animation:.2s slideUp;overflow-y:auto}.modal-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.modal-close{cursor:pointer;background:0 0;border:none;font-size:28px;font-weight:700;line-height:1}.modal-close:hover{color:var(--color-error)}.data-table{border-collapse:collapse;width:100%;font-family:var(--font-body)}.data-table th{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:1px;text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:5px solid var(--color-black);background-color:var(--color-black);color:var(--color-white);font-size:12px}.data-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-black);font-size:14px}.data-table tr:hover td{background-color:var(--color-surface-sunken)}.toast-container{bottom:var(--sp-4);right:var(--sp-4);z-index:10000;gap:var(--sp-2);flex-direction:column;display:flex;position:fixed}.toast{background-color:var(--color-black);color:var(--color-white);font-family:var(--font-mono);padding:var(--sp-3) var(--sp-4);border:3px solid var(--color-black);min-width:300px;font-size:14px;animation:.2s slideIn}.toast-success{border-color:var(--color-success)}.toast-error{background-color:var(--color-error);border-color:var(--color-black)}.toast-warning{background-color:var(--color-warning);color:var(--color-black);border-color:var(--color-black)}.container{width:100%;max-width:1200px;padding:0 var(--sp-4);margin:0 auto}.container-wide{max-width:1440px}.container-narrow{max-width:800px}.section{padding:var(--sp-7) 0}.section-inverted{background-color:var(--color-surface-inverted);color:var(--color-white)}.section-inverted a{color:var(--color-white)}.section-inverted .btn{text-decoration:none}.section-inverted .btn-primary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.section-inverted .btn-primary:hover{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-white)}.section-inverted .btn-primary:active{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.section-inverted .btn-secondary{color:var(--color-white);border-color:var(--color-white);background-color:#0000}.section-inverted .btn-secondary:hover{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.grid{gap:var(--sp-4);display:grid}.grid-col{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-5{margin-top:var(--sp-5)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.divider{border:none;border-top:3px solid var(--color-black);margin:var(--sp-5) 0}.divider-thin{border-top-width:1px}.inverted{background-color:var(--color-black);color:var(--color-white)}.inverted .btn-primary{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.inverted .btn-primary:hover{background-color:var(--color-black);color:var(--color-white)}.inverted .btn-secondary{color:var(--color-white);border-color:var(--color-white);background-color:#0000}.inverted .btn-secondary:hover{background-color:var(--color-white);color:var(--color-black)}.inverted .card{background-color:var(--color-black);border-color:var(--color-white);color:var(--color-white)}.announcement-feed{gap:var(--sp-4);display:grid}.announcement-empty{padding:var(--sp-4);border:var(--border-thin);background-color:var(--color-surface-sunken)}.announcement-card{border-left:var(--border-heavy);padding-left:var(--sp-3)}.announcement-card-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.announcement-meta{opacity:.7;font-size:12px}.announcement-content{margin-bottom:var(--sp-3)}.announcement-actions{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.announcement-comments{gap:var(--sp-3);padding-top:var(--sp-3);border-top:var(--border-thin);display:grid}.announcement-comment-list{gap:var(--sp-2);display:grid}.announcement-comment{padding:var(--sp-3);border:var(--border-thin);background-color:var(--color-surface-sunken)}.announcement-comment-own{border-width:3px}.announcement-comment-header{justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-1);display:flex}.announcement-comment-copy{white-space:pre-wrap}.announcement-comment-form{gap:var(--sp-2);display:grid}.announcement-comment-actions{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface-sunken)}::-webkit-scrollbar-thumb{background:var(--color-black)}::selection{background-color:var(--color-black);color:var(--color-white)}:focus-visible{outline:5px solid var(--color-black);outline-offset:2px}@media (max-width:1024px){h1,.h1{font-size:48px}h2,.h2{font-size:36px}h3,.h3{font-size:28px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){h1,.h1{font-size:36px}h2,.h2{font-size:28px}h3,.h3{font-size:24px}.container{padding:0 var(--sp-3)}.section{padding:var(--sp-5) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (max-width:480px){h1,.h1{font-size:28px}h2,.h2{font-size:24px}.btn-lg{padding:12px 24px;font-size:16px}.chat-messages,.chat-input-area{padding:var(--sp-3)}.chat-room-summary{grid-template-columns:1fr}.chat-message-row{gap:var(--sp-1)}.chat-message-avatar{width:36px;height:36px;font-size:11px}}.auth-container{background-color:var(--color-surface-sunken);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background-color:var(--color-white);border:5px solid var(--color-black);padding:var(--sp-5);width:100%;max-width:460px}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--color-black);width:260px;color:var(--color-white);padding:var(--sp-4);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{font-family:var(--font-headline);margin-bottom:var(--sp-5);color:var(--color-white);font-size:24px;text-decoration:none}.sidebar-nav{gap:var(--sp-1);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);color:var(--color-white);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:500;text-decoration:none;transition:all .1s;display:flex}.sidebar-link:hover,.sidebar-link-active{background-color:var(--color-white);color:var(--color-black)}.main-content{padding:var(--sp-4);flex:1;overflow-x:hidden}.community-chat-page{flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.chat-room{gap:var(--sp-4);flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.chat-room-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-shrink:0;display:flex}.chat-room-kicker{margin:0 0 var(--sp-1);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700}.chat-room-title{margin-bottom:var(--sp-2)}.chat-room-description{max-width:70ch}.chat-room-summary{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(140px,1fr));min-width:min(100%,440px);display:grid}.chat-room-summary-card{background-color:var(--color-white);border:3px solid var(--color-black);padding:var(--sp-3)}.chat-room-summary-label{margin-bottom:var(--sp-1);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;display:block}.chat-room-summary-value{font-family:var(--font-headline);font-size:20px;line-height:1.2;display:block}.chat-container{border:3px solid var(--color-black);background:linear-gradient(#ffffffb8 0%,#f0f0f0f5 100%),repeating-linear-gradient(0deg,#0000 0 27px,#00000008 28px);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-messages{min-height:0;padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-empty-state{text-align:center;background-color:var(--color-white);border:3px solid var(--color-black);max-width:520px;padding:var(--sp-5);margin:auto}.chat-message-row{align-items:flex-end;gap:var(--sp-2);max-width:min(100%,860px);display:flex}.chat-message-row-own{flex-direction:row-reverse;align-self:flex-end}.chat-message{width:fit-content;max-width:min(100%,720px);padding:var(--sp-3);border:2px solid var(--color-black);box-shadow:8px 8px #00000014}.chat-message-avatar{border:2px solid var(--color-black);background-color:var(--color-white);width:44px;height:44px;font-family:var(--font-mono);text-transform:uppercase;border-radius:999px;flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.chat-message-avatar-own,.chat-message-own{background-color:var(--color-black);color:var(--color-white)}.chat-message-other{background-color:var(--color-white)}.chat-message-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.chat-message-author{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:13px;display:block}.chat-message-meta{font-size:11px;font-family:var(--font-mono);opacity:.7;display:block}.chat-message-content{white-space:pre-wrap;word-break:break-word;margin:0}.chat-message-delete{color:inherit;opacity:.72;padding:0;font-size:11px}.chat-input-area{border-top:3px solid var(--color-black);background-color:var(--color-white);padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex}.chat-composer-note{padding:var(--sp-2) var(--sp-3);border:2px solid var(--color-black);background-color:var(--color-surface-sunken);font-family:var(--font-body);margin:0;font-size:14px}.chat-composer-row{align-items:flex-end;gap:var(--sp-2);display:flex}.chat-composer-input{resize:none;background-color:var(--color-surface-sunken);flex:1;max-height:180px;min-height:56px!important}.chat-composer-submit{flex-shrink:0;min-width:140px}.chat-composer-footer{justify-content:space-between;gap:var(--sp-2);display:flex}.tiptap-editor{border:3px solid var(--color-black);background-color:var(--color-white)}.tiptap-toolbar{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:3px solid var(--color-black);background-color:var(--color-surface-sunken);z-index:2;flex-wrap:wrap;display:flex;position:sticky;top:0}.tiptap-toolbar button{background-color:var(--color-white);border:2px solid var(--color-black);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;min-height:32px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1;transition:all .1s}.tiptap-toolbar button:hover:not(:disabled),.tiptap-toolbar button[data-active=true]{background-color:var(--color-black);color:var(--color-white)}.tiptap-toolbar button:disabled{opacity:.45;cursor:not-allowed}.rich-text-editor{overflow:hidden}.rich-text-editor-disabled{opacity:.8}.rich-text-toolbar-group{gap:var(--sp-1);flex-wrap:wrap;display:flex}.rich-text-toolbar-divider{background-color:#00000026;align-self:stretch;width:2px}.rich-text-editor-surface{background-color:var(--color-white)}.rich-text-editor-content,.rich-text-render{font-family:var(--font-body);font-size:16px;line-height:1.6}.rich-text-editor-content{min-height:var(--rich-text-min-height,320px);padding:var(--sp-4)}.rich-text-editor-content:focus{outline:none}.rich-text-editor-content h1,.rich-text-render h1{font-family:var(--font-headline);margin:0 0 var(--sp-3);font-size:clamp(32px,4vw,40px);line-height:1.1}.rich-text-editor-content h2,.rich-text-render h2{font-family:var(--font-headline);margin:var(--sp-5) 0 var(--sp-3);font-size:clamp(26px,3vw,32px);line-height:1.15}.rich-text-editor-content h3,.rich-text-render h3{font-family:var(--font-headline);margin:var(--sp-4) 0 var(--sp-2);font-size:clamp(22px,2.5vw,26px);line-height:1.2}.rich-text-editor-content p,.rich-text-render p,.rich-text-editor-content div,.rich-text-render div,.rich-text-editor-content ul,.rich-text-render ul,.rich-text-editor-content ol,.rich-text-render ol,.rich-text-editor-content blockquote,.rich-text-render blockquote{margin:0 0 var(--sp-3)}.rich-text-editor-content ul,.rich-text-render ul,.rich-text-editor-content ol,.rich-text-render ol{padding-left:var(--sp-5)}.rich-text-editor-content li+li,.rich-text-render li+li{margin-top:var(--sp-1)}.rich-text-editor-content blockquote,.rich-text-render blockquote{border-left:5px solid var(--color-black);padding:var(--sp-1) 0 var(--sp-1) var(--sp-3);background-color:var(--color-surface-sunken)}.rich-text-editor-content hr,.rich-text-render hr{border:none;border-top:3px solid var(--color-black);margin:var(--sp-5) 0}.rich-text-editor-content a,.rich-text-render a{color:var(--color-blue);text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:2px}.rich-text-editor-content img,.rich-text-render img{border:3px solid var(--color-black);max-width:100%;height:auto;margin:var(--sp-4) 0;display:block}.rich-text-editor-content strong,.rich-text-render strong{font-weight:700}.rich-text-editor-content em,.rich-text-render em{font-style:italic}.rich-text-editor-content u,.rich-text-render u{text-underline-offset:.12em;text-decoration-thickness:2px}.rich-text-editor-content s,.rich-text-render s{text-decoration-thickness:2px}.rich-text-editor-content [data-text-align=center],.rich-text-render [data-text-align=center]{text-align:center}.rich-text-editor-content [data-text-align=right],.rich-text-render [data-text-align=right]{text-align:right}.rich-text-editor-content [data-text-align=justify],.rich-text-render [data-text-align=justify]{text-align:justify}.rich-text-render>:last-child,.rich-text-editor-content>:last-child{margin-bottom:0}.file-uploader{border:3px dashed var(--color-black);padding:var(--sp-5);text-align:center;cursor:pointer;background-color:var(--color-surface-sunken);transition:all .1s}.file-uploader:hover{background-color:#e8e8e8;border-style:solid}.file-uploader-active{background-color:var(--color-black);color:var(--color-white);border-style:solid}.video-player{border:5px solid var(--color-black);background-color:var(--color-black);width:100%}.video-player video{width:100%;display:block}.tabs{border-bottom:3px solid var(--color-black);display:flex}.tab{padding:var(--sp-2) var(--sp-4);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-3px;font-size:14px;font-weight:600;transition:all .1s}.tab:hover{background-color:var(--color-surface-sunken)}.tab-active{background-color:var(--color-black);color:var(--color-white);border-bottom-color:var(--color-black)}.tab-content{padding:var(--sp-4) 0}.badge{background-color:var(--color-error);min-width:22px;height:22px;color:var(--color-white);font-family:var(--font-mono);border:2px solid var(--color-black);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.spinner{border:3px solid var(--color-surface-sunken);border-top-color:var(--color-black);width:24px;height:24px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-bar{background-color:var(--color-surface-sunken);width:100%;height:4px;overflow:hidden}.loading-bar:after{content:"";background-color:var(--color-black);width:40%;height:100%;animation:1s ease-in-out infinite loadingSlide;display:block}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.empty-state{text-align:center;padding:var(--sp-7) var(--sp-4);border:3px dashed var(--color-disabled-border)}.empty-state h3{margin-bottom:var(--sp-2)}.pagination{gap:var(--sp-1);align-items:center;display:flex}.pagination-btn{border:2px solid var(--color-black);background:var(--color-white);min-width:40px;height:40px;color:var(--color-black);font-family:var(--font-mono);cursor:pointer;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:flex}.pagination-btn:hover,.pagination-btn-active{background:var(--color-black);color:var(--color-white)}.mobile-nav-toggle{cursor:pointer;background:0 0;border:none;font-size:28px;display:none}@media (max-width:768px){.mobile-nav-toggle{display:block}.sidebar{z-index:9998;transition:left .2s;position:fixed;left:-260px}.sidebar.open{left:0}.main-content{width:100%}}.navbar{padding:var(--sp-3) var(--sp-4);border-bottom:3px solid var(--color-black);background-color:var(--color-white);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-logo{font-family:var(--font-headline);color:var(--color-black);font-size:28px;font-weight:900;text-decoration:none}.navbar-links{align-items:center;gap:var(--sp-4);list-style:none;display:flex}.navbar-links a{color:var(--color-black);font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:600;text-decoration:none}.navbar-links .btn{text-decoration:none}.navbar-links .btn-primary{color:var(--color-white)}.navbar-links .btn-primary:hover,.navbar-links .btn-secondary{color:var(--color-black)}.navbar-links .btn-secondary:hover{color:var(--color-white)}.navbar-links a:hover{text-decoration:underline}html,body{width:100%;max-width:100vw;margin:0;padding:0;position:relative;overflow-x:hidden}.hero-grid{gap:var(--sp-6);grid-template-columns:1fr;align-items:center;width:100%;display:grid}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:100%;display:flex}.hero-content h1{margin-bottom:var(--sp-4);word-wrap:break-word;width:100%;font-size:clamp(32px,8vw,42px);line-height:1.1}.hero-animation-container{order:-1;justify-content:center;width:100%;max-width:100%;display:flex}.hero-buttons{justify-content:center;gap:var(--sp-3);flex-wrap:wrap;width:100%;display:flex}.hero-buttons .btn{width:100%;max-width:400px}@media (min-width:600px){.hero-buttons .btn{width:auto}}@media (min-width:900px){.hero-grid{grid-template-columns:1.2fr .8fr!important}.hero-content{text-align:left!important;align-items:flex-start!important;max-width:none!important}.hero-content h1{width:auto;font-size:64px}.hero-animation-container{order:1!important;justify-content:flex-end!important}.hero-buttons{flex-wrap:nowrap!important;justify-content:flex-start!important}.hero-buttons .btn{width:auto}}#hero{width:100%;overflow:hidden}.navbar-logo{font-family:var(--font-headline);color:var(--color-black);font-size:24px;font-weight:900;text-decoration:none;margin-left:0!important;padding-left:0!important}@media (max-width:480px){.container{padding:0 var(--sp-3);max-width:100vw;overflow-x:hidden}.navbar{padding:var(--sp-3) var(--sp-3);width:100%}}@media (max-width:768px){.navbar-links{display:none}.navbar-links.open{background-color:var(--color-white);border-bottom:3px solid var(--color-black);padding:var(--sp-3);gap:var(--sp-2);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}.footer-grid{gap:var(--sp-4);grid-template-columns:1fr!important}}.footer{background-color:var(--color-black);color:var(--color-white);padding:var(--sp-6) 0 var(--sp-4);width:100%;overflow:hidden}.footer a{color:var(--color-white);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-grid{gap:var(--sp-5);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-heading{font-family:var(--font-headline);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--sp-3);font-size:14px}.footer-links{gap:var(--sp-2);flex-direction:column;list-style:none;display:flex}.footer-links a{opacity:.8;font-size:14px}.footer-links a:hover{opacity:1}.footer-bottom{margin-top:var(--sp-5);padding-top:var(--sp-3);opacity:.6;font-size:13px;font-family:var(--font-mono);border-top:1px solid #fff3}@media (max-width:768px){.footer-grid{gap:var(--sp-4);grid-template-columns:1fr}}.calculator{border:5px solid var(--color-black)}.calculator-results{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.calculator-result-card{padding:var(--sp-4);border:3px solid var(--color-black);text-align:center}.calculator-result-value{font-family:var(--font-headline);margin-bottom:var(--sp-1);font-size:36px;line-height:1}.calculator-result-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;font-size:12px}@media (max-width:768px){.calculator-results{grid-template-columns:1fr}}.community-shell{background-color:var(--color-surface-sunken);height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.community-mobile-toggle-wrap{display:none}.community-sidebar{background-color:var(--color-black);width:280px;color:var(--color-white);padding:var(--sp-4);z-index:9998;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow-y:auto}.community-sidebar-overlay{z-index:9997;background-color:#0009;position:fixed;inset:0}.community-main{flex:1;min-width:0;overflow:hidden auto}.community-main-inner{width:100%;max-width:1040px;padding:var(--sp-4);min-height:100%;margin:0 auto}.community-main-inner-chat{flex-direction:column;max-width:none;height:100%;min-height:0;display:flex}.community-main-chat{overflow:hidden}.learning-workspace{background-color:var(--color-surface-sunken);min-height:100dvh;display:flex;position:relative}.learning-workspace-mobile-toggle{display:none}.learning-workspace-rail{border-right:3px solid var(--color-black);background-color:var(--color-white);flex-shrink:0;width:340px}.learning-workspace-main{flex:1;min-width:0;overflow-y:auto}.learning-workspace-overlay{display:none}.lesson-sidebar-shell{background-color:var(--color-white);flex-direction:column;height:100%;display:flex}.lesson-sidebar-header{background-color:var(--color-black);color:var(--color-white);padding:var(--sp-4);border-bottom:3px solid var(--color-black)}.lesson-sidebar-backlink{color:var(--color-white);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.lesson-sidebar-backlink:hover{color:var(--color-white);text-decoration:underline}.lesson-sidebar-meta{margin-top:var(--sp-3);gap:var(--sp-1);flex-direction:column;display:flex}.lesson-sidebar-eyebrow,.community-learning-section-label,.community-course-empty-eyebrow,.learning-page-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:12px}.lesson-sidebar-progress{opacity:.8;font-size:13px}.lesson-sidebar-body{flex:1;overflow-y:auto}.lesson-sidebar-module{border-bottom:3px solid var(--color-black)}.lesson-sidebar-module-header{justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3);background-color:var(--color-surface-sunken);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:flex}.lesson-sidebar-links{flex-direction:column;display:flex}.lesson-sidebar-link{align-items:center;gap:var(--sp-3);padding:var(--sp-3);color:var(--color-black);border-top:1px solid #00000014;text-decoration:none;transition:background-color .1s,color .1s;display:flex}.lesson-sidebar-link:hover{background-color:var(--color-surface-sunken);color:var(--color-black)}.lesson-sidebar-link-active{background-color:var(--color-black);color:var(--color-white)}.lesson-sidebar-order{border:2px solid var(--color-black);width:32px;height:32px;font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.lesson-sidebar-order-active{border-color:var(--color-white);background-color:var(--color-white);color:var(--color-black)}.lesson-sidebar-link-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-sidebar-link-title{font-size:14px;font-weight:600;line-height:1.35}.lesson-sidebar-link-meta{font-family:var(--font-mono);text-transform:uppercase;opacity:.55;font-size:12px}.lesson-sidebar-link-meta-active{opacity:.82}.lesson-sidebar-status{text-align:right;min-width:48px;font-family:var(--font-mono);text-transform:uppercase;opacity:.45;font-size:11px}.lesson-sidebar-status-complete,.lesson-sidebar-status-active{opacity:1}.community-learning-page,.learning-page-panel{flex-direction:column;min-height:100%;display:flex}.community-learning-header,.learning-page-header{z-index:20;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:3px solid var(--color-black);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#f0f0f0f5;display:flex;position:sticky;top:0}.community-learning-kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--sp-1);font-size:12px}.community-learning-title{font-family:var(--font-headline);font-size:clamp(28px,4vw,48px);line-height:1.05}.community-learning-subtitle{margin-top:var(--sp-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:.72;font-size:13px}.community-learning-actions{justify-content:flex-end;gap:var(--sp-2);flex-wrap:wrap;display:flex}.community-learning-body,.learning-page-body{width:100%;max-width:1100px;padding:var(--sp-4);margin:0 auto}.community-learning-overview{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:220px 1fr;display:grid}.community-learning-progress-card,.community-learning-overview-copy,.community-learning-content-card,.community-learning-next-card,.learning-page-card,.community-course-empty-card{border:5px solid var(--color-black);background-color:var(--color-white)}.community-learning-progress-card{padding:var(--sp-4);background-color:var(--color-black);color:var(--color-white);flex-direction:column;justify-content:space-between;min-height:160px;display:flex}.community-learning-progress-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;opacity:.8;font-size:12px}.community-learning-progress-value{font-family:var(--font-headline);font-size:56px;line-height:1}.community-learning-overview-copy{padding:var(--sp-4);align-items:flex-start;gap:var(--sp-2);flex-wrap:wrap;display:flex}.community-learning-chip{border:2px solid var(--color-black);min-height:28px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;display:inline-flex}.community-learning-overview-copy .body-text{width:100%;margin-top:var(--sp-2)}.community-learning-video,.learning-page-video{margin-bottom:var(--sp-4)}.community-learning-content-card,.learning-page-card{padding:var(--sp-5)}.community-learning-content-header{justify-content:space-between;align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:3px solid var(--color-black);display:flex}.community-learning-richtext{min-height:220px}.community-learning-empty-copy{opacity:.55;font-style:italic}.community-learning-next-card{margin-top:var(--sp-4);padding:var(--sp-4);gap:var(--sp-1);color:var(--color-black);flex-direction:column;text-decoration:none;display:flex}.community-learning-next-card:hover{color:var(--color-black);background-color:var(--color-surface-sunken)}.community-learning-next-meta{font-family:var(--font-mono);text-transform:uppercase;opacity:.7;font-size:12px}.learning-page-header{color:var(--color-white);background-color:#000000f0}.learning-page-body{max-width:960px;padding:var(--sp-4) var(--sp-4) var(--sp-6)}.learning-page-card{padding:var(--sp-5)}.community-course-empty{min-height:calc(100dvh - (var(--sp-4) * 2));justify-content:center;align-items:center;display:flex}.community-course-empty-card{width:100%;max-width:760px;padding:var(--sp-5)}.community-course-empty-copy{margin-top:var(--sp-3);opacity:.72}.community-course-empty-description{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:3px solid var(--color-black)}@media (max-width:1024px){.learning-workspace{min-height:100dvh}.learning-workspace-mobile-toggle{top:var(--sp-2);left:var(--sp-2);z-index:10000;border:3px solid var(--color-black);background-color:var(--color-white);min-height:40px;font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex;position:fixed}.learning-workspace-rail{z-index:9999;border-right-width:5px;width:min(88vw,340px);height:100dvh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.learning-workspace-rail.open{transform:translate(0)}.learning-workspace-overlay{z-index:9998;background-color:#0000008c;border:0;display:block;position:fixed;inset:0}.learning-workspace-main{width:100%}.community-learning-header,.learning-page-header{padding-top:calc(var(--sp-5) + var(--sp-2))}.community-learning-overview{grid-template-columns:1fr}}@media (max-width:768px){.community-shell{height:100dvh}.community-mobile-toggle-wrap{top:var(--sp-2);left:var(--sp-2);z-index:10000;display:block;position:fixed}.community-sidebar{width:min(86vw,320px);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.community-sidebar.open{transform:translate(0)}.community-main{width:100%}.community-main-inner,.community-main-inner-chat{padding-top:calc(var(--sp-6) + var(--sp-3))}.community-main .learning-workspace-mobile-toggle{top:calc(var(--sp-6) + var(--sp-2))}.chat-room-header{flex-direction:column}.chat-room-summary{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}.chat-message-row,.chat-message{max-width:100%}.chat-composer-row{flex-direction:column;align-items:stretch}.chat-composer-submit{width:100%;min-width:0}.community-learning-header,.learning-page-header,.community-learning-content-header{flex-direction:column;align-items:flex-start}.community-learning-actions{justify-content:flex-start;width:100%}.community-learning-body,.learning-page-body{padding:var(--sp-3)}.community-learning-content-card,.learning-page-card,.community-course-empty-card{padding:var(--sp-4)}}