@font-face{font-family:'Special Elite';src:url('assets/fonts/special-elite.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#233e4e;--blue:#254e64;--paper:#eee9dc;--red:#a43129;--muted:#5b625d;--rule:#b7b4a4;--grain:url('assets/print-grain.svg');font-family:'Special Elite','Courier New',monospace;color:var(--ink);background:var(--ink);font-synthesis:weight}
button,input,textarea,select,kbd{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #be532e;outline-offset:4px}
::selection{background:#c6d2a5;color:#162f3b}
.desktop-grain{background:#1c445c url('assets/challenger-launch.jpg') center center/cover no-repeat}
.desktop-grain:after{background:linear-gradient(180deg,#081d2b14,transparent 65%,#081d2b4d)}
.desktop-menu{height:36px;background:var(--grain),#e5dfce;color:var(--ink);border-bottom:2px solid var(--ink);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.desktop-mark{font-size:23px;color:var(--red)}.desktop-menu-left strong{font-size:14px;font-weight:400}.desktop-menu-button{color:var(--ink);border-radius:0}.desktop-menu-button:hover,.desktop-menu-button.active{background:#c8c7b5}
.desktop-dropdown{top:35px;background:var(--grain),var(--paper);border:1px solid var(--ink);border-radius:0;backdrop-filter:none;box-shadow:5px 5px 0 #182e3a55}.desktop-dropdown button{border-radius:0;color:var(--ink)}.desktop-dropdown button:hover{background:var(--blue)}
.desktop-icons{right:19px;top:77px;width:84px;gap:27px}.desktop-icon{text-decoration:none;gap:9px;font-size:12px}.desktop-icon>span:last-child{background:#152c3dde;padding:5px 6px;text-shadow:none;line-height:1.1}.desktop-icon-art{border:1px solid #162b38;border-radius:3px;box-shadow:3px 4px 0 #10263499;position:relative}.shelf-art{background:var(--grain),#d3d3a6;color:var(--ink)}.linkedin-art{background:var(--grain),#28556d;color:#f4efd9;font-family:Arial,sans-serif;font-size:37px;font-weight:bold}.icon-arrow{position:absolute;bottom:-5px;left:-5px;background:#e7e4ce;color:var(--ink);border:1px solid var(--ink);font:15px 'Courier New',monospace;width:20px;height:19px;line-height:17px}
.app-shell{left:47%;width:min(1260px,calc(100vw - 230px));height:min(810px,calc(100dvh - 176px));border:1px solid #142c39;border-radius:3px;background:var(--paper);box-shadow:8px 10px 0 #112b3c55,0 22px 65px #112b3c66}
.topbar{background:var(--grain),#233e4e;color:var(--paper);height:43px;grid-template-columns:220px 1fr 170px;border-bottom:1px solid #102938}
.traffic{gap:6px}.traffic button{width:17px;height:17px;border:1px solid #101d24;border-radius:1px;box-shadow:inset 0 0 0 1px #ffffff44}.traffic .close-light{background:#b64e40}.traffic .minimize-light{background:#d5c48b}.traffic .zoom-light{background:#a2ae8e}.traffic button:after,.traffic button:hover:after{content:'×';position:absolute;inset:0;font:14px/14px 'Courier New',monospace;color:#172e3c}.traffic .minimize-light:after{content:'−'}.traffic .zoom-light:after{content:'+'}
.search-trigger{background:#f2eed91a;border:1px solid #b2b9ac70;border-radius:2px;color:#efe9d9;font-size:12px;height:29px}.search-trigger kbd{border-radius:0;color:#e8e6d5}.history-dots{color:#b4c3c3}.topbar-right{font-size:11px;opacity:1}.presence-dot,.footer-presence{background:#cad18b;border-radius:0;box-shadow:0 0 0 2px #182f3e}
.sidebar{width:235px;background:var(--grain),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px),#294c5e;color:#f2edda;border-right:1px solid #142e3c}.workspace-title{height:68px;padding:17px}.workspace-title strong{font-size:18px;letter-spacing:-.02em;font-weight:400}.workspace-title span,.sidebar-footer div span{color:#d3d6c7}.workspace-chevron{color:#e2e4d3!important}
.side-label{color:#c8d1c6;font-size:10px;letter-spacing:.12em}.side-label-small{margin-top:32px}.channel-link,.home-link{border-radius:0;font-size:13px;height:36px;color:#e9eadb;margin-bottom:5px}.home-link.active,.channel-link.active{background:var(--grain),#d9dfbf;color:#1a3543;border-left:3px solid #b74736;padding-left:7px;box-shadow:2px 2px 0 #112c3966;font-weight:400}.channel-link .hash,.channel-count,.home-icon,.home-arrow{color:#c4d1c4}.channel-link.active .hash,.channel-link.active .channel-count{color:#344b4d}.sidebar-note{font-size:15px;line-height:1.6;font-style:normal;color:#e0e2d2;border-left:2px solid #cb8270}.sidebar-footer{border-color:#a1b4b14d}.profile-avatar,.message-avatar,.comment-avatar{border-radius:1px;background:var(--grain),#cdcca2;color:#213e4e;font-weight:400;border:1px solid #183544}
.main{background:var(--grain),var(--paper)}.channel-header{background:var(--grain),#e7e3d6;border-bottom:1px solid #adae9f;box-shadow:none;padding:0 30px}.channel-header strong{font-size:18px;font-weight:400;letter-spacing:-.025em}.header-hash{color:var(--red);font-size:23px}.header-description{color:#58635f;font-size:11px}.header-divider{background:#b7b9aa}.header-actions button,.mobile-menu{color:var(--ink);border-radius:0}
.content-inner{padding:32px 38px 65px;max-width:1100px}.content-scroll{scrollbar-color:#7d928e #dfdfcf}
.welcome-hero{background:var(--grain),#dfdfc6;border:1px solid #9faaa0;border-radius:0;padding:31px 35px 32px;box-shadow:4px 4px 0 #233e4e1a;overflow:hidden}.welcome-hero:after{content:'';width:200px;height:200px;right:-88px;top:-96px;border:30px solid #9baa99;outline:1px solid #8c9f96;outline-offset:12px;border-radius:50%;opacity:.38;background:none;transform:none}.eyebrow{font-size:10px;letter-spacing:.12em;color:#465f5e;font-weight:400}.edition-mark{color:var(--red);font-size:23px;vertical-align:-3px;margin-right:7px}.welcome-hero h1{font:400 clamp(38px,4.2vw,64px)/1.05 'Special Elite','Courier New',monospace;letter-spacing:-.06em;margin:22px 0 18px;max-width:660px}.welcome-hero h1 em{font-style:normal;color:var(--red);font-weight:400}.welcome-hero p{font-size:16px;line-height:1.6;color:#314b4d;max-width:540px}.welcome-hero p.welcome-prompt{font-size:13px;color:#53625a;margin-top:12px}.welcome-hero .primary-button{margin-top:23px}.hero-stamp{position:absolute!important;right:24px;bottom:24px;border:2px solid #a4312988;color:#a43129bb;padding:7px 10px;font-size:11px;line-height:1.3;letter-spacing:.1em;transform:rotate(-8deg);text-align:center}
.primary-button,.secondary-button{border-radius:1px;font-weight:400;font-size:12px;box-shadow:2px 2px 0 #233e4e35;min-height:39px;height:auto;padding:11px 15px}.primary-button{background:var(--grain),var(--red);border-color:#8a332a;color:#fff2dd}.primary-button:hover{background-color:#862f27}.secondary-button{background:var(--grain),#e7e6d3;color:var(--ink);border-color:#9aa89f}.secondary-button:hover{background-color:#d2d8be}
.channel-directory-heading{display:flex;justify-content:space-between;gap:12px;margin:29px 0 10px;font-size:10px;letter-spacing:.1em;color:#58665f}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.shortcut{background:var(--grain),#e3e4d2;border:1px solid #a5b0a4;border-radius:0;min-height:121px;padding:13px 15px;position:relative;box-shadow:2px 2px 0 #243e4d13;color:var(--ink);transition:transform .15s}.shortcut:hover{background:var(--grain),#d5dec2;transform:translateY(-2px)}.shortcut-number{display:block;font-size:10px;color:#626f66;padding-bottom:21px}.shortcut-icon{position:absolute;top:11px;right:12px;font-size:19px;color:var(--red)}.shortcut strong{font-size:14px;font-weight:400;margin:0 0 7px;overflow-wrap:anywhere}.shortcut small{display:block;font-size:10px;color:#53625b;line-height:1.45}.shortcut:nth-child(2){background-color:#d1dee0}.shortcut:nth-child(3){background-color:#e7c9b8}.shortcut:nth-child(4){background-color:#d3d9b7}.shortcut:nth-child(5){background-color:#ddd2bf}
.hero h1{font-family:inherit;font-size:clamp(34px,4.5vw,62px);line-height:1.15;letter-spacing:-.06em}.hero h1 em{color:var(--red);font-style:normal}.hero p{color:#53625b;font-size:13px}.content-tail{color:#52635e;border-top:1px dashed #a5ad9e;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:18px;line-height:1.5;margin-top:30px}.content-tail button{font-size:10px;text-decoration:underline;border:0;background:none;color:inherit;padding:0;text-align:right;cursor:pointer}
.project-card,.watch-card,.photo-card,.link-preview{border-radius:1px;border-color:#9ca99e;background:var(--grain),#f0eddf;box-shadow:3px 3px 0 #213d4b13;color:var(--ink)}.project-preview,.modal-preview{background:#d2d8c3}.preview-badge{border-radius:0;color:var(--ink);background:#eee9d9;border:1px solid #9ba99c;font-weight:400}.project-category,.link-preview-copy small,.watch-copy small{color:#7e392c;font-weight:400}.project-details h3,.watch-copy h3{font-weight:400;letter-spacing:-.04em}.project-details p,.link-preview-copy p,.watch-copy p{color:#546059}.project-bottom,.watch-actions{border-color:#bbbca9}.project-bottom b,.watch-actions a,.watch-actions button,.comment-link{color:#345667;font-weight:400}.project-bottom{color:#596862}.add-card,.empty-gallery{border-radius:0;background:var(--grain),#e0e0cd;border-color:#8e9e91}.add-card strong,.empty-gallery strong{color:var(--ink);font-weight:400}.add-card span:last-child,.empty-gallery p{color:#5f6b60}.add-icon{border-radius:0;background:#ebe9d7;color:var(--ink);border-color:#9daa9f}.project-art{background:var(--grain),#d0d9c1;color:var(--red)}
.channel-symbol{border-radius:1px;background:var(--grain),#d1d9bd;color:var(--red)}.channel-intro{border-color:#b5b8a7}.channel-intro h1{font-weight:400}.channel-intro p,.feed-day,.message-meta span{color:#5d6a61}.feed-day:before,.feed-day:after{background:#b5b8a7}.message-meta strong{font-weight:400}.message-body>p{font-size:14px}.link-preview{border-left:4px solid var(--red)}.link-preview-art,.message:nth-of-type(3n) .link-preview-art,.message:nth-of-type(3n+1) .link-preview-art{background:var(--grain),#d1dbc5;color:#284a55}.message:nth-of-type(3n) .link-preview-art{background-color:#d3dee0}.message:nth-of-type(3n+1) .link-preview-art{background-color:#e0c7b6}.link-preview-art strong{font-size:23px;line-height:1.15}.link-preview-copy strong{font-weight:400}.link-preview-art span{opacity:1;color:#42584f}.watch-image{background:var(--grain),#294e61}.watch-play{background:#dedcc0;color:var(--red);border-radius:2px}.empty-channel{color:#59695f}
.desktop-dock{background:var(--grain),#dcdcc3;border:1px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 #112d3d66;backdrop-filter:none;-webkit-backdrop-filter:none;height:58px;bottom:15px}.dock-icon{border:1px solid #536a6a;border-radius:1px;box-shadow:none}.shelf-dock{background:var(--grain),#aebfbd;color:var(--ink)}.dock-indicator{border-radius:0;background:var(--red)}
.wallpaper-credit{position:fixed;left:20px;bottom:21px;background:#172f40de;color:#f2eedc;border:1px solid #f2eedc55;padding:8px 10px;font-size:10px;z-index:2;border-radius:0}.wallpaper-credit:hover{background:#183f55}.credit-photo{width:100%;margin:4px 0 23px;border:1px solid #9bab9e}.credit-modal h2{font-size:26px;line-height:1.25}.credit-modal .modal-actions{font-size:12px;gap:15px;line-height:1.5}
.modal,.search-panel{background:var(--grain),var(--paper);border:1px solid var(--ink);border-radius:2px;box-shadow:7px 7px 0 #102e3e66}.modal h2{font-family:inherit;line-height:1.2}.modal-description,.field-help,.comment-disclosure,.no-comments,.search-empty{color:#57675e}.modal-preview,.close-button{border-radius:1px}.close-button{background:#d7dac2;color:var(--ink)}.modal-overlay,.search-overlay{z-index:120;background:#102c3e99}.field-label,.comment-section form label{color:#304e55}.field-label input,.field-label textarea,.field-label select,.comment-section input,.comment-section textarea{border:1px solid #9ba99e;background:#f4f1e5;border-radius:1px;color:var(--ink)}.search-box input{background:transparent;color:var(--ink)}.search-result{border-radius:0;background:transparent;color:var(--ink)}.search-result:hover{background:#d6dcc4}.search-result small,.search-result span{color:#52645a}.search-box,.comment-section,.modal-actions{border-color:#b5bba9}.toast{background:#213d4e;color:#f3eddb;border:1px solid #c5cbb4;border-radius:0;z-index:130}.mobile-actions a{font-size:12px;color:#f3efdf;padding:8px;text-decoration:none}.mobile-actions button{color:#f3efdf}
@media(min-width:761px) and (max-height:850px){.app-shell{height:calc(100dvh - 142px)}.content-inner{padding-top:24px}.welcome-hero{padding:22px 29px}.welcome-hero h1{font-size:46px;margin:13px 0}.welcome-hero p{font-size:14px;line-height:1.5}.welcome-hero p.welcome-prompt{margin-top:8px;font-size:12px}.welcome-hero .primary-button{margin-top:15px}.channel-directory-heading{margin-top:23px}}
@media(min-width:761px) and (max-width:1100px){.app-shell{left:46%;width:calc(100vw - 160px)}.sidebar{width:205px}.topbar{grid-template-columns:150px 1fr 90px}.topbar-right span:last-child{display:none}.content-inner{padding:25px}.welcome-hero{padding:25px}.hero-stamp{display:none}.desktop-icons{right:8px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-menu-left{gap:18px}.welcome-hero p{font-size:14px}}
@media(max-width:760px){.desktop-icons,.desktop-menu,.desktop-dock,.wallpaper-credit{display:none}.app-shell,.app-shell.zoomed{left:auto;top:auto;width:100%;height:100dvh;border-radius:0}.topbar{height:41px;grid-template-columns:24px 1fr 12px;padding:0 12px}.traffic{visibility:hidden}.topbar-right{display:none}.sidebar{width:min(295px,85vw)}.channel-header{padding:0 16px;height:56px}.content-inner{padding:22px 17px 65px}.welcome-hero{padding:25px 22px}.welcome-hero h1{font-size:clamp(33px,8.4vw,56px);margin-top:19px;letter-spacing:-.065em}.welcome-hero p{font-size:14px;line-height:1.6}.wide-break{display:none}.welcome-hero p.welcome-prompt{font-size:12px}.hero-stamp{display:none}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shortcut{padding:13px 11px;min-height:123px}.shortcut strong{font-size:13px}.shortcut-icon{float:none;margin:0}.channel-directory-heading{font-size:9px;letter-spacing:.02em}.content-tail{align-items:flex-start;font-size:9px}.content-tail button{font-size:9px;max-width:140px}.credit-modal h2{font-size:23px}.modal h2{font-size:29px}.modal-body{padding:16px 20px 24px}.mobile-actions{border-color:#a1b4b14d}.message-meta{flex-wrap:wrap;gap:4px}.hero h1{font-size:38px}.primary-button,.secondary-button{white-space:normal}.modal-actions{gap:12px}}

.unread-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:#a4312940;border:1px solid #d5916c88;border-radius:2px;font-family:system-ui,sans-serif;font-size:15px;line-height:1}
.shortcut .unread-badge{position:absolute;right:37px;top:9px;background:#a4312910;border-color:#a4312940}

/* The content responds to the window itself, including after a corner drag. */
.app-shell{container:desktop-window / inline-size}
.window-resize-handle{position:absolute;right:0;bottom:0;width:22px;height:22px;padding:0;border:0;border-radius:0;background:repeating-linear-gradient(135deg,transparent 0 3px,#526b64 3px 5px,transparent 5px 7px);clip-path:polygon(100% 0,100% 100%,0 100%);cursor:nwse-resize;touch-action:none;z-index:5;opacity:.75}
.window-resize-handle:hover,.window-resize-handle:focus-visible{opacity:1;background:repeating-linear-gradient(135deg,transparent 0 3px,#a43129 3px 5px,transparent 5px 7px)}
.app-shell.resizing{user-select:none}.app-shell.zoomed .window-resize-handle{display:none}
@container desktop-window (max-width:850px){.sidebar{width:195px}.content-inner{padding:24px}.welcome-hero{padding:24px}.welcome-hero h1{font-size:38px}.welcome-hero p{font-size:13px}.hero-stamp{display:none}.topbar{grid-template-columns:90px minmax(0,1fr) 40px}.topbar-right{display:none}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid,.watch-grid,.photo-grid{grid-template-columns:1fr}.hero{display:block}.hero .primary-button{margin-top:15px}.header-description,.header-divider{display:none}.channel-header{padding:0 20px}}
@container desktop-window (max-width:620px){.sidebar{width:165px}.workspace-title{padding:12px}.workspace-title strong{font-size:15px}.workspace-title span{font-size:9px}.sidebar-scroll{padding-left:5px;padding-right:5px}.channel-link{gap:5px;font-size:11px}.channel-link .hash{width:13px}.unread-badge{width:20px;height:20px;font-size:13px}.channel-count{font-size:10px}.content-inner{padding:18px}.welcome-hero{padding:20px 17px}.welcome-hero h1{font-size:29px}.wide-break{display:none}.shortcut-grid{gap:8px}.shortcut{padding:12px 10px}.shortcut strong{font-size:11px}.shortcut small{font-size:9px}.hero h1{font-size:32px}.link-preview{flex-direction:column}.link-preview-visual{width:100%;min-height:100px}.link-preview-art{min-height:100px}.content-tail{flex-wrap:wrap}.sidebar-note{font-size:13px}.channel-header strong{font-size:16px}}
@media(max-width:760px){.window-resize-handle{display:none}.app-shell,.app-shell.zoomed{width:100vw!important;height:100dvh!important;left:auto!important;top:auto!important;transform:none!important}.sidebar{width:min(295px,85vw)}.topbar{grid-template-columns:24px minmax(0,1fr) 12px}.welcome-hero h1{font-size:clamp(33px,8.4vw,56px)}.channel-header{padding:0 16px}.link-preview{flex-direction:row}.link-preview-visual{width:95px;min-height:145px}.link-preview-art{min-height:145px}.shortcut strong{font-size:13px}.shortcut small{font-size:10px}}