:root{--color-bg: #faf3df;--color-bg-deep: #f1e7cb;--color-surface: #fffdf4;--color-ink: #141414;--color-ink-muted: #5f5847;--color-yellow: #ffd02f;--color-yellow-deep: #f0ad00;--color-purple: #7c5cff;--color-purple-soft: #e3daff;--color-mint: #b9f1cc;--color-orange: #ff9e5e;--color-orange-soft: #ffe2c9;--color-danger: #e5484d;--color-success: #1f9d55;--border-thin: 1.5px solid var(--color-ink);--border-strong: 2.5px solid var(--color-ink);--shadow-sm: 3px 3px 0 var(--color-ink);--shadow-md: 5px 5px 0 var(--color-ink);--shadow-lg: 8px 8px 0 var(--color-ink);--radius-sm: 6px;--radius-md: 10px;--font-display: "Archivo", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}:focus-visible{outline:3px solid var(--color-purple);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.app-root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:800;letter-spacing:.01em;border:var(--border-strong);border-radius:var(--radius-sm);padding:10px 18px;cursor:pointer;background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform 90ms ease,box-shadow 90ms ease;text-decoration:none;font-size:14px;-webkit-user-select:none;user-select:none}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-ink)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-yellow{background:var(--color-yellow)}.btn-ink{background:var(--color-ink);color:#fff}.btn-purple{background:var(--color-purple);color:#fff}.btn-ghost{box-shadow:none}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-lg{padding:14px 26px;font-size:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-family:var(--font-display);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.input,.textarea,.select{border:var(--border-strong);border-radius:var(--radius-sm);background:#fff;padding:10px 12px;font-size:14.5px;font-family:var(--font-body);width:100%;color:var(--color-ink)}.textarea{min-height:110px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#a09a89}.field-error{color:var(--color-danger);font-size:12.5px;font-weight:600}.hint{color:var(--color-ink-muted);font-size:12.5px}.card{background:var(--color-surface);border:var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.tag{display:inline-flex;align-items:center;gap:4px;border:var(--border-thin);border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700;background:#fff;white-space:nowrap}.tag-yellow{background:var(--color-yellow)}.tag-purple{background:var(--color-purple-soft)}.tag-mint{background:var(--color-mint)}.tag-orange{background:var(--color-orange-soft)}.mono{font-family:var(--font-mono)}.muted{color:var(--color-ink-muted)}.shell{display:flex;min-height:100vh}.sidebar{width:208px;flex-shrink:0;border-right:var(--border-strong);background:var(--color-surface);padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px}.brand{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:-.01em;background:var(--color-yellow);border:var(--border-strong);border-radius:var(--radius-sm);padding:6px 10px;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-block;margin-bottom:14px}.navlink{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:14px;border:2px solid transparent}.navlink:hover{background:#f4ecd4}.navlink.active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.main{flex:1;min-width:0}.topbar{position:sticky;top:0;z-index:20;background:var(--color-bg);border-bottom:var(--border-strong);padding:12px 22px;display:flex;align-items:center;gap:10px}.search{flex:1;max-width:560px;min-width:0;display:flex;align-items:center;gap:8px;background:#fff;border:var(--border-strong);border-radius:var(--radius-sm);padding:8px 12px;box-shadow:var(--shadow-sm)}.search input{border:0;outline:0;flex:1;min-width:0;font-size:14px;background:transparent}@media(max-width:860px){.search{max-width:none}.topbar{padding:8px 12px;gap:8px}}.content{padding:26px;max-width:1180px;margin:0 auto;width:100%}.page-title{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;font-size:clamp(28px,4vw,44px);line-height:.95;margin:0 0 6px;text-transform:uppercase}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:26px 0 14px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1080px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.sidebar{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.content{padding:16px 14px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar-search-label{display:none}}.mobilenav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--color-surface);border-top:var(--border-strong);padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 14px #14141414}.mobilenav-inner{display:flex;align-items:center;justify-content:space-around;max-width:500px;margin:0 auto}.mobilenav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.02em;padding:4px 6px;border-radius:var(--radius-sm);color:var(--color-ink-muted);min-width:54px;min-height:48px;position:relative;-webkit-user-select:none;user-select:none;transition:background .1s ease,color .1s ease;border:1.5px solid transparent}.mobilenav-item.active{background:var(--color-yellow);color:var(--color-ink);border-color:var(--color-ink)}.mobilenav-icon{font-size:18px;line-height:1;margin-bottom:2px}.mobilenav-create-btn{background:var(--color-ink);color:var(--color-yellow);border:var(--border-strong);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform 90ms ease;margin:0 4px}.mobilenav-create-btn:active{transform:scale(.92)}.mobilenav-badge{position:absolute;top:4px;right:6px;background:var(--color-danger);color:#fff;border-radius:999px;font-size:9px;font-weight:900;padding:1px 5px;line-height:1.2;border:1px solid var(--color-ink)}@media(max-width:860px){.mobilenav{display:block}.topbar{padding:8px 12px;gap:8px}.content{padding:12px 14px;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.toast-wrap{bottom:calc(80px + env(safe-area-inset-bottom));right:12px}.feed-filter-row{gap:6px}.feed-filter-row .tag{font-size:10.5px;padding:3px 8px}.projects-filter-bar{flex-direction:column;align-items:stretch}.projects-filter-bar select,.projects-filter-bar input{width:100%!important}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141414a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .15s ease}.sheet-container{background:var(--color-surface);border-top:var(--border-strong);border-radius:18px 18px 0 0;box-shadow:var(--shadow-lg);max-height:90dvh;display:flex;flex-direction:column;animation:slideUp .2s cubic-bezier(.16,1,.3,1);padding:16px 16px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border-bottom:var(--border-thin);padding-bottom:8px}.sheet-title{font-family:var(--font-display);font-weight:900;font-size:17px;margin:0;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:480px){.composer-meta{grid-template-columns:1fr!important}.pcard-img{height:130px}.topbar .search{min-width:0}.network-tabs{flex-direction:column}.post-actions{flex-wrap:wrap}}@media(max-width:860px){.feed-inline-composer{display:none!important}}.pcard{overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease;background:var(--color-surface)}.pcard:hover{transform:translate(-2px,-2px)}.pcard-img{height:148px;border-bottom:var(--border-strong);background:#222;position:relative;overflow:hidden}.pcard-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);display:block}.pcard-body{padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;flex:1}.pcard-title{font-family:var(--font-display);font-weight:900;font-size:18px;margin:0;line-height:1.05}.pcard-foot{display:flex;align-items:center;justify-content:space-between;border-top:var(--border-thin);padding-top:10px;margin-top:auto}.skel{background:linear-gradient(90deg,#eee4c8 25%,#fbf4de,#eee4c8 75%);background-size:200% 100%;animation:shimmer 1.1s infinite;border:var(--border-strong);border-radius:var(--radius-md);min-height:120px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.empty{border:2.5px dashed var(--color-ink);border-radius:var(--radius-md);padding:34px 22px;text-align:center;background:var(--color-surface)}.toast-wrap{position:fixed;bottom:22px;right:22px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{background:var(--color-ink);color:#fff;border:2px solid #000;box-shadow:var(--shadow-sm);padding:10px 14px;border-radius:8px;font-weight:700;font-size:13.5px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141480;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}.modal{max-width:520px;width:100%;padding:22px}.avatar{border-radius:50%;border:2px solid var(--color-ink);object-fit:cover;background:var(--color-purple-soft);flex-shrink:0}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.kbd{font-family:var(--font-mono);font-size:11px;border:1.5px solid var(--color-ink);border-bottom-width:3px;border-radius:5px;padding:1px 6px;background:#fff}.banner{border:var(--border-strong);background:var(--color-yellow);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:10px 14px;font-weight:700;font-size:13.5px}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th,.table td{border:var(--border-thin);padding:8px 10px;text-align:left;background:#fff}.table th{background:var(--color-ink);color:#fff;font-family:var(--font-display)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:center;padding:40px 0 30px}.hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(46px,7.5vw,104px);line-height:.88;letter-spacing:-.03em;margin:8px 0 14px;text-transform:uppercase}.hero-collage{position:relative;min-height:420px}.collage-img{position:absolute;border:var(--border-strong);box-shadow:var(--shadow-lg);background:#333;overflow:hidden}.collage-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);display:block}.sticky-note{position:absolute;background:#ffe45e;border:var(--border-strong);box-shadow:var(--shadow-sm);padding:10px 12px;font-family:var(--font-mono);font-size:11.5px;font-weight:700}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-collage{min-height:300px}}.marquee{border-top:var(--border-strong);border-bottom:var(--border-strong);background:var(--color-ink);color:#fff;overflow:hidden;white-space:nowrap;padding:10px 0;font-family:var(--font-display);font-weight:800}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:860px){.feature-strip{grid-template-columns:1fr}}.step{padding:18px}.step-num{font-family:var(--font-mono);font-weight:700;background:var(--color-purple);color:#fff;border:2px solid var(--color-ink);display:inline-block;padding:2px 10px;border-radius:999px;margin-bottom:10px}