:root{--bg: #0f1115;--fg: #e8eaed;--muted: #9aa0a6;--card: #171a21;--accent: #66b2ff;--tile: #1b1f2a;--tile-b: #222838 }*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.topbar{display:flex;flex-direction:column;gap:10px;padding:6px 8px;border-bottom:1px solid #1e2330;background:#0c0e13;position:sticky;top:0;z-index:5}.topbar-row{display:flex;align-items:center;gap:12px;width:100%}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.logo{width:40px;height:40px}.clock-box{display:flex;align-items:baseline;gap:8px;margin-left:auto}.clock-meta{display:flex;gap:6px;align-items:baseline}.clock{font-variant-numeric:tabular-nums;font-weight:600;font-size:12px;color:var(--fg)}.week-num{font-size:12px;color:var(--muted);font-weight:600}.user-display{margin-left:15px;font-size:13px;color:#aaa;border-left:1px solid #333;padding-left:15px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px;border-radius:6px;text-decoration:none;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#1e2330;color:#fff}.opts{color:var(--muted);text-decoration:none;font-size:13px;margin-left:16px}.chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.chip{border:1px solid #2a3246;background:#131827;color:#cfe3ff;border-radius:999px;padding:4px 10px;font-size:12px;cursor:pointer}.chip.active{background:#20406a;border-color:#3a5c92;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:18px;padding:6px;align-items:start;grid-auto-rows:auto}.tabbar{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #30363d;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabbar-scroll{display:flex;align-items:center;gap:10px;min-width:max-content;padding-bottom:2px}.tabbar::-webkit-scrollbar{height:6px}.tabbar::-webkit-scrollbar-thumb{background:#2a3246;border-radius:999px}@media (max-width:1200px){.grid{grid-template-columns:1fr}.tiles-col{grid-column:auto}.panels-container{grid-template-columns:1fr}}.col h2{margin:0;font-size:16px;color:#c9d1d9}.feed-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;font-size:.9rem;color:#e6edf3}.feed-head-link{flex:1;text-decoration:none;color:inherit}.sec-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.icon-btn.small{font-size:14px;padding:2px 6px;width:24px;height:24px}.panels-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.anchored-panel{grid-column:1 / -1}.panels-column{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:60px;padding-bottom:16px}.panels-column.is-over{outline:1px dashed #3a5c92;outline-offset:6px;border-radius:12px}.tiles-col{grid-column:span 2}.panel{background:var(--link-bg, #171a21);border:1px solid #1f2533;border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:8px}.panel.dragging-panel{opacity:.5;border:1px dashed #3a5c92}.panel-head{display:flex;gap:8px;align-items:center;padding-bottom:4px;border-bottom:1px solid #2d3546;margin-bottom:4px;font-weight:600;color:#8b949e;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.hide-on-idle{opacity:0;transition:opacity .15s ease}.panel:hover .hide-on-idle,.feed-group:hover .hide-on-idle{opacity:1}.panel-head .lbl{flex:1}.panel-head.hidden{display:none}.panel .tiles{display:flex;flex-wrap:wrap;gap:12px;align-items:start;min-height:60px}.menu-container{position:relative}.menu-dropdown{position:absolute;top:100%;right:0;background:#171a21;border:1px solid #1f2533;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:160px;max-width:220px;width:max-content;z-index:100;box-shadow:0 4px 12px #00000080}.menu-dropdown.hidden{display:none}.menu-item{background:transparent;border:none;color:#cfe3ff;text-align:left;padding:8px 12px;cursor:pointer;border-radius:6px;font-size:13px;text-decoration:none;display:block}.menu-item:hover{background:#1e2330;color:#fff}.panel-menu-btn,.feed-menu-btn{background:transparent;border:none;color:#8b949e;cursor:pointer;padding:2px 6px;border-radius:4px;font-size:16px;line-height:1}.panel-menu-btn:hover,.feed-menu-btn:hover{background:#2d3546;color:#fff}.feed-group{background:var(--feed-bg, #171a21);border:1px solid #1f2533;border-radius:14px;padding:8px}.feed-group+.feed-group{margin-top:10px}.feed-group .head{display:flex;align-items:center;gap:8px;padding:4px 6px 8px;border-bottom:1px dashed #2a3246;margin-bottom:8px}.feed-group .ico{width:16px;height:16px;border-radius:4px;margin-right:6px}.feed-group .lbl{font-weight:700;color:#c9d1d9}.feed-group .feed-head-link,.feed-group .feed-head-link:visited{color:var(--fg);text-decoration:none;display:flex;align-items:center;gap:6px}.feed-group .feed-head-link:hover{text-decoration:underline}.feed-group .items{display:flex;flex-direction:column;gap:8px}.item{display:block;padding:12px;border-radius:12px;background:var(--card);border:1px solid #1f2533;color:var(--fg);text-decoration:none}.item:hover{background:#1a1f2c;border-color:#2a3246}.item .meta{color:var(--muted);font-size:12px;margin-bottom:6px}.ttl{font-size:14px;font-weight:600}.search{display:flex;gap:8px;padding:10px;background:var(--card);border:1px solid #1f2533;border-radius:14px;position:sticky;top:18px}.search input{flex:1;background:#0a0d14;border:1px solid #1c2230;border-radius:10px;color:var(--fg);padding:12px}.search button{border:1px solid #2a3246;background:#131827;color:#cfe3ff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600}.ad{margin-top:14px;display:flex;align-items:center;justify-content:center;height:120px;border-radius:14px;background:#10131a;border:1px dashed #2a3246;color:#7c859a;font-size:13px}.tiles{display:flex;flex-wrap:wrap;gap:12px;align-items:start}.panel-column-sentinel{height:24px}.drop-sentinel{width:100%;height:8px}.saved-list{display:flex;flex-direction:column;gap:10px;padding:4px 2px 6px}.saved-item{display:block;text-decoration:none;color:var(--fg);padding:8px 10px;border-radius:10px;background:#14182299;border:1px solid #222838}.saved-item .meta{font-size:12px;color:#9aa0a6;margin-bottom:4px}.saved-item .ttl{font-size:14px;font-weight:600;color:#e6edf3}.saved-item:hover{background:#1e2432bf;border-color:#2b3446}.tile{display:flex;flex-direction:column;position:relative;background:var(--tile);border:1px solid var(--tile-b);border-radius:16px;text-decoration:none;color:var(--fg);overflow:hidden;flex:1 1 auto;max-width:600px;min-width:120px}.tile .head{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--tile-b);min-height:34px;background:linear-gradient(0deg,#0000,#242a3c59)}.tile .head .ico{width:16px;height:16px;border-radius:4px}.tile .head .label{font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .body{flex:1}.thumb{position:relative;height:100%;overflow:hidden}.thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;object-fit:cover;transform-origin:center center;transition:transform .12s ease}.tile .hint{position:absolute;left:0;right:0;bottom:0;background:#0000008c;color:#cfe3ff;font-size:11px;padding:6px 8px;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 640px){.tile .head .label{white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere;word-break:break-word}}.tile.show-hint .hint{opacity:1;transform:translateY(0)}.tile.header-only{grid-row:span 1;align-self:start}.tile.has-image{grid-row:span var(--preview-span, 3);align-self:stretch}.tile,.tile:visited{color:var(--fg);text-decoration:none}.tile .body,.tile .thumb,.tile .thumb-img{pointer-events:none}.add-btn{border:1px solid #2a3246;background:#131827;color:#cfe3ff;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:700}.add-btn:hover{background:#17203a}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20}.modal.hidden{display:none}.modal .dialog{background:#171a21;border:1px solid #1f2533;border-radius:12px;padding:14px;min-width:360px;width:min(720px,92vw);max-width:92vw;max-height:70vh;display:flex;flex-direction:column;overflow:auto}.file-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.grid2{display:grid;grid-template-columns:120px 1fr;gap:8px 10px;margin-bottom:8px}.grid2 input{background:#0a0d14;border:1px solid #1c2230;border-radius:10px;color:#fff;padding:8px 10px}.thumb-prev .ph{width:100%;aspect-ratio:16/9;background:#0b0f17;border:1px solid #1c2230;border-radius:10px;position:relative;overflow:hidden;margin-top:6px}#qPrev{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%;object-fit:cover;transform-origin:center center}.ctl-row{display:flex;align-items:center;gap:10px;margin:6px 0}.ctl-row label{min-width:80px;color:#9aa0a6}.ctl-row span{width:48px;text-align:right;color:#cfe3ff}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.feed-col{position:sticky;top:0;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;margin-right:-10px;scrollbar-width:thin;scrollbar-color:#2a3246 transparent}.feed-col::-webkit-scrollbar{width:6px}.feed-col::-webkit-scrollbar-track{background:transparent}.feed-col::-webkit-scrollbar-thumb{background:#2a3246;border-radius:999px}.feed-list{max-height:none;overflow:visible;padding-right:0}.modal .dialog.import{min-width:720px;max-width:900px}@media (max-width: 720px){.grid{grid-template-columns:1fr;gap:12px}.panels-container,.grid2{grid-template-columns:1fr}.modal{align-items:flex-start;padding:12px 0}.modal .dialog,.modal .dialog.import{min-width:0;width:92vw;max-width:92vw;max-height:85vh}.feed-col{position:static;max-height:none;overflow:visible;margin-right:0;padding-right:0}.topbar-row{flex-wrap:wrap;align-items:flex-start;gap:10px}.topbar-row .brand{order:1}.topbar-row .menu-container{order:2;margin-left:auto}.topbar-row .clock-box{order:3;margin-left:0;align-items:center;gap:8px;width:100%;flex-wrap:nowrap}.topbar-row .clock-meta{flex-direction:row;gap:6px}.topbar-row .user-display{margin-left:8px;padding-left:0;border-left:none;flex:1;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .chips{width:100%;white-space:normal;overflow-x:visible;flex-wrap:wrap}.topbar-row .clock{font-size:12px;font-weight:600}}.import-head{display:flex;gap:8px;align-items:center;margin:8px 0}.muted{color:#9aa0a6}.imp-list{flex:1;min-height:0;overflow-y:auto;border:1px solid #1c2230;border-radius:0 0 10px 10px;padding:8px;background:#0b0f17;border-top:none}.imp-header{display:grid;grid-template-columns:22px 1.2fr 1fr 1fr 28px;gap:8px;align-items:center;padding:8px 14px;background:#1c2230;border:1px solid #1c2230;border-radius:10px 10px 0 0;font-size:12px;font-weight:600;color:#9aa0a6;text-transform:uppercase;letter-spacing:.5px}.imp-row{display:grid;grid-template-columns:22px 1.2fr 1fr 1fr 28px;gap:8px;align-items:center;padding:6px;border-bottom:1px solid #141a26}.imp-row:last-child{border-bottom:none}.imp-row input[type=text]{background:#0a0d14;border:1px solid #1c2230;border-radius:8px;color:#fff;padding:6px 8px;width:100%}.imp-row .feed-btn{border:1px solid #2a3246;background:#131827;color:#cfe3ff;padding:6px 8px;border-radius:8px;cursor:pointer}.imp-row .feed-btn:hover{background:#17203a}.badge{font-size:11px;color:#cfe3ff;background:#1c2a46;border:1px solid #2e4270;border-radius:999px;padding:2px 6px}button,.txt-btn,.actions button,.imp-tools button{border:1px solid #2a3246;background:linear-gradient(180deg,#2a303e,#1f2533);color:#e8eaed;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff0d;transition:all .15s ease;text-shadow:0 1px 1px rgba(0,0,0,.5)}button:hover,.txt-btn:hover,.actions button:hover,.imp-tools button:hover{background:linear-gradient(180deg,#32394a,#252c3d);border-color:#3a5c92;color:#fff;transform:translateY(-1px);box-shadow:0 3px 5px #0006,inset 0 1px #ffffff1a}button:active,.txt-btn:active,.actions button:active,.imp-tools button:active{transform:translateY(1px);box-shadow:0 1px 1px #0000004d,inset 0 1px #0003;background:#1a1f2c}.imp-tools{display:flex;gap:8px;margin-bottom:8px}.color-modal-content{min-width:320px}.color-picker-wrapper{display:flex;flex-direction:column;gap:16px;margin:16px 0}.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s;box-shadow:0 1px 3px #0000004d}.color-swatch:hover{transform:scale(1.1);border-color:#fff}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #3a5c92}.color-input-row{display:flex;align-items:center;gap:10px}.color-input-row label{color:#9aa0a6;font-size:13px}#colorHexInput{flex:1;background:#0a0d14;border:1px solid #1c2230;border-radius:6px;color:#fff;padding:6px 8px;font-family:monospace;text-transform:uppercase}.color-preview{width:32px;height:32px;border-radius:6px;border:1px solid #2a3246;background-image:linear-gradient(45deg,#1f2533 25%,transparent 25%),linear-gradient(-45deg,#1f2533 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1f2533 75%),linear-gradient(-45deg,transparent 75%,#1f2533 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;position:relative;overflow:hidden}.color-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--preview-color, transparent)}.native-color-picker{display:none}.color-custom-area{display:flex;gap:12px;height:150px}.saturation-box{flex:1;background-color:red;background-image:linear-gradient(to right,#fff,transparent),linear-gradient(to top,#000,transparent);border-radius:6px;position:relative;cursor:crosshair;border:1px solid #2a3246}.saturation-cursor{width:12px;height:12px;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 2px #00000080;pointer-events:none}.hue-slider{width:24px;background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:6px;position:relative;cursor:ns-resize;border:1px solid #2a3246}.hue-cursor{width:100%;height:6px;background:#fffc;border:1px solid rgba(0,0,0,.2);position:absolute;left:0;transform:translateY(-50%);pointer-events:none;border-radius:2px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.btn-pri{background:linear-gradient(180deg,#3a5c92,#2a4675);border:1px solid #4a7ec7;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600}.btn-pri:hover{background:linear-gradient(180deg,#4a7ec7,#3a5c92)}.btn-sec{background:transparent;border:1px solid #2a3246;color:#cfe3ff;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600}.btn-sec:hover{background:#1e2330;color:#fff}.collapse-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-left:8px;cursor:pointer;color:#7d8590;transition:transform .2s ease,color .2s;border-radius:4px}.collapse-arrow:hover{background:#ffffff1a;color:#fff}.panel.collapsed .tiles,.feed-group.collapsed .items,.panel.collapsed .saved-list{display:none}.panel.collapsed .collapse-arrow,.feed-group.collapsed .collapse-arrow{transform:rotate(180deg)}.ctx-menu{position:fixed;z-index:10000;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #00000080;padding:4px 0;min-width:160px;display:flex;flex-direction:column}.ctx-menu.hidden{display:none}.ctx-menu button{background:transparent;border:none;color:#c9d1d9;padding:8px 16px;text-align:left;cursor:pointer;font-size:13px;transition:background .1s}.ctx-menu button:hover{background:#1f6feb;color:#fff}.ctx-menu button.danger{color:#f85149}.ctx-menu button.danger:hover{background:#da3633;color:#fff}.landing{min-height:100vh;background:#050505;color:#d6b26c;font-family:Playfair Display,Times New Roman,serif;display:flex;flex-direction:column}.landing__nav{display:flex;justify-content:center;gap:120px;padding:32px 24px 12px;border-bottom:3px solid #d6b26c;text-transform:uppercase;font-size:28px;font-style:italic}.landing__nav-item{color:#d6b26c;text-decoration:none;letter-spacing:.04em}.landing__nav-item:hover{color:#f0d8a0}.landing__hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px 80px;gap:16px}.landing__logo{width:220px;height:auto;margin:24px 0 8px}.landing__title{margin:0;font-size:42px;font-weight:700;letter-spacing:.08em}.landing__tagline{margin:0;font-size:22px;font-style:italic;letter-spacing:.05em}.landing__description{max-width:720px;line-height:1.6;font-size:16px;color:#e6c78a;margin-top:12px}.landing__cta{display:flex;gap:16px;margin-top:12px}.landing__btn{padding:12px 18px;border:1px solid #d6b26c;color:#050505;background:#d6b26c;text-decoration:none;font-weight:700;border-radius:8px;letter-spacing:.02em;min-width:140px}.landing__btn.secondary{background:transparent;color:#d6b26c}.landing__btn:hover{filter:brightness(1.1)}@media (max-width: 768px){.landing__nav{gap:32px;font-size:20px}.landing__hero{padding:32px 16px 60px}.landing__logo{width:180px}.landing__title{font-size:32px}.landing__tagline{font-size:18px}.landing__description{font-size:15px}.landing__cta{flex-direction:column;align-items:center}.landing__btn{width:100%;max-width:220px;text-align:center}}