@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#161616;background:#fafafa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #555;outline-offset:2px}a{text-decoration:none;color:inherit}[data-theme=dark]{color:#f4f4f2;background:#111}[data-theme=dark] .app-shell{background:#111}[data-theme=dark] nav{background:#111;border-color:#303030}[data-theme=dark] .tile,[data-theme=dark] .modal,[data-theme=dark] input,[data-theme=dark] select{background:#191919;border-color:#333;color:#f4f4f2}[data-theme=dark] .tile:hover{background:#222}.loading{height:100vh;display:grid;place-items:center;font-family:DM Mono;letter-spacing:-.08em;font-size:28px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);border:1px solid #ddd;border-radius:20px;padding:36px;background:#fff}.wordmark,.brand{font-family:DM Mono;letter-spacing:-.09em;font-weight:500}.auth-card h1{font-size:32px;letter-spacing:-1.5px;line-height:1.1;margin:30px 0 12px}.auth-card p{line-height:1.6;color:#707070;margin:0 0 28px}.form,form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:13px;font-weight:700}label span{font-weight:400;color:#888}input,select{width:100%;border:1px solid #d6d6d6;border-radius:9px;padding:11px 12px;background:#fff;color:#141414;font-size:14px}.primary{background:#151515!important;color:#fff!important;border-radius:9px;padding:11px 15px;font-weight:700}.link-button{font-size:13px;color:#555;margin-top:19px;text-decoration:underline}.error{font-size:13px;color:#9c1c1c;background:#fff0f0;padding:10px;border-radius:8px}.app-shell{min-height:100vh;background:#fafafa;padding-bottom:72px}nav{position:sticky;top:0;z-index:4;height:64px;border-bottom:1px solid #e5e5e5;background:#fafafae0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:14px;padding:0 clamp(18px,5vw,72px)}.brand{font-size:19px}nav select{width:auto;border:0;background:transparent;padding:7px 8px;font-weight:700}nav button{font-size:13px;padding:8px 10px;border-radius:7px}nav button:hover,nav button.active{background:#e9e9e9}.nav-spacer{flex:1}.shared-label,.eyebrow{font:500 10px DM Mono;letter-spacing:.13em;color:#888}.board-title,.groups{max-width:1240px;margin:0 auto;padding-left:clamp(18px,5vw,72px);padding-right:clamp(18px,5vw,72px)}.board-title{padding-top:72px;padding-bottom:46px;display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{margin:0 0 12px}.board-title h1{margin:0;line-height:1;font-size:clamp(38px,7vw,72px);letter-spacing:-.065em}.editor-actions{display:flex;gap:8px}.editor-actions button,.group-actions button,.share-box button{font-size:12px;border:1px solid #ddd;padding:8px 10px;border-radius:8px}.groups{display:grid;gap:52px}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.group-name{font-size:14px;font-weight:800;letter-spacing:-.3px}.group-actions{display:flex;gap:4px}.group-actions button{border:0;padding:5px 7px;color:#777}.tile-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-auto-rows:128px;gap:12px}.tile{position:relative;border:1px solid #dedede;border-radius:14px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease;min-width:0}.tile:hover{transform:translateY(-2px);border-color:#adadad;background:#fdfdfd}.tile.dragging{opacity:.5;transform:scale(.98)}.tile-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#ececec;overflow:hidden;font-size:10px}.tile-icon img{width:100%;height:100%;object-fit:cover}.tile-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-2x1,.tile-3x1,.tile-4x1{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.tile-2x1 .tile-title,.tile-3x1 .tile-title,.tile-4x1 .tile-title{font-size:15px}.tile-2x2 .tile-icon,.tile-3x2 .tile-icon,.tile-4x2 .tile-icon{width:48px;height:48px;border-radius:12px;font-size:14px}.tile-2x2 .tile-title,.tile-3x2 .tile-title,.tile-4x2 .tile-title{font-size:17px}.tile-edit{position:absolute;right:9px;top:8px;padding:4px;color:#777;letter-spacing:1px}.add-tile{border:1px dashed #c7c7c7;border-radius:14px;min-height:128px;color:#777;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:10;display:grid;place-items:center;padding:18px}.modal{width:min(100%,520px);max-height:90vh;overflow:auto;background:#fff;border:1px solid #ddd;border-radius:16px;padding:22px}.modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal h2{font-size:20px;margin:0;letter-spacing:-.6px}.icon-button{font-size:27px;line-height:1;color:#777}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:9px;font-weight:500}.check input{width:16px;height:16px}.modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.danger{color:#a92b2b;font-size:13px}.modal hr{border:0;border-top:1px solid #e4e4e4;margin:22px 0}.share-box{display:grid;gap:10px}.share-box>div{display:flex;gap:8px}.account h3{margin:0 0 6px;font-size:14px}.account p{font-size:12px;color:#777;margin:0 0 14px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%);background:#171717;color:#fff;padding:10px 14px;border-radius:9px;font-size:13px;box-shadow:0 8px 30px #0003}@media(max-width:700px){nav{padding:0 15px;gap:5px}nav .brand{font-size:16px}nav button{padding:7px}.board-title{padding-top:48px;padding-bottom:32px;align-items:flex-start;flex-direction:column}.tile-grid{grid-template-columns:repeat(min(2,var(--columns)),minmax(0,1fr));grid-auto-rows:120px;gap:9px}.tile{border-radius:12px;padding:12px}.tile-3x1,.tile-4x1,.tile-3x2,.tile-4x2{grid-column:span 2!important}.groups{gap:38px}.editor-actions{width:100%}.editor-actions button{flex:1}.two-columns{grid-template-columns:1fr}.auth-card{padding:26px}.modal{padding:18px}.shared-label{display:none}}@media(max-width:390px){nav select{max-width:90px}.tile-grid{grid-template-columns:1fr}.tile-2x1,.tile-3x1,.tile-4x1,.tile-2x2,.tile-3x2,.tile-4x2{grid-column:span 1!important}}