:root{--bg: #130E0D;--rail: #1D1311;--card: #201412;--surface2: #2A1917;--accent: #E4853C;--accent-2: #F2A85C;--on-accent: #20100A;--brass: #A67E44;--cream: #EEE4D6;--cream-2: #B6A48F;--muted: #84745F;--line: rgba(166, 126, 68, .15);--line-2: rgba(166, 126, 68, .28);--glow: rgba(228, 133, 60, .5);--danger: #E8867A;--thumb: #C7C3BC;--sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--r-sm: 6px;--r: 9px;--r-lg: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{max-width:1440px;margin:0 auto;padding:clamp(16px,3vw,44px)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line-2)}.wordmark{display:flex;align-items:center;gap:11px}.wordmark .mark{display:block;flex:none}.wordmark .name{font-size:29px;font-weight:700;letter-spacing:-.038em;color:var(--cream);text-transform:lowercase}.masthead .tagline{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.masthead-search{flex:1 1 220px;max-width:420px;margin:0 auto;background:var(--card);color:var(--cream);border:1px solid var(--line-2);border-radius:var(--r);padding:9px 13px;font:inherit;font-size:14px}.masthead-search::placeholder{color:var(--muted)}.masthead-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e4853c24}.app-shell{display:grid;grid-template-columns:216px 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg);box-shadow:0 40px 90px -50px #000}.rail{background:var(--rail);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:26px}.rail-sec{display:block}.rail-head{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--brass);margin:0 0 12px;font-weight:700}.rail-list{list-style:none;margin:0;padding:0}.nav-link{display:flex;justify-content:space-between;align-items:center;color:var(--cream-2);font-size:14px;font-weight:500;padding:9px 12px;border-radius:var(--r);cursor:pointer}.nav-link:hover{color:var(--cream);background:#ffffff05}.nav-link.is-active{color:var(--cream);background:var(--surface2);font-weight:600}.nav-link .count{color:var(--muted);font-size:12px;font-weight:600}.board-row{display:flex;align-items:center}.board-row .nav-link{flex:1}.board-row .icon-btn{opacity:.4}.board-row:hover .icon-btn,.board-row .icon-btn:hover{opacity:1}.nav-link.drop-over,.board-row.drop-over{background:#e4853c29;box-shadow:inset 0 0 0 1px var(--accent);border-radius:var(--r)}.status-nav a{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--r-sm);color:var(--cream-2);font-size:13px;font-weight:500}.status-nav a:hover{color:var(--cream);background:#ffffff05}.status-nav a i{width:9px;height:9px;border-radius:50%;flex:none;display:block}.rail-head-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rail-head-row .rail-head{margin:0}.rail-gear{color:var(--muted);padding:2px}.rail-gear svg{width:15px;height:15px;display:block}.rail-gear:hover{color:var(--cream)}.status-manage-list{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:4px}.status-manage-row{display:flex;align-items:center;gap:8px;padding:4px 0}.status-manage-row .status-name{flex:1;min-width:0;border:1px solid transparent;background:none;color:var(--cream);font:inherit;font-size:14px;padding:6px 8px;border-radius:var(--r-sm)}.status-manage-row .status-name:hover{border-color:var(--line)}.status-manage-row .status-name:focus{outline:none;border-color:var(--accent);background:#00000040}.status-add{margin-top:14px}.status-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;flex:none;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.status-color::-webkit-color-swatch-wrapper{padding:0}.status-color::-webkit-color-swatch{border:1px solid var(--line-2);border-radius:50%}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--cream-2);margin-bottom:7px}.status-badge i{width:8px;height:8px;border-radius:50%;display:block;flex:none}.detail-status{display:flex;align-items:center;gap:10px;margin-bottom:16px}.detail-status>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);font-weight:700}.newbar{display:flex;margin-top:12px}.newbar input{flex:1;min-width:0;border:1px solid var(--line-2);border-right:none;background:#00000040;color:var(--cream);padding:9px 11px;font:inherit;font-size:13px;border-radius:var(--r) 0 0 var(--r)}.newbar input::placeholder{color:var(--muted)}.newbar button{border:none;background:var(--accent);color:var(--on-accent);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:0 14px;cursor:pointer;border-radius:0 var(--r) var(--r) 0}.tag-row{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r-sm);font-size:13px}.tag-row:hover{background:#ffffff05}.tag-row a{color:var(--cream-2);font-weight:500}.tag-row a:hover{color:var(--accent-2)}.tag-row .count{color:var(--muted);font-size:11px}.tag-row .spacer{flex:1}.tag-row .icon-btn{opacity:0}.tag-row:hover .icon-btn{opacity:1}.tag-row input{flex:1;min-width:0;border:1px solid var(--line-2);background:#00000040;color:var(--cream);padding:4px 8px;font:inherit;font-size:13px;border-radius:var(--r-sm)}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;line-height:1}.icon-btn:hover{color:var(--cream);background:#ffffff0d}.main{padding:26px 28px 30px;min-width:0}.view-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.view-title{font-size:33px;font-weight:700;letter-spacing:-.038em;margin:0;color:var(--cream)}.view-count{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}.view-sub{color:var(--cream-2);font-size:14px;margin:6px 0 22px}.view-hint{color:var(--muted);font-size:12.5px;margin:-14px 0 20px}.view-empty{color:var(--cream-2);font-size:14px}mark.hl{background:#e4853c47;color:inherit;border-radius:2px;padding:0 1px}.view-actions{display:flex;align-items:center;gap:16px;flex:none}.view-actions .btn{padding:8px 14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#080504a8;padding:20px}.modal{width:100%;max-width:440px;background:var(--rail);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:22px 22px 20px;box-shadow:0 40px 90px -40px #000}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--cream)}.or-row{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:10px 0;gap:10px}.or-row:before,.or-row:after{content:"";flex:1;height:1px;background:var(--line)}.field{display:block;margin-bottom:14px}.field input:disabled{opacity:.45}.field>span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:6px;font-weight:700}.field>span em{color:var(--muted);font-style:normal;text-transform:none;letter-spacing:0;font-weight:500}.field .tag-input{width:100%;box-sizing:border-box}.file-input{color:var(--cream-2);font:inherit;font-size:13px;max-width:100%}.file-input::file-selector-button{background:var(--surface2);color:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:7px 12px;margin-right:10px;font:inherit;font-size:12px;cursor:pointer}.file-input::file-selector-button:hover{border-color:var(--brass)}.modal-hint{color:var(--muted);font-size:12px;margin:2px 0 0}.image-drop{border:1px dashed var(--line-2);border-radius:var(--r-lg);padding:14px;transition:border-color .12s ease,background .12s ease}.image-drop.dragging{border-color:var(--accent);border-style:solid;background:var(--surface2)}.image-drop .tag-input{width:100%;box-sizing:border-box}.image-drop-hint{color:var(--cream-2);font-size:13px;text-align:center;margin:0;padding:4px 0}.image-preview{position:relative;display:block}.image-preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:var(--r-sm);background:var(--card)}.image-preview .icon-btn{position:absolute;top:6px;right:6px;background:#130e0dc7;color:var(--cream);border:1px solid var(--line-2);border-radius:50%;width:26px;height:26px;line-height:1;cursor:pointer}.image-preview .icon-btn:hover{border-color:var(--brass)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;max-height:220px;overflow-y:auto;padding:2px}.preview-thumb{aspect-ratio:1 / 1;padding:0;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;cursor:pointer;background:var(--card)}.preview-thumb img{width:100%;height:100%;object-fit:cover;display:block}.preview-thumb.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.preview-thumb.attaching{opacity:.55}.preview-thumb:disabled{cursor:default}.modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}.modal-foot .btn:disabled{opacity:.5;cursor:default}.title-input{flex:1;min-width:0;box-sizing:border-box;background:none;border:none;border-bottom:1px solid transparent;color:var(--cream);font-family:inherit;padding:0 0 3px}.title-input::placeholder{color:var(--muted)}.title-input:hover{border-bottom-color:var(--line)}.title-input:focus{outline:none;border-bottom-color:var(--accent)}.actionbar{display:flex;align-items:center;gap:13px;flex-wrap:wrap;background:var(--surface2);border-radius:var(--r-lg);padding:12px 16px;margin-bottom:22px}.actionbar .sel-count{font-size:13px;font-weight:600;color:var(--cream)}.actionbar .sel-count b{color:var(--accent-2)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000004d;color:var(--cream);border:1px solid var(--line-2);font:inherit;font-size:13px;padding:9px 30px 9px 12px;border-radius:var(--r);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 12px) 55%;background-size:5px 5px;background-repeat:no-repeat}.btn{border:none;font:inherit;cursor:pointer;border-radius:var(--r);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;padding:10px 20px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{background:none;border:none;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:8px 10px;border-radius:var(--r)}.btn-ghost:hover{color:var(--cream)}.actionbar .btn-ghost{margin-left:auto}.actionbar .tag-input{max-width:150px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.board-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:border-color .18s,transform .18s}.board-card:hover{border-color:var(--brass);transform:translateY(-2px)}.board-cover{flex:none;aspect-ratio:16 / 10;display:grid;gap:2px;background:var(--surface2)}.board-cover img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;display:block}.board-cover.n0{place-items:center;color:var(--brass)}.board-cover.n0 svg{width:40px;height:40px}.board-cover.n1{grid-template-columns:1fr}.board-cover.n2{grid-template-columns:1fr 1fr}.board-cover.n3,.board-cover.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.board-cover.n3 img:first-child{grid-row:span 2}.board-card-meta{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 15px 15px}.board-card-title{font-size:15px;font-weight:600;color:var(--cream);letter-spacing:-.01em}.board-card-count{font-size:12px;color:var(--muted);font-weight:600}.empty-state{padding:30px 0}.empty-title{font-size:16px;font-weight:600;color:var(--cream-2);margin:0 0 6px}.inline-link{color:var(--accent-2)}.inline-link:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:17px}.cardwrap{position:relative}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color .18s,transform .18s}.card:hover{border-color:var(--brass);transform:translateY(-2px)}.card.is-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card.is-dragging{opacity:.4}.card-skeleton{aspect-ratio:1 / 1;pointer-events:none;background:linear-gradient(100deg,var(--surface2) 30%,var(--card) 50%,var(--surface2) 70%);background-size:200% 100%;animation:skeleton-shimmer 1.3s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.card-skeleton{animation:none}}.cardwrap.is-selected .card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 28px -8px var(--glow)}.thumb{aspect-ratio:1 / 1;position:relative;display:grid;place-items:center;background-color:var(--thumb);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='38'%20height='38'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%238e8b84'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='4.5'%20width='18'%20height='15'%20rx='2.5'/%3E%3Ccircle%20cx='8.5'%20cy='10'%20r='1.6'/%3E%3Cpath%20d='M4%2018l5-5%203.5%203.5L16%2013l4%204'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.thumb.is-msg{background-color:var(--surface2);background-image:none;color:var(--cream-2);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;text-align:center;gap:8px}.thumb.is-link{background-color:var(--surface2);background-image:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--brass)}.thumb.is-link svg{width:34px;height:34px}.thumb.is-link .link-host{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--cream-2);letter-spacing:.02em}.thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;display:block}.thumb-msg--fail{color:var(--accent-2)}.card-del{position:absolute;top:8px;right:8px;z-index:2;width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:50%;cursor:pointer;background:#140f088c;color:#fff;font-size:11px;line-height:1}.card-del:hover{background:var(--accent);color:var(--on-accent)}.sel-check{position:absolute;top:10px;left:10px;z-index:2;width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent)}.cap{padding:12px 13px 14px;border-top:1px solid var(--line)}.cap-title{font-size:13px;font-weight:600;line-height:1.35;color:var(--cream);margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:var(--cream-2);background:none;border:1px solid var(--line-2);padding:2px 7px;border-radius:var(--r-sm);cursor:pointer}.chip:hover{color:var(--accent-2);border-color:var(--accent)}.linklike{background:none;border:none;color:var(--accent-2);cursor:pointer;font:inherit;text-decoration:underline;padding:0}.banner-error{color:var(--danger);background:#e8867a14;border:1px solid rgba(232,134,122,.25);border-radius:var(--r);padding:10px 14px;margin:0 0 18px;font-size:13px}.notes,.note-area{width:100%;max-width:640px;background:var(--card);color:var(--cream);border:1px solid var(--line-2);border-radius:var(--r);padding:11px 13px;font:inherit;font-size:14px;resize:vertical}.notes{margin-top:11px}.notes:focus,.note-area:focus,.newbar input:focus,.select:focus,.tag-input:focus,.tag-row input:focus{outline:none;border-color:var(--accent)}.detail{max-width:720px}.detail-back{display:inline-block;color:var(--cream-2);margin-bottom:14px}.detail-back:hover{color:var(--accent-2)}.detail-title{display:block;width:100%;background:none;border:none;border-bottom:1px solid transparent;color:var(--cream);font:inherit;font-size:27px;font-weight:700;letter-spacing:-.035em;padding:0 0 4px;margin:0 0 16px}.detail-title::placeholder{color:var(--muted)}.detail-title:hover{border-bottom-color:var(--line)}.detail-title:focus{outline:none;border-bottom-color:var(--accent)}.detail-img{max-width:100%;border-radius:var(--r-lg);border:1px solid var(--line);display:block;margin-bottom:14px}.detail-source{display:inline-block;color:var(--accent-2);margin-bottom:18px}.detail-imgbtn{margin-bottom:16px}.img-editor{border:1px solid var(--line-2);border-radius:var(--r);padding:14px;margin-bottom:16px;max-width:480px}.img-editor .tag-input{width:100%;box-sizing:border-box}.img-editor-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.img-source{margin-bottom:4px}.field-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass);margin-bottom:6px;font-weight:700}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--cream);background:var(--surface2);border-radius:var(--r-sm);padding:4px 6px 4px 10px}.tag-pill button{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:0 2px}.tag-pill button:hover{color:var(--danger)}.tag-input{background:var(--card);color:var(--cream);border:1px solid var(--line-2);border-radius:var(--r);padding:9px 12px;font:inherit;font-size:14px;min-width:220px}.suggestions{list-style:none;padding:0;margin:6px 0 18px;display:flex;flex-wrap:wrap;gap:6px}.suggestions button{background:var(--surface2);border:1px solid var(--line-2);color:var(--cream-2);border-radius:var(--r-sm);padding:4px 10px;font:inherit;font-size:13px;cursor:pointer}.suggestions button:hover{color:var(--accent-2);border-color:var(--accent)}.suggestions .create-opt{color:var(--accent-2);border-color:var(--accent);border-style:dashed}.loading{color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:var(--surface2);color:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:12px 16px;font-size:13px;box-shadow:0 20px 50px -20px #000}.toast button{background:none;border:none;color:var(--accent-2);cursor:pointer;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.gate{max-width:420px;margin:12vh auto 0;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px}.gate p{color:var(--cream-2);margin:0 0 16px}.gate input{width:100%;background:#00000040;color:var(--cream);border:1px solid var(--line-2);border-radius:var(--r);padding:10px 12px;font:inherit;margin-bottom:14px}.gate input:focus{outline:none;border-color:var(--accent)}@media (max-width: 780px){.app-shell{grid-template-columns:1fr}.rail{border-right:none;border-bottom:1px solid var(--line)}}.save-page{max-width:520px;margin:0 auto;padding:24px 16px}.save-wordmark{display:inline-block;margin-bottom:20px;color:var(--cream);font-weight:700;text-decoration:none;letter-spacing:.02em}.save-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 20px}.save-card p{color:var(--cream-2)}.save-title{font-size:20px;line-height:1.3;margin:0 0 6px;color:var(--cream);overflow-wrap:anywhere}.save-url{font-size:13px;margin:0 0 20px;overflow-wrap:anywhere}.save-btn{width:100%;padding:14px;font-size:17px}.save-done{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--accent-2);font-weight:700}.save-error{color:var(--accent-2)}