:root{font-family:'Special Elite','Courier New',monospace;color:#24282a;background:#edeae2;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #edba6a;outline-offset:2px}a{color:inherit}img{max-width:100%}[hidden]{display:none!important}.desktop-grain{position:fixed;inset:0;background:radial-gradient(circle at 13% 15%,#f5e8dc 0,transparent 28%),radial-gradient(circle at 88% 87%,#e3ded2 0,transparent 34%),#edeae2}.app-shell{position:relative;display:flex;flex-direction:column;width:min(1512px,calc(100vw - 34px));height:min(920px,calc(100dvh - 34px));margin:17px auto;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 28px 90px #17242b3b,0 3px 16px #17242b20;border:1px solid #435d6b40}.topbar{height:44px;background:#20323c;color:#e7e3d9;display:grid;grid-template-columns:270px 1fr 270px;align-items:center;padding:0 15px;flex:none}.traffic{display:flex;gap:8px;align-items:center}.traffic i{height:12px;width:12px;display:block;border-radius:50%;background:#ff625a;box-shadow:inset 0 0 0 1px #0002}.traffic i:nth-child(2){background:#ffbd2e}.traffic i:nth-child(3){background:#28c840}.topbar-center{display:flex;justify-content:center;align-items:center;gap:15px;min-width:0}.history-dots{font-size:23px;opacity:.55;white-space:nowrap;line-height:1}.search-trigger{display:flex;align-items:center;gap:10px;text-align:left;width:min(490px,100%);height:28px;padding:0 10px;border:1px solid #ffffff1a;border-radius:6px;background:#ffffff22;color:#e8e5dc;font-size:12px}.search-trigger:hover{background:#ffffff30}.search-trigger kbd{margin-left:auto;font-size:11px;color:#dcd6c7;background:#ffffff19;border-radius:4px;padding:1px 5px}.search-icon{font-size:21px;line-height:1;transform:rotate(-25deg)}.topbar-right{justify-self:end;font-size:11px;display:flex;align-items:center;gap:7px;opacity:.9}.presence-dot,.footer-presence{width:7px;height:7px;border-radius:50%;background:#4dc58a}.workspace{display:flex;flex:1;min-height:0}.rail{width:68px;background:#1d2c35;color:#dbd5c7;display:flex;flex-direction:column;align-items:center;gap:12px;padding:17px 0 14px;flex:none}.rail button{border:0;color:inherit}.rail-logo{width:43px;height:43px;border-radius:12px;background:#efe2d1;color:#2a414e!important;font-family:'Special Elite','Courier New',monospace;font-size:30px;line-height:1;position:relative}.logo-dot{position:absolute;width:9px;height:9px;background:#e9ac5d;border:2px solid #1d2c35;border-radius:50%;right:-3px;bottom:-2px}.rail-line{height:1px;width:28px;background:#ffffff25;margin:1px 0 2px}.rail-button{width:44px;height:44px;border-radius:11px;background:transparent;font-size:23px}.rail-button:hover,.rail-button.active{background:#ffffff1a;color:#fff}.rail-spacer{flex:1}.rail-avatar,.profile-avatar{display:grid;place-items:center;border-radius:10px;background:#e7aa7b;color:#2a3d48;font-weight:800;font-size:11px}.rail-avatar{height:36px;width:36px}.sidebar{width:252px;flex:none;display:flex;flex-direction:column;background:#344b58;color:#f5f3ef}.workspace-title{height:68px;padding:16px 17px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center}.workspace-title strong{display:block;font-size:17px;letter-spacing:-.04em}.workspace-title span{display:block;font-size:10px;color:#d7d1c1;margin-top:2px}.workspace-chevron{font-size:18px!important;margin:0!important}.sidebar-scroll{overflow-y:auto;flex:1;padding:17px 10px 20px}.home-link,.channel-link{border:0;color:inherit;text-align:left;width:100%;display:flex;align-items:center;gap:9px;background:transparent;border-radius:7px;height:34px;padding:0 10px;font-size:13px}.home-link:hover,.channel-link:hover{background:#ffffff16}.home-icon{font-size:18px;color:#f5c996;width:18px;text-align:center}.home-arrow{margin-left:auto;color:#d0c9b6}.side-label{font-size:10px;letter-spacing:.11em;font-weight:700;color:#d6d0c0;display:flex;align-items:center;justify-content:space-between;margin:28px 12px 10px}.side-label-small{margin-top:36px}.channel-link{color:#e9e5dc;margin:2px 0}.channel-link.active{background:#e6e2d8;color:#243640;font-weight:700}.channel-link .hash{font-size:19px;font-weight:400;line-height:1;color:#d7d1c1;width:18px;text-align:center}.channel-link.active .hash{color:#4b626f}.channel-count{margin-left:auto;color:#d8d2c3;font-size:11px}.channel-link.active .channel-count{color:#636f75}.sidebar-note{border-left:2px solid #ddb789;padding:1px 0 1px 11px;margin:0 12px;font-family:'Special Elite','Courier New',monospace;font-style:italic;font-size:19px;line-height:1.16;color:#e3ded3}.sidebar-footer{height:65px;border-top:1px solid #ffffff22;display:flex;align-items:center;gap:10px;padding:0 16px}.profile-avatar{width:35px;height:35px;flex:none}.sidebar-footer div{min-width:0}.sidebar-footer strong{display:block;font-size:12px}.sidebar-footer div span{display:block;font-size:10px;color:#d6d0bf;white-space:nowrap}.footer-presence{margin-left:auto;flex:none}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.channel-header{height:67px;border-bottom:1px solid #f0ede7;box-shadow:0 1px 2px #141f2508;display:flex;align-items:center;gap:9px;padding:0 31px;flex:none;background:#fff;z-index:2}.header-hash{font-size:27px;color:#586770;font-weight:300}.channel-header strong{font-size:19px;letter-spacing:-.05em}.header-divider{height:19px;width:1px;background:#eae6dd;margin:0 8px}.header-description{font-size:12px;color:#89828b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;margin-left:auto;gap:8px}.header-actions button,.mobile-menu{width:33px;height:33px;border:0;background:transparent;color:#63696d;border-radius:6px;font-size:22px}.header-actions button:hover,.mobile-menu:hover{background:#f3f1eb}.mobile-menu{display:none;font-size:19px}.content-scroll{min-height:0;overflow-y:auto;scrollbar-color:#e1ddd1 transparent}.content-inner{max-width:1100px;padding:42px 54px 100px;margin:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#5c7380;text-transform:uppercase}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:2px 0 31px}.hero h1,.welcome-hero h1{font-family:'Special Elite','Courier New',monospace;font-weight:400;font-size:clamp(51px,5vw,76px);letter-spacing:-.045em;line-height:.96;margin:8px 0 13px}.hero h1 em,.welcome-hero h1 em{color:#6b899a;font-weight:400}.hero p,.welcome-hero p{color:#767179;font-size:14px;line-height:1.6;margin:0;max-width:560px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;padding:0 18px;height:37px}.primary-button{background:#2d4553;border:1px solid #2d4553;color:#fff}.primary-button:hover{background:#425a68}.secondary-button{background:#fff;border:1px solid #e3ded3;color:#3b4951}.secondary-button:hover{background:#f8f7f5}.section-heading{display:flex;align-items:center;gap:12px;margin:32px 0 14px}.section-heading h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0;color:#60666a}.section-heading .line{height:1px;flex:1;background:#eae7de}.section-heading .meta{font-size:11px;color:#9aa0a4}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.project-card{border:1px solid #ece9e1;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 14px #2b33380b;text-align:left;transition:transform .2s,box-shadow .2s;cursor:pointer;padding:0;color:#222629}.project-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #2b33381c}.project-preview{height:240px;background:#e9ede6;position:relative;overflow:hidden}.project-preview img{height:100%;width:100%;display:block;object-fit:cover;object-position:top center}.preview-badge{position:absolute;left:13px;top:13px;background:#fff;border:1px solid #edebe4;border-radius:5px;padding:6px 8px;box-shadow:0 2px 8px #0000001a;font-size:10px;font-weight:800;letter-spacing:.04em;color:#3e4f59}.project-details{padding:19px 20px 20px}.project-category{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#6e8491}.project-details h3{font-size:22px;letter-spacing:-.055em;margin:5px 0 7px}.project-details p{color:#777078;font-size:12px;line-height:1.55;margin:0;min-height:38px}.project-bottom{border-top:1px solid #f0ede7;margin-top:17px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#81878b}.project-bottom b{color:#36505e;font-size:12px}.add-card{border:1.5px dashed #dcd7c9;border-radius:12px;min-height:350px;background:#fafaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#52616a}.add-card:hover{background:#f5f4f0;border-color:#8fa3ae}.add-icon{width:55px;height:55px;border:1px solid #d7d1c1;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:28px;margin-bottom:15px}.add-card strong{font-size:16px;color:#3a474f}.add-card span:last-child{font-size:12px;color:#859197;margin-top:5px;max-width:210px;line-height:1.45}.empty-note{font-size:12px;color:#91979a;line-height:1.5;margin:25px 0}.pinned-note{margin-top:34px;border:1px solid #efece5;background:#faf9f7;border-radius:10px;padding:20px 22px;display:flex;gap:15px;align-items:flex-start}.pin-icon{font-size:20px;color:#7894a4}.pinned-note strong{font-size:12px}.pinned-note p{font-size:12px;color:#817982;margin:5px 0 0;line-height:1.55}.welcome-hero{background:#f8f6f3;border:1px solid #eeebe4;border-radius:14px;padding:48px 50px;position:relative;overflow:hidden}.welcome-hero:after{content:'✳';font-size:310px;line-height:1;position:absolute;right:-31px;top:-40px;color:#e7e3da;opacity:.56;pointer-events:none}.welcome-hero>*{position:relative;z-index:1}.welcome-hero h1{font-size:clamp(58px,6vw,90px);max-width:650px}.welcome-hero p{max-width:470px}.welcome-hero .primary-button{margin-top:25px}.shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0 34px}.shortcut{background:#fff;border:1px solid #edeae3;border-radius:10px;padding:18px;text-align:left;min-height:110px}.shortcut:hover{background:#faf9f7}.shortcut-icon{display:block;color:#627e8d;font-size:22px;margin-bottom:8px}.shortcut strong{display:block;font-size:13px}.shortcut small{color:#8a9195;font-size:11px}.channel-intro{padding:18px 0 28px;border-bottom:1px solid #edeae2;margin-bottom:25px}.channel-symbol{width:56px;height:56px;border-radius:15px;background:#f2f0ea;color:#4e6470;display:grid;place-items:center;font-size:30px;margin-bottom:18px}.channel-intro h1{font-size:28px;letter-spacing:-.06em;margin:0 0 6px}.channel-intro p{margin:0;color:#817a84;font-size:13px}.feed{max-width:790px}.feed-day{display:flex;align-items:center;gap:12px;color:#90979b;font-size:11px;margin:28px 0 19px}.feed-day:before,.feed-day:after{content:'';height:1px;background:#ebe8e0;flex:1}.message{display:flex;gap:12px;margin:18px 0 32px}.message-avatar{width:36px;height:36px;border-radius:7px;background:#e9ad7b;color:#2d414d;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:baseline;gap:8px}.message-meta strong{font-size:13px}.message-meta span{font-size:10px;color:#a1a7aa}.message-body>p{font-size:13px;line-height:1.6;margin:5px 0 11px}.attachment{border:1px solid #eae7df;border-left:3px solid #758f9d;border-radius:6px;max-width:580px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;background:#fff}.attachment:hover{background:#fbfaf8}.attachment small{display:block;color:#7d8c95;font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.attachment strong{display:block;margin:4px 0;font-size:15px}.attachment p{font-size:11px;color:#8a818a;margin:0;line-height:1.45}.attachment .open-arrow{color:#5e7481;flex:none}.content-tail{margin:42px 0 0;border-top:1px solid #edeae2;padding:18px 0;color:#9ba1a5;font-size:11px}.search-overlay,.modal-overlay{position:fixed;inset:0;z-index:20;background:#111b2080;display:flex;align-items:flex-start;justify-content:center;padding:10vh 18px 20px}.search-panel{background:#fff;width:min(620px,100%);border-radius:11px;box-shadow:0 22px 70px #0e15195c;overflow:hidden}.search-box{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #efece5}.search-box span{font-size:24px;color:#68767e}.search-box input{border:0;outline:0;flex:1;font-size:15px;min-width:0;color:#242c30}.search-box button{border:1px solid #e3ded2;border-radius:5px;background:#fafaf8;color:#8a818a;font-size:10px}.search-results{max-height:55vh;overflow-y:auto;padding:8px}.search-result{display:block;width:100%;text-align:left;border:0;background:#fff;border-radius:7px;padding:12px 13px}.search-result:hover{background:#f6f5f1}.search-result small{display:block;color:#7d8c94;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.search-result strong{font-size:13px;display:block;margin:3px 0}.search-result span{font-size:11px;color:#8c9296}.search-empty{padding:30px;text-align:center;color:#8c9296;font-size:12px}.modal-overlay{align-items:center;padding:20px}.modal{width:min(590px,100%);max-height:min(90dvh,900px);overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 23px 75px #111a1f54}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:22px 25px 0}.modal-top .eyebrow{margin:0}.close-button{width:31px;height:31px;border:0;background:#f5f3ef;color:#646f75;border-radius:7px;font-size:19px}.modal-body{padding:16px 25px 25px}.modal h2{font-family:'Special Elite','Courier New',monospace;font-size:44px;line-height:1;margin:0 0 11px;font-weight:400;letter-spacing:-.03em}.modal-description{font-size:13px;color:#777079;line-height:1.55}.modal-preview{height:290px;background:#f2f0ea;overflow:hidden;border-radius:9px;border:1px solid #edeae3;margin:16px 0}.modal-preview img{width:100%;height:100%;object-fit:cover;object-position:top center}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #efede7;padding-top:18px;margin-top:19px}.modal-actions .delete{margin-left:auto;color:#5887a3;border-color:#ded9cc}.form-grid{display:grid;gap:14px}.field-label{display:grid;gap:6px;font-size:11px;font-weight:700;color:#60686c}.field-label input,.field-label textarea{border:1px solid #e2ddd1;border-radius:7px;padding:10px 11px;font-size:13px;color:#293034;background:#fff;width:100%}.field-label textarea{min-height:83px;resize:vertical;line-height:1.5}.field-help{font-size:10px;color:#90989c;font-weight:400;line-height:1.45}.upload-box{border:1px dashed #d2cbb8;border-radius:8px;padding:16px;text-align:center;background:#fbfaf9;color:#68757d;font-size:12px}.upload-box input{width:100%;font-size:11px;margin-top:9px}.current-image{height:100px;width:100%;border:1px solid #e8e5dc;border-radius:8px;object-fit:cover;object-position:top}.form-error{color:#4f7b94;font-size:11px;min-height:15px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.toast{position:fixed;bottom:27px;right:27px;background:#223139;color:#fff;padding:11px 16px;border-radius:8px;font-size:12px;box-shadow:0 10px 30px #0003;opacity:0;transform:translateY(7px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:30}.toast.show{opacity:1;transform:none}.mobile-scrim{display:none}@media(max-width:1050px){.topbar{grid-template-columns:150px 1fr 150px}.content-inner{padding:38px 32px 80px}.sidebar{width:225px}.project-preview{height:210px}}@media(max-width:760px){.app-shell{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.topbar{height:41px;grid-template-columns:44px 1fr 30px;padding:0 10px}.traffic i:nth-child(n+2),.topbar-right,.history-dots{display:none}.search-trigger{height:27px}.rail{display:none}.sidebar{position:absolute;z-index:10;top:41px;bottom:0;left:0;width:min(280px,82vw);transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.mobile-scrim{display:block;position:fixed;z-index:9;inset:41px 0 0;background:#0e161b75}.mobile-menu{display:block}.channel-header{height:58px;padding:0 15px;gap:7px}.header-description,.header-divider{display:none}.content-inner{padding:26px 18px 70px}.hero{display:block}.hero .primary-button{margin-top:17px}.hero h1{font-size:56px}.project-grid{grid-template-columns:1fr}.project-preview{height:230px}.welcome-hero{padding:31px 27px}.welcome-hero h1{font-size:60px}.shortcut-grid{grid-template-columns:1fr}.shortcut{min-height:85px}.shortcut-icon{float:left;margin-right:12px}.topbar-center{gap:0}.add-card{min-height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Desktop frame: the shelf lives in a movable app window. */
.desktop-grain{background:#5e7480 url('assets/desktop-wallpaper.svg') center center/cover no-repeat}
.desktop-grain:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#20323c30 0,transparent 22%,#0c203522 100%)}
.desktop-menu{position:fixed;inset:0 0 auto;height:32px;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#1d2930;background:#f2f0eaaa;backdrop-filter:blur(25px) saturate(1.3);-webkit-backdrop-filter:blur(25px) saturate(1.3);border-bottom:1px solid #ffffff60;font-size:12px;box-shadow:0 1px 5px #151f251c}
.desktop-menu-left,.desktop-menu-right{display:flex;align-items:center;gap:23px;white-space:nowrap}.desktop-menu-left strong{font-weight:800}.desktop-menu-right{gap:15px;font-weight:700}.apple-mark{font-size:13px;line-height:1;color:#272d31;transform:scaleX(.86)}.desktop-wifi{font-size:15px}
.desktop-icons{position:fixed;top:78px;right:12px;z-index:1;display:flex;flex-direction:column;gap:22px;width:66px}.desktop-icon{border:0;background:transparent;color:#fff;text-shadow:0 1px 4px #121521a8;font-size:11px;line-height:1.15;text-align:center;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px}.desktop-icon:hover .desktop-icon-art{transform:translateY(-2px);filter:brightness(1.08)}.desktop-icon-art{height:51px;width:55px;border-radius:12px;display:grid;place-items:center;font-size:31px;text-shadow:none;box-shadow:0 5px 14px #0b1a305e,inset 0 1px 1px #ffffffa0;transition:transform .15s,filter .15s}.shelf-art{background:linear-gradient(145deg,#f9e6c8,#ddab82);color:#455c69}.folder-art{background:linear-gradient(145deg,#b9dafa,#5b9cd3);color:#eaf5ff;font-size:28px}
.desktop-dock{position:fixed;left:50%;bottom:11px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:10px;height:62px;padding:7px 12px;border:1px solid #ffffff89;border-radius:17px;background:#f0eee87a;backdrop-filter:blur(25px) saturate(1.45);-webkit-backdrop-filter:blur(25px) saturate(1.45);box-shadow:0 12px 30px #14233855,0 1px 3px #ffffffaa inset}.dock-icon{width:45px;height:45px;flex:none;border:0;border-radius:11px;display:grid;place-items:center;position:relative;font-size:27px;box-shadow:0 3px 7px #1b203f4a,inset 0 1px 2px #ffffffa6;color:#fff}.finder-icon{background:linear-gradient(90deg,#9ed5ef 0 50%,#d9ecfb 50%);color:#336791}.shelf-dock{background:linear-gradient(145deg,#e5bb91,#6e91a5);color:#fff8ed;font-family:'Special Elite','Courier New',monospace}.shelf-dock:hover{transform:translateY(-4px)}.browser-icon{background:linear-gradient(145deg,#a5dbea,#467bb9);font-size:38px}.notes-icon{background:linear-gradient(145deg,#fff8cf,#efdc9f);color:#ae8f54;font-size:29px}.dock-separator{height:37px;width:1px;background:#ffffff8c;margin:0 1px}.dock-indicator{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);width:4px;height:4px;background:#253044;border-radius:50%}.shelf-dock:not(.active) .dock-indicator{display:none}
.app-shell{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1280px,calc(100vw - 170px));height:min(790px,calc(100dvh - 170px));margin:0;border-radius:12px;border:1px solid #ffffff87;box-shadow:0 35px 90px #15233c88,0 8px 25px #15233c4d,0 1px 1px #ffffffc7 inset}.app-shell.zoomed{width:calc(100vw - 20px);height:calc(100dvh - 47px);top:calc(50% + 14px)}.app-shell.hidden-window{display:none}.app-shell.dragging{user-select:none}.topbar{cursor:grab}.app-shell.dragging .topbar{cursor:grabbing}.topbar button{cursor:pointer}.traffic{gap:8px}.traffic button{width:12px;height:12px;border-radius:50%;border:1px solid #00000021;padding:0;position:relative}.traffic button:hover:after{content:'×';position:absolute;inset:0;color:#56312b;font-size:10px;line-height:10px;font-weight:800}.traffic .close-light{background:#ff625a}.traffic .minimize-light{background:#ffbd2e}.traffic .minimize-light:hover:after{content:'−';line-height:9px}.traffic .zoom-light{background:#28c840}.traffic .zoom-light:hover:after{content:'+';line-height:9px}
@media(max-width:760px){.desktop-menu,.desktop-icons,.desktop-dock{display:none}.app-shell,.app-shell.zoomed{position:relative;left:auto;top:auto;transform:none!important;width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.topbar{cursor:default}}
@media(max-width:760px){.traffic{visibility:hidden}}