:root{--bg:#f4f4f2;--surface:#fff;--surface-muted:#f0f0ee;--border:#e2e2de;--text:#1c1c1a;--text-muted:#6b6b66;--accent:#2f6fed;--accent-text:#fff;--danger:#c93a3a;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000a;--radius:12px;--chrome:#dee1e6;--chrome-border:#c9ccd1;--chrome-hover:#e3e5e8;--tab:#fff;--omnibox:#f1f3f4;--page:#fff;--banner:#eef4ff;--warning:#e8710a;--warning-bg:#fff4e5;--warning-text:#b45309;--claude-bg:#faf9f5;--claude-input:#fff;--claude-border:#e5e2d9;--banner-border:#cfdcfb;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#141414;--surface:#1f1f1f;--surface-muted:#2a2a2a;--border:#333;--text:#ececec;--text-muted:#9a9a9a;--accent:#5b8ff9;--danger:#f06a6a;--shadow:0 1px 2px #0006;--chrome:#202124;--chrome-border:#3c4043;--chrome-hover:#4a4c50;--tab:#35363a;--omnibox:#202124;--page:#202124;--banner:#1d2940;--warning:#f59e0b;--warning-bg:#3a2a10;--warning-text:#fbbf24;--claude-bg:#262624;--claude-input:#30302e;--claude-border:#3e3e3a;--banner-border:#2f4266}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 12px}button:hover:not(:disabled){background:var(--surface-muted)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover{background:var(--accent);filter:brightness(1.08)}input[type=text],input[type=search]{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;min-width:0;padding:6px 10px}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{background:var(--bg);height:100vh;color:var(--text);flex-direction:column;display:flex}.toolbar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.toolbar-start,.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar h1{margin:0 0 0 4px;font-size:1.2rem}.sidebar-show{border:1px dashed var(--border);color:var(--text-muted);background:0 0;padding:4px 10px;font-size:.8rem;font-weight:600}.sidebar-show:hover{color:var(--text);border-style:solid}.example-banner{border-radius:var(--radius);background:var(--banner);border:1px solid var(--banner-border);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;margin:0 16px 8px;padding:6px 8px 6px 14px;font-size:.9rem;display:flex}.example-banner p{margin:0}.example-banner button{padding:4px 12px}.main{flex:1;min-height:0;padding:0 8px 8px}.main-group{height:100%}.sidebar{height:100%;padding:4px 0 4px 4px}.sidebar-frame{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 5%, var(--bg));border-radius:14px;flex-direction:column;height:100%;padding:0 4px 4px;display:flex}.sidebar-frame>.sidebar-group,.sidebar-frame>.sidebar-empty{flex:1;min-height:0}.sidebar-frame.drop-target{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--bg))}.sidebar-frame.drop-target .sidebar-head{color:var(--accent)}.sidebar-head{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);flex:none;justify-content:space-between;align-items:center;padding:4px 4px 4px 8px;font-size:.7rem;font-weight:700;display:flex}.sidebar-head button{color:var(--text-muted);letter-spacing:0;text-transform:none;background:0 0;border:none;padding:2px 8px;font-size:.75rem;font-weight:600}.sidebar-head button:hover{background:var(--surface-muted);color:var(--text)}.sidebar-group,.sidebar-panel{height:100%}.workspace-panel{height:100%;overflow:auto}.workspace{min-height:100%}.resize-handle{background:0 0;flex:none;position:relative}.resize-handle.vertical{width:4px}.resize-handle.vertical:before{content:"";z-index:3;position:absolute;inset:0 -4px}.resize-handle.horizontal{cursor:row-resize;height:10px}.resize-handle:after{content:"";background:var(--border);border-radius:2px;transition:background .15s;position:absolute}.resize-handle.vertical:after{width:2px;height:40px;top:50%;left:1px;transform:translateY(-50%)}.resize-handle.horizontal:after{background:color-mix(in srgb, var(--text-muted) 45%, transparent);border-radius:3px;width:44px;height:5px;transition:background .15s,width .15s,height .15s;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover:after,.resize-handle[data-separator=active]:after{background:var(--accent)}.resize-handle.vertical:hover:after{height:100%}.resize-handle.horizontal:hover:after,.resize-handle.horizontal[data-separator=active]:after{background:var(--accent);width:100%;height:4px}.empty-area{text-align:center;max-width:420px;color:var(--text-muted);margin:48px auto;padding:0 16px}.empty-area h2{color:var(--text)}.sidebar-empty{margin:24px auto}.app:has(.stacked-page){height:auto;min-height:100vh}.stacked-page{flex-direction:column;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;padding:0 4px;display:flex}.stack-sidebar-item{height:380px}.maximized-layer{z-index:100;background:#00000059;padding:16px;position:fixed;inset:0}.maximized-window{height:100%}.maximized-window .card-handle{opacity:1}.react-grid-item.react-draggable-dragging .card-grip{cursor:grabbing}.maximized-placeholder{border:2px dashed var(--border);height:100%;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.add-menu{position:relative}.add-menu-list{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(660px,100vw - 32px);margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}.add-menu-list ul{margin:0;padding:0;list-style:none}.segmented{border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:4px;margin-bottom:4px;padding:4px 6px 8px;font-size:.85rem;display:flex}.segmented span{margin-right:auto}.add-menu-list .segmented button{border:1px solid var(--border);border-radius:999px;width:auto;padding:3px 10px;font-size:.85rem}.add-menu-list .segmented button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.add-menu-search{width:100%;margin:2px 0 8px}.add-menu-sections{max-height:min(72vh,620px);overflow-y:auto}.add-menu-sections section+section{margin-top:10px}.add-menu-sections h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 2px 6px;font-size:.7rem;font-weight:700}.add-menu-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;display:grid}.add-tile{border:1px solid var(--border);background:var(--page);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:8px 10px;display:flex}.add-tile:hover,.add-tile:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--page))}.add-tile-top{align-items:center;gap:6px;width:100%;min-width:0;display:flex}.add-tile-top strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.88rem;overflow:hidden}.add-tile-top .use-badge{flex:none;margin-left:auto}.add-tile-text{-webkit-line-clamp:2;color:var(--text-muted);-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.add-menu-empty{color:var(--text-muted);margin:12px 4px;font-size:.85rem}.widget{background:var(--page);border:1px solid var(--chrome-border);height:100%;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.widget-chrome{background:var(--chrome);cursor:grab;-webkit-user-select:none;user-select:none;flex:none}.react-grid-item.react-draggable-dragging .widget-chrome{cursor:grabbing}.stack .widget-chrome{cursor:default}.tab-strip{align-items:flex-end;gap:8px;padding:6px 6px 0 8px;display:flex}.window-controls{align-self:center;gap:2px;margin-left:auto;padding-bottom:2px;display:flex}.window-controls button{width:26px;height:24px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:0;font-size:.95rem;line-height:1}.window-controls button:hover:not(:disabled){background:var(--chrome-hover);color:var(--text)}.tab{background:var(--tab);border-radius:8px 8px 0 0;flex:0 240px;align-items:center;gap:8px;min-width:0;max-width:240px;height:30px;padding:0 4px 0 10px;font-size:.8rem;display:flex}.tab-icon{flex:none;width:16px;height:16px}.tab-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.tab-close{width:20px;height:20px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:1rem;line-height:1}.tab-close:hover:not(:disabled){background:var(--chrome-hover);color:var(--text)}.address-row{background:var(--tab);border-bottom:1px solid var(--chrome-border);padding:5px 8px 6px}.address{background:var(--omnibox);height:26px;color:var(--text-muted);white-space:nowrap;border-radius:13px;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;text-decoration:none;display:flex;overflow:hidden}.address span{text-overflow:ellipsis;overflow:hidden}a.address:hover{color:var(--text);background:var(--chrome-hover)}.address-icon{flex:none;width:12px;height:12px}.widget-body{background:var(--page);flex:1;min-height:0;padding:10px 12px;overflow:auto}.icon-button{color:var(--text-muted);background:0 0;border:none;padding:0 8px;font-size:1.2rem;line-height:1.6}.icon-button:hover:not(:disabled){color:var(--danger);background:0 0}.link-button{color:var(--accent);background:0 0;border:none;padding:0}.link-button:hover:not(:disabled){background:0 0;text-decoration:underline}.empty-state{text-align:center;color:var(--text-muted);margin:16px 0}.react-grid-layout .react-grid-item.react-grid-placeholder{background:var(--accent);opacity:.15;border-radius:var(--radius)}.inline-form{gap:8px;display:flex}.todo-list{margin:10px 0 0;padding:0;list-style:none}.todo-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.todo-list label{cursor:pointer;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.todo-list input[type=checkbox]{accent-color:var(--accent);margin-top:3px}.todo-list span{overflow-wrap:anywhere}.todo-list li.done span{color:var(--text-muted);text-decoration:line-through}.todo-footer{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.85rem;display:flex}:is(.widget-body:has(.google),.card-body:has(.google)){padding:0;container-type:size}.google{flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,6cqh,28px);height:100%;padding:12px 16px;display:flex}.google-logo{letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-family:Product Sans,Google Sans,Arial,sans-serif;font-size:clamp(32px,min(13cqw,22cqh),84px);font-weight:500;line-height:1}.google-search{background:var(--page);width:min(560px,100%);height:48px;color:var(--text-muted);border:1px solid #0000;border-radius:24px;align-items:center;gap:12px;padding:0 20px;display:flex;box-shadow:0 1px 6px #20212447}.google-search:hover,.google-search:focus-within{box-shadow:0 2px 10px #20212459}.google-search .search-icon{flex:none;width:20px;height:20px}.google-search input[type=search]{height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .google-search{box-shadow:none;background:#303134;border-color:#5f6368}:root:not([data-theme=light]) .google-search:hover,:root:not([data-theme=light]) .google-search:focus-within{box-shadow:none;background:#3c4043}}:root[data-theme=dark] .google-search{box-shadow:none;background:#303134;border-color:#5f6368}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.link-setup{flex-direction:column;gap:8px;font-size:.9rem;display:flex}.link-setup-heading{margin:0;font-weight:600}.link-setup-steps{color:var(--text-muted);margin:0;padding-left:20px}.link-setup .link-button{align-self:flex-start}.form-error{color:var(--danger);margin:0;font-size:.85rem}.setup-note{color:var(--text-muted);margin:0;font-size:.8rem}.widget-message{flex-direction:column;gap:10px;padding:8px 0;display:flex}.button-row{flex-wrap:wrap;gap:8px;display:flex}:is(.widget-body:has(.spotify),.widget-body:has(.calendar-embed)){padding:0}.spotify,.calendar-embed{height:100%;position:relative}.spotify iframe,.calendar-embed iframe{border:0;width:100%;height:100%;display:block}.spotify iframe{min-height:80px}.canvas-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:6px;font-size:.9rem;display:flex}.canvas-source{color:var(--text-muted);gap:10px;font-size:.78rem;display:flex}.canvas-list{margin:0;padding:0;list-style:none}.canvas-list li{border-bottom:1px solid var(--border);border-left:3px solid #0000;align-items:flex-start;gap:8px;margin:0 -8px;padding:6px 8px;display:flex}.canvas-list li.soon{border-left-color:var(--warning);background:var(--warning-bg)}.canvas-list li.done{opacity:.55}.canvas-list li.done .canvas-title{text-decoration:line-through}.canvas-list input[type=checkbox]{accent-color:var(--accent);margin-top:3px}.canvas-item{flex-direction:column;min-width:0;display:flex}.canvas-title{color:var(--text);overflow-wrap:anywhere;text-decoration:none}a.canvas-title:hover{text-decoration:underline}.canvas-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.course-chip{background:var(--surface-muted);border-radius:4px;padding:0 6px;font-weight:600}.due.soon{color:var(--warning-text);font-weight:600}.calendar-frame{height:100%;position:relative;overflow:hidden}.calendar-frame iframe{transform-origin:0 0;border:0;display:block}.calendar-controls{z-index:1;color:#3c4043;background:#ffffffeb;border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex;position:absolute;top:6px;right:22px;box-shadow:0 1px 3px #0000001f}.calendar-controls button,.calendar-controls select{min-width:22px;height:22px;color:inherit;background:0 0;border:none;border-radius:6px;padding:0 4px;font-size:.85rem;line-height:1}.calendar-controls select{cursor:pointer;padding:0 2px;font-size:.75rem;font-weight:600}.calendar-controls button:hover:not(:disabled),.calendar-controls select:hover{background:#f1f3f4}.calendar-controls button:disabled{opacity:.35}.calendar-controls .calendar-today{color:#1a73e8;padding:0 6px;font-size:.72rem;font-weight:600}.calendar-sample{flex-direction:column;gap:6px;height:100%;display:flex}.calendar-sample>.link-button{align-self:flex-start}.card-body:has(.dayview){padding-bottom:0}.dayview{--gutter:44px;--today:#1a73e8;flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.dayview-head{flex:none;align-items:center;gap:4px;padding-bottom:6px;display:flex}.dayview-date{flex-direction:column;align-items:center;width:52px;display:flex}.dayview-weekday{letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.dayview-number{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;line-height:1;display:flex}.dayview-date.today .dayview-weekday{color:var(--today)}.dayview-date.today .dayview-number{background:var(--today);color:#fff}.card-dark{--today:#8ab4f8}.card-dark .dayview-date.today .dayview-number{color:#202124}.dayview-step{width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;padding:0;font-size:1.3rem;line-height:1}.dayview-step:hover{background:var(--surface-muted);color:var(--text)}.dayview-today{border-radius:999px;margin-left:4px;padding:3px 10px;font-size:.75rem}.dayview-month{color:var(--text-muted);margin-left:auto;font-size:.8rem}.dayview-allday{flex-direction:column;flex:none;gap:2px;margin:0 0 6px;padding:0;list-style:none;display:flex}.dayview-allday li{background:var(--event);color:var(--event-text,#fff);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:500;overflow:hidden}.dayview-scroll{border-top:1px solid var(--border);flex:1;min-height:0;overflow-y:auto}.dayview-grid{position:relative}.dayview-hour{border-top:1px solid var(--border);position:absolute;left:0;right:0}.dayview-hour:first-child{border-top:none}.dayview-hour span{width:calc(var(--gutter) - 8px);text-align:right;color:var(--text-muted);background:var(--card-bg,var(--page));padding-right:4px;font-size:.65rem;line-height:1;position:absolute;top:-.55em;left:0}.dayview-event{z-index:1;border:1px solid var(--card-bg,var(--page));background:var(--event);color:var(--event-text,#fff);border-radius:6px;flex-direction:column;padding:3px 7px;font-size:.78rem;line-height:1.25;display:flex;position:absolute;overflow:hidden}.dayview-event strong{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dayview-event span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dayview-event.short{flex-direction:row;align-items:center;padding-block:0}.dayview-event.short strong{flex:0 auto;min-width:0}.dayview-event.short span{flex:none}.dayview-now{z-index:2;left:calc(var(--gutter) - 6px);pointer-events:none;background:#ea4335;height:2px;position:absolute;right:0}.dayview-now:before{content:"";background:#ea4335;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-6px}.dayview-footer{color:var(--text-muted);flex:none;margin:0;padding:4px 0 6px;font-size:.7rem}:is(.widget-body:has(.claude),.card:has(.claude)){background:var(--claude-bg)}:is(.widget-body:has(.claude),.card-body:has(.claude)){container-type:size}.claude{flex-direction:column;justify-content:center;gap:12px;height:100%;display:flex}.claude-greeting{text-align:center;color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,7cqw,1.8rem)}.claude-box{border:1px solid var(--claude-border);background:var(--claude-input);border-radius:16px;flex-direction:column;padding:10px 12px 8px;display:flex;box-shadow:0 1px 4px #0000000d}.claude-box textarea{resize:none;width:100%;min-width:0;font:inherit;color:var(--text);background:0 0;border:none;outline:none}.claude-actions{justify-content:space-between;align-items:center;display:flex}.claude-hint{color:var(--text-muted);font-size:.75rem}.claude-send{color:#fff;background:#d97757;border:none;border-radius:8px;width:30px;height:30px;padding:0;font-size:1rem;font-weight:700}.claude-send:hover:not(:disabled){background:#c6613f}:is(.card:has(.chatgpt),.widget-body:has(.chatgpt)){background:var(--page)}.chatgpt .claude-greeting{font-family:inherit;font-weight:500}.chatgpt .claude-box{background:color-mix(in srgb, var(--text) 6%, var(--page));box-shadow:none;border-color:#0000;border-radius:24px}.chatgpt .claude-send{background:var(--text);color:var(--page);border-radius:50%}.chatgpt .claude-send:hover:not(:disabled){background:color-mix(in srgb, var(--text) 80%, var(--page))}.drop-zone{height:100%}.card{height:100%;color:var(--text);background:var(--page);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.card-body{flex:1;min-height:0;padding:10px 12px;overflow:auto}.card-spotify{box-shadow:none;background:0 0;border:none}:is(.card-spotify .card-body,.card:has(.calendar-embed) .card-body){padding:0;overflow:hidden}.card-spotify iframe{border-radius:12px}.card-handle{z-index:2;background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:8px;align-items:center;gap:2px;padding:2px;transition:opacity .15s;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #00000026}.card:hover .card-handle,.card:focus-within .card-handle{opacity:1}.card:not(.card-spotify) .card-handle{height:22px;box-shadow:none;background:0 0;border:none;flex:none;justify-content:flex-end;padding:2px 4px 0;position:static}.card:not(.card-spotify) .card-body{padding-top:0}.card-grip,.card-menu-button{width:24px;height:22px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;line-height:1;display:flex}.card-menu-button{background:0 0;border:none;padding:0}.card-grip:hover,.card-menu-button:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.sidebar-group.dragging iframe{pointer-events:none}.sidebar-panel.drop-before .card,.sidebar-panel.drop-after .card{outline:2px solid var(--accent)}.sidebar-panel.drop-before .card{box-shadow:0 -4px 0 var(--accent)}.sidebar-panel.drop-after .card{box-shadow:0 4px 0 var(--accent)}.context-menu{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:180px;padding:4px;position:fixed;box-shadow:0 8px 24px #0000002e}.context-menu button{text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 10px;font-size:.9rem;display:block}.context-menu button.danger{color:var(--danger)}.card.card-colored{background:var(--card-bg);border-color:#0000}.card-dark{--text:#fff;--text-muted:#ffffffb3;--border:#ffffff2e;--surface:#ffffff1f;--surface-muted:#ffffff1a;--warning-bg:#ffaa3c2e;--warning-text:#ffcf8a;--accent:#8ab4ff}.card-light{--text:#1c1c1a;--text-muted:#0009;--border:#0000001f;--surface:#fff9;--surface-muted:#0000000d;--warning-bg:#ff8c001f;--warning-text:#8a4200;--accent:#2f6fed}.card-colored .card-handle{background:var(--card-bg)}.color-picker{z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:232px;padding:10px;display:flex;position:fixed;box-shadow:0 8px 24px #0000002e}.color-picker-title{margin:0;font-size:.85rem;font-weight:600}.swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--border);border-radius:50%;padding:0}.swatch.selected{outline:2px solid var(--accent);outline-offset:2px}.swatch-default{background:linear-gradient(135deg, var(--page) 50%, var(--surface-muted) 50%)}.custom-color{cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.custom-color input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:32px;height:24px;padding:0}.match-spotify{font-size:.85rem}.google-icon-button{width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;flex:none;padding:0;font-size:1rem;line-height:1}.google-icon-button:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.google.google-results{justify-content:flex-start;gap:0;padding:0}.google-results-bar{border-bottom:1px solid var(--border);flex:none;width:100%;padding:8px 12px}.google-results-bar .google-search{width:100%;height:38px;box-shadow:none;border:1px solid var(--border);padding:0 6px 0 14px}.google-results{position:relative}.google-loading{text-align:center;color:var(--text-muted);margin:0;font-size:.9rem;position:absolute;top:70px;left:0;right:0}.google-results iframe{background:0 0;border:0;flex:1;width:100%;min-height:0;position:relative}.empty-area.starter{max-width:640px}.starter-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:20px 0 12px;display:grid}.starter-button{text-align:left;background:var(--surface);box-shadow:var(--shadow);color:var(--text);border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.starter-button .tab-icon{width:22px;height:22px}.starter-button span{color:var(--text-muted);font-size:.8rem}.starter-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.widget-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.widget-toolbar select{border:1px solid var(--border);background:var(--surface);max-width:100%;color:var(--text);font:inherit;border-radius:6px;padding:3px 6px;font-size:.85rem}.widget-toolbar .link-button{margin-left:auto;font-size:.85rem}.toolbar-note{color:var(--text-muted);font-size:.8rem}.news-list{margin:0;padding:0;list-style:none}.news-list li{border-bottom:1px solid var(--border);flex-direction:column;padding:6px 0;display:flex}.news-list a{color:var(--text);font-size:.9rem;line-height:1.3;text-decoration:none}.news-list a:hover{text-decoration:underline}.news-time{color:var(--text-muted);font-size:.75rem}.game-list{margin:0;padding:0;list-style:none}.game-list li{border-bottom:1px solid var(--border);border-left:3px solid #0000;align-items:center;gap:8px;margin:0 -8px;padding:6px 8px;display:flex}.game-list li.mine{background:var(--surface-muted);border-left-color:#c8102e}.game-teams{flex:1;min-width:0}.team-line{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.team-line.winner{color:var(--text);font-weight:600}.team-line img,.logo-blank{object-fit:contain;flex:none;width:20px;height:20px}.team-abbr{width:38px;color:var(--text)}.team-record{color:var(--text-muted);font-size:.75rem;font-weight:400}.team-score{font-variant-numeric:tabular-nums;margin-left:auto}.game-status{text-align:right;max-width:45%;color:var(--text-muted);flex:none;font-size:.75rem}.game-list li.live .game-status{color:#d93025;font-weight:600}.live-dot{vertical-align:middle;background:#d93025;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.team-picker .inline-form{margin-bottom:6px}.team-list{margin:0;padding:0;list-style:none}.team-list label{cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:.9rem;display:flex}.team-list img{object-fit:contain;width:20px;height:20px}.sleeper-league{font-size:.9rem}.matchup{align-items:stretch;gap:8px;margin-bottom:10px;display:flex}.matchup-side{background:var(--surface-muted);border-radius:10px;flex-direction:column;flex:1;min-width:0;padding:8px 10px;display:flex}.matchup-side.ahead{outline:2px solid #1bd1c4}.matchup-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.matchup-record{color:var(--text-muted);font-size:.75rem}.matchup-points{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.matchup-vs{color:var(--text-muted);align-self:center;font-size:.8rem}.standings{margin:0;padding-left:22px;font-size:.85rem}.standings li{padding:2px 0}.standings li>span{display:inline-block}.standings li{display:list-item}.standings-name{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;width:calc(100% - 90px);overflow:hidden}.standings-record{width:40px;color:var(--text-muted)}.standings-points{text-align:right;width:44px;color:var(--text-muted);font-variant-numeric:tabular-nums}.standings li.me{font-weight:700}.grid-cell{padding:2px}.react-grid-layout .react-grid-item.react-grid-placeholder{opacity:1;background:0 0}.react-grid-layout .react-grid-item.react-grid-placeholder:before{content:"";border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:12px;position:absolute;inset:6px}.react-grid-layout .react-grid-item>.react-resizable-handle{z-index:3;opacity:1;background-image:none;margin:0;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle:after{display:none}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;width:14px;height:auto;margin:0;top:20px;bottom:28px;right:0;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;width:auto;height:14px;margin:0;bottom:0;left:20px;right:28px;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle-e:hover:before,.react-grid-layout .react-grid-item>.react-resizable-handle-s:hover:before,.react-grid-layout .react-grid-item.resizing>.react-resizable-handle-e:before,.react-grid-layout .react-grid-item.resizing>.react-resizable-handle-s:before{content:"";background:var(--accent);border-radius:2px;position:absolute}.react-grid-layout .react-grid-item>.react-resizable-handle-e:before{width:3px;top:0;bottom:0;right:5px}.react-grid-layout .react-grid-item>.react-resizable-handle-s:before{height:3px;bottom:5px;left:0;right:0}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-n{cursor:ns-resize;width:auto;height:6px;margin:0;top:0;left:20px;right:20px;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;width:8px;height:auto;margin:0;top:20px;bottom:20px;left:0;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-nw,.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-ne,.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-sw{width:10px;height:10px;margin:0;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nwse-resize;top:0;left:0}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:nesw-resize;top:0;left:auto;right:0}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:nesw-resize;top:auto;bottom:0;left:0}.react-grid-layout .react-grid-item>.react-resizable-handle-n:hover:before,.react-grid-layout .react-grid-item>.react-resizable-handle-w:hover:before{content:"";background:var(--accent);border-radius:2px;position:absolute}.react-grid-layout .react-grid-item>.react-resizable-handle-n:before{height:3px;top:1px;left:0;right:0}.react-grid-layout .react-grid-item>.react-resizable-handle-w:before{width:3px;top:0;bottom:0;left:1px}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:nwse-resize;width:30px;height:30px;margin:0;bottom:0;right:0;transform:none}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-se:after{content:"";border-right:3px solid var(--text-muted);border-bottom:3px solid var(--text-muted);opacity:.5;border-bottom-right-radius:4px;width:11px;height:11px;display:block;position:absolute;bottom:11px;right:11px}.react-grid-layout .react-grid-item:hover>.react-resizable-handle.react-resizable-handle-se:after{opacity:1}.react-grid-layout .react-grid-item>.react-resizable-handle.react-resizable-handle-se:hover:after,.react-grid-layout .react-grid-item.resizing>.react-resizable-handle.react-resizable-handle-se:after{border-color:var(--accent);opacity:1}.react-grid-item .card,.sidebar-panel .card{cursor:grab}.react-grid-item.react-draggable-dragging .card,.card[draggable=true]{cursor:grabbing}.card input,.card textarea{cursor:text}.card a,.card label{cursor:pointer}.card-grip{cursor:grab}.google-nav-bar{background:var(--banner);border-bottom:1px solid var(--banner-border);flex-wrap:wrap;flex:none;align-items:center;gap:4px 12px;width:100%;padding:6px 12px;font-size:.8rem;display:flex}.google-nav-bar span{color:var(--text-muted);margin-right:auto}.dock{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;padding:6px 16px 10px;display:flex}.dock-pill{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:.85rem;display:flex}.dock-pill:hover:not(:disabled){border-color:var(--accent);background:var(--surface);transform:translateY(-1px)}@keyframes card-glow{0%{box-shadow:0 0 0 3px var(--accent), var(--shadow)}to{box-shadow:0 0 0 3px transparent, var(--shadow)}}.card.card-new{animation:1.8s ease-out card-glow}.toolbar-start{flex-wrap:wrap;min-width:0}.dash-tabs{background:var(--surface-muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;margin-left:8px;padding:3px;display:flex}.dash-tab,.dash-tab-add{color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:4px 12px;font-size:.9rem}.dash-tab:hover:not(:disabled),.dash-tab-add:hover:not(:disabled){background:var(--surface);color:var(--text)}.dash-tab.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0000001f}.dash-tab-add{padding:4px 10px;font-size:1rem;line-height:1}.dash-tab-input{border:1px solid var(--accent);background:var(--surface);width:160px;color:var(--text);font:inherit;border-radius:7px;padding:3px 8px;font-size:.9rem}:is(.card-body:has(.tool-embed),.widget-body:has(.tool-embed),.card-body:has(.notes)){padding:0;overflow:hidden}.tool-embed{height:100%;padding:0 6px 6px}.tool-frame{border:1px solid var(--border);background:#fff;border-radius:8px;height:100%;position:relative;overflow:hidden}.tool-frame iframe{width:calc(100% / var(--zoom));height:calc(100% / var(--zoom));transform:scale(var(--zoom));transform-origin:0 0;border:0;display:block}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:8px;display:grid}.tool-grid button{text-align:left;font-size:.85rem}.notes{flex-direction:column;height:100%;display:flex}.notes textarea{resize:none;min-height:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;line-height:1.5}.notes-footer{border-top:1px solid var(--border);color:var(--text-muted);flex:none;justify-content:space-between;padding:6px 12px;font-size:.75rem;display:flex}.segmented-tabs{background:var(--surface-muted);border-radius:9px;gap:4px;margin-bottom:8px;padding:3px;display:flex}.segmented-tabs button{color:var(--text-muted);background:0 0;border:none;border-radius:7px;flex:1;padding:3px 8px;font-size:.85rem}.segmented-tabs button.active{background:var(--surface);color:var(--text);font-weight:600}.lineup-hint,.bench-label{color:var(--text-muted);margin:0 0 4px;font-size:.75rem}.bench-label{text-transform:uppercase;letter-spacing:.04em;margin-top:8px;font-weight:600}.player-list{margin:0;padding:0;list-style:none}.player-row{background:var(--surface-muted);width:100%;color:var(--text);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;margin-bottom:3px;padding:5px 6px;display:flex}.player-row:hover:not(:disabled){background:var(--surface)}.player-row.selected{background:#1bd1c42e;border-color:#1bd1c4}.player-row.target{border-style:dashed;border-color:#1bd1c4}.slot{text-align:center;color:#fff;background:#6b7280;border-radius:5px;flex:none;width:38px;padding:2px 0;font-size:.7rem;font-weight:700}.slot-QB{background:#e0457b}.slot-RB{background:#20b486}.slot-WR{background:#3e8ef7}.slot-TE{background:#f5a524}.slot-FLEX{background:#8b5cf6}.slot-K{background:#7c8591}.slot-DEF{background:#a16207}.slot-BN{color:var(--text-muted);border:1px solid var(--border);background:0 0}.player-name{flex-direction:column;flex:1;min-width:0;font-size:.85rem;font-weight:600;display:flex}.player-meta,.player-proj{color:var(--text-muted);font-size:.7rem;font-weight:400}.player-points{font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;font-size:.9rem;font-weight:700;display:flex}.player-logo{object-fit:contain;flex:none;width:26px;height:26px}.injury-tag{color:#f5c518;margin-left:6px;font-size:.65rem;font-weight:700}.player-row.static{cursor:default}.player-row.static:hover{background:var(--surface-muted)}.slot-IR{background:#b91c1c}.scoring-ticker{background:color-mix(in srgb, #1bd1c4 14%, var(--surface-muted));border:1px solid #1bd1c466;border-radius:10px;margin:0 0 8px;overflow:hidden}.ticker-latest{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;animation:.35s ease-out ticker-in;display:flex}@keyframes ticker-in{0%{opacity:0;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.ticker-latest{animation:none}}.ticker-line{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ticker-points{color:#16a34a;font-weight:700}.card-dark .ticker-points{color:#4ade80}.ticker-points.down{color:var(--danger)}.card-dark .ticker-points.down{color:#fca5a5}.ticker-detail{color:var(--text-muted)}.ticker-more{background:var(--surface);color:var(--text-muted);border-radius:999px;flex:none;padding:0 7px;font-size:.72rem;font-weight:600}.ticker-list{max-height:140px;margin:0;padding:0 10px 6px;font-size:.78rem;list-style:none;overflow-y:auto}.ticker-list li{border-top:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:3px 0;overflow:hidden}.player-row.live,.player-row.static.live:hover{background:color-mix(in srgb, #22c55e 16%, var(--surface-muted));border-color:#22c55e8c}.live-tag{color:#16a34a;align-items:center;gap:4px;font-weight:700;display:inline-flex}.card-dark .live-tag{color:#4ade80}.live-tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite live-pulse}@keyframes live-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.live-tag:before{animation:none}}.slot-SF{background:#d9468f}.card-body:has(.daily-word){container-type:size}.daily-word{outline:none;flex-direction:column;justify-content:space-between;align-items:center;gap:4px;height:100%;display:flex}.word-header{justify-content:space-between;align-items:baseline;width:100%;font-size:.85rem;display:flex}.word-board{gap:4px;display:grid}.word-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.word-row.shake{animation:.35s word-shake}@keyframes word-shake{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.word-tile{border:2px solid var(--border);text-transform:uppercase;justify-content:center;align-items:center;width:clamp(20px,8.5cqh,44px);height:clamp(20px,8.5cqh,44px);font-size:clamp(.75rem,4.5cqh,1.4rem);font-weight:700;display:flex}.word-tile.filled{border-color:var(--text-muted)}.word-tile.correct,.key.correct{color:#fff;background:#6aaa64;border-color:#6aaa64}.word-tile.present,.key.present{color:#fff;background:#c9b458;border-color:#c9b458}.word-tile.absent,.key.absent{color:#fff;background:#787c7e;border-color:#787c7e}.word-message{min-height:1.2em;color:var(--text-muted);margin:0;font-size:.8rem;font-weight:600}.word-keyboard{flex-direction:column;gap:4px;width:100%;display:flex}.key-row{justify-content:center;gap:3px;display:flex}.key{background:var(--surface-muted);border:none;border-radius:4px;flex:1;max-width:34px;height:clamp(22px,6.5cqh,40px);padding:0;font-size:.75rem;font-weight:700}.key.wide{flex:1.5;max-width:54px;font-size:.7rem}.link-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-bottom:8px;display:grid}.link-tile{position:relative}.link-tile a{background:var(--surface-muted);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.link-tile a:hover{outline:2px solid var(--accent)}.link-tile span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-remove{opacity:0;border-radius:50%;width:20px;height:20px;padding:0;font-size:.8rem;line-height:1;position:absolute;top:-6px;right:-6px}.link-tile:hover .link-remove,.link-remove:focus-visible{opacity:1}.link-add-form{flex-direction:column;gap:6px;display:flex}.card-body:has(.snake){container-type:size}.snake{cursor:default;outline:none;flex-direction:column;align-items:center;gap:6px;height:100%;display:flex}.snake-header{width:100%;color:var(--text-muted);justify-content:space-between;font-size:.85rem;display:flex}.snake-header strong{color:var(--text)}.snake-board{aspect-ratio:1;width:min(100%,100cqh - 90px);position:relative}.snake-board canvas{border-radius:8px;width:100%;height:100%;display:block}.snake-overlay{color:#fff;text-align:center;background:#00000073;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.snake-overlay p{margin:0;font-size:1.2rem;font-weight:700}.snake-hint{opacity:.8;font-size:.72rem}.snake.armed .snake-board{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.snake-pad{grid-template-columns:repeat(4,34px);gap:4px;display:grid}.snake-pad button{height:26px;padding:0;font-size:.75rem}.typing{cursor:text;flex-direction:column;gap:8px;height:100%;display:flex}.typing-header{justify-content:space-between;align-items:center;display:flex}.typing-header .segmented-tabs{width:110px;margin:0}.typing-timer{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.typing-text{height:4.8em;color:var(--text-muted);flex:none;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;line-height:1.6;overflow:hidden}.typing-text p{margin:0;transition:transform .15s ease-out}.typing-text .right{color:var(--text)}.typing-text .wrong{color:var(--danger);background:color-mix(in srgb, var(--danger) 15%, transparent)}.typing-text .cursor{border-left:2px solid var(--accent);margin-left:-2px}.typing-input{flex:none}.typing input.typing-input{color:#0000;caret-color:#0000;background:var(--surface-muted)}.typing input.typing-input:focus{outline:2px solid var(--accent)}.typing-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:.85rem;display:flex}.typing-stats strong{color:var(--text);font-size:1rem}.typing-stats .link-button{margin-left:auto}:is(.card-body:has(.google-file),.widget-body:has(.google-file)){padding:0;overflow:hidden}.google-file{height:100%}.google-file iframe{background:#fff;border:0;width:100%;height:100%;display:block}.inbox{flex-direction:column;gap:8px;display:flex}.inbox-actions{flex-wrap:wrap;gap:6px;display:flex}.inbox-actions button{padding:5px 10px;font-size:.85rem}.inbox-count{margin:0;font-size:.85rem;font-weight:600}.inbox-count span{color:var(--text-muted);font-weight:400}.inbox-list{margin:0;padding:0;list-style:none}.inbox-list button{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:8px;grid-template-columns:1fr auto;margin-bottom:2px;padding:6px 8px;font-weight:700;display:grid}.inbox-list button:hover:not(:disabled){background:var(--surface-muted)}.inbox-list button.read{color:var(--text-muted);font-weight:400}.inbox-from{font-size:.85rem}.inbox-time{color:var(--text-muted);font-size:.75rem;font-weight:400}.inbox-subject,.inbox-snippet{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:.8rem;overflow:hidden}.inbox-snippet{color:var(--text-muted);font-weight:400}:root[data-theme=dark]{--bg:#0e1014;--surface:#1a1d23;--surface-muted:#242831;--border:#2d323c;--text:#ececf1;--text-muted:#9aa1ad;--page:#16191e;--accent:#7c8cff;--banner:#1b2233;--banner-border:#2c3754;--shadow:0 1px 2px #00000080;--claude-bg:#1f1e1c;--claude-input:#2a2927;--claude-border:#3a3935;--warning-bg:#ffaa3c24;--warning-text:#fbbf24;--chrome:#202124;--chrome-border:#3c4043;--chrome-hover:#4a4c50;--tab:#35363a;--omnibox:#202124}:root[data-theme=dark] .app button:not(.primary):not(.dash-tab):not(.dash-tab-add){color:var(--text)}:root[data-theme=dark] .dash-tab.active{background:var(--surface-muted)}.card-body:has(.arcade){padding:8px;overflow:hidden}.arcade{flex-direction:column;gap:8px;height:100%;display:flex}.arcade-games{scrollbar-width:thin;flex:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.arcade-games button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);white-space:nowrap;border-radius:999px;flex:none;padding:5px 12px;font-size:.82rem}.arcade-games button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.arcade-screen{border:1px solid var(--border);background:#000;border-radius:12px;flex:1;min-height:0;overflow:hidden;box-shadow:inset 0 0 0 4px #00000059,0 6px 20px #00000059;container-type:size}.arcade-screen iframe{background:#fff;border:0;width:100%;height:100%;display:block}.arcade-builtin{background:var(--page);height:100%;padding:16px}.arcade-builtin>*{height:100%;container-type:size}.card-body:has(.g2048){container-type:size}.g2048{cursor:default;flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.g2048-header{width:min(100%,100cqh - 80px);color:var(--text-muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.g2048-header strong{color:var(--text)}.g2048-title{margin-right:auto;font-size:1.2rem}.g2048-header button{padding:3px 10px;font-size:.8rem}.g2048-board{aspect-ratio:1;background:#bbada0;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(100%,100cqh - 90px);padding:8px;display:grid;position:relative}.g2048.armed .g2048-board{outline:2px solid var(--accent);outline-offset:2px}.g2048-tile{color:#776e65;background:#cdc1b4;border-radius:6px;justify-content:center;align-items:center;font-size:clamp(.9rem,7cqh,2rem);font-weight:800;display:flex}.g2048-tile.v2{background:#eee4da}.g2048-tile.v4{background:#ede0c8}.g2048-tile.v8{color:#fff;background:#f2b179}.g2048-tile.v16{color:#fff;background:#f59563}.g2048-tile.v32{color:#fff;background:#f67c5f}.g2048-tile.v64{color:#fff;background:#f65e3b}.g2048-tile.v128{color:#fff;background:#edcf72;font-size:clamp(.8rem,6cqh,1.7rem)}.g2048-tile.v256{color:#fff;background:#edcc61;font-size:clamp(.8rem,6cqh,1.7rem)}.g2048-tile.v512{color:#fff;background:#edc850;font-size:clamp(.8rem,6cqh,1.7rem)}.g2048-tile.v1024{color:#fff;background:#edc53f;font-size:clamp(.7rem,5cqh,1.4rem)}.g2048-tile.v2048{color:#fff;background:#edc22e;font-size:clamp(.7rem,5cqh,1.4rem)}.g2048-tile.v4096{color:#fff;background:#3c3a32;font-size:clamp(.7rem,5cqh,1.4rem)}.g2048-overlay{color:#776e65;background:#eee4dabf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.g2048-overlay p{margin:0;font-size:1.4rem;font-weight:800}.example-banner-text{flex-direction:column;gap:4px;min-width:0;display:flex}.example-tips{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.example-tips li{background:var(--surface);border:1px solid var(--banner-border);color:var(--text-muted);border-radius:999px;padding:1px 8px;font-size:.78rem}.example-tips li:before{content:"Try: ";color:var(--accent);font-weight:600}.example-tips li+li:before{content:""}.share-layer{z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.share-card{color:#111;text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:100%;padding:28px 36px;display:flex;box-shadow:0 20px 60px #00000059}.share-kicker{color:#2f6fed;margin:0;font-size:1.1rem;font-weight:700}.share-qr{width:min(56vh,420px,80vw);height:auto;image-rendering:pixelated}.share-url{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,4vw,2.4rem);font-weight:800}.share-note{color:#666;margin:0 0 6px}.share-card button:not(.primary){color:#111;background:#f2f2f2;border-color:#ddd}.card-top{flex:none;justify-content:flex-start;align-items:center;gap:6px;height:22px;padding:3px 4px 0 6px;display:flex}.card-collapse-button{width:20px;height:18px;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:opacity .15s;display:flex}.card:hover .card-collapse-button,.card-collapse-button:focus-visible{opacity:1}.card-spotify .card-collapse-button{opacity:.7}.card-collapse-button:hover{background:var(--surface-muted);color:var(--text)}.card-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);opacity:.85;flex:0 auto;font-size:.78rem;font-weight:600;overflow:hidden}.card-spotify .card-top{cursor:grab;height:22px;padding:0 4px;position:relative}.card-spotify .card-top:before{content:"";background:var(--text-muted);opacity:.45;border-radius:2px;width:56px;height:5px;transition:opacity .15s;position:absolute;top:8px;left:50%;transform:translate(-50%)}.card-spotify:hover .card-top:before{opacity:0}.card-spotify .card-top:after{content:"⠿ Drag here to move";background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:1px 10px;font-size:.72rem;font-weight:600;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-spotify:hover .card-top:after,.card-spotify .card-top:hover:after{opacity:1}.card-spotify .card-top:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:8px}.react-grid-item.react-draggable-dragging .card-spotify .card-top{cursor:grabbing}.card-top .card-handle{margin-left:auto}.use-badge{white-space:nowrap;vertical-align:middle;color:var(--text-muted);background:var(--surface-muted);border-radius:999px;padding:0 7px;font-size:.66rem;font-weight:600;line-height:1.6;display:inline-block}.use-live{color:#15803d;background:#22c55e24}.use-preview{color:#1d4ed8;background:#3b82f624}.use-jump{color:#b45309;background:#f59e0b29}:root[data-theme=dark] .use-live,.card-dark .use-live{color:#86efac}:root[data-theme=dark] .use-preview,.card-dark .use-preview{color:#93c5fd}:root[data-theme=dark] .use-jump,.card-dark .use-jump{color:#fcd34d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .use-live{color:#86efac}:root:not([data-theme=light]) .use-preview{color:#93c5fd}:root:not([data-theme=light]) .use-jump{color:#fcd34d}}.add-menu-list strong .use-badge,.starter-button .use-badge{margin-left:4px;font-weight:600}.google-file{position:relative}.google-file>.google-file-open{position:absolute;top:8px;right:22px}.card-top .google-file-open{flex:none;margin-left:auto}.card-top:has(.google-file-open) .card-handle{order:1;margin-left:0}.google-file-open{z-index:1;background:var(--accent);color:var(--accent-text);border:none;border-radius:999px;padding:1px 10px;font-size:.78rem;font-weight:600;box-shadow:0 2px 6px #0003}.google-file-open:hover{filter:brightness(1.08)}.toast{z-index:400;color:#fff;background:#1f2937;border-radius:12px;align-items:center;gap:10px;max-width:min(560px,100vw - 32px);padding:10px 10px 10px 16px;font-size:.9rem;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.toast .toast-close{color:#fff;background:#ffffff1f;border:none;border-radius:50%;flex:none;width:26px;height:26px;padding:0}:is(.card-body:has(.website),.widget-body:has(.website)){padding:0;overflow:hidden}.website{height:100%}.website iframe{background:#fff;border:0;width:100%;height:100%;display:block}.button-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;padding:6px 12px;text-decoration:none;display:inline-flex}.button-link.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.link-dragging iframe{pointer-events:none}.link-dragging .workspace{position:relative}.link-dragging .workspace:after{content:"⬇ Drop the link here to add it as a card";z-index:50;border:3px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);pointer-events:none;border-radius:16px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:6px}.collapsed-slot{align-items:center;height:100%;display:flex}.collapsed-card{border:1px solid var(--border);background:var(--page);max-width:100%;height:28px;box-shadow:var(--shadow);color:var(--text);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.collapsed-card:hover{border-color:var(--accent);background:var(--surface-muted)}.collapsed-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.collapsed-card svg{flex:none;width:16px;height:16px}.collapsed-card span{text-overflow:ellipsis;overflow:hidden}.react-grid-item.react-draggable-dragging .collapsed-card{cursor:grabbing}.guide-layer{z-index:300;background:#0000004d;justify-content:flex-end;animation:.2s ease-out guide-fade;display:flex;position:fixed;inset:0}.guide-panel{background:var(--surface);width:min(420px,100%);height:100%;color:var(--text);border-left:1px solid var(--border);flex-direction:column;animation:.25s ease-out guide-slide;display:flex;box-shadow:-8px 0 32px #0000002e}@keyframes guide-fade{0%{opacity:0}}@keyframes guide-slide{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){.guide-layer,.guide-panel{animation:none}}.guide-head{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;padding:16px 16px 12px 20px;display:flex}.guide-head h2{margin:0;font-size:1.1rem}.guide-close{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;padding:0;font-size:1rem}.guide-close:hover{background:var(--surface-muted);color:var(--text)}.guide-body{flex:1;padding:8px 20px 24px;overflow-y:auto}.guide-body section+section{margin-top:6px}.guide-body h3{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:14px 0 6px;font-size:.72rem;font-weight:700}.guide-body dl{margin:0}.guide-body dl>div{border-bottom:1px solid var(--border);padding:7px 0}.guide-body dl>div:last-child{border-bottom:none}.guide-body dt{font-size:.88rem;font-weight:600}.guide-body dd{color:var(--text-muted);margin:2px 0 0;font-size:.84rem;line-height:1.45}.card-dragging iframe{pointer-events:none}.workspace.card-drop{outline:2px dashed var(--accent);outline-offset:-4px;background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:12px}.use-badge.compact{text-align:center;min-width:22px;padding:0 5px}.add-menu-key{color:var(--text-muted);margin:0 2px 8px;font-size:.75rem}.mail-apps{flex-wrap:wrap;align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.mail-app{border:1px solid var(--border);background:var(--surface-muted);min-width:0;color:var(--text);text-align:left;border-radius:12px;flex:110px;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:flex}.mail-app:hover{border-color:var(--accent);background:var(--surface)}.mail-app svg{border-radius:9px;flex:none;width:36px;height:36px;box-shadow:0 1px 3px #0000002e}.mail-app span{flex-direction:column;min-width:0;line-height:1.2;display:flex}.mail-app strong{font-size:.92rem}.mail-app small{color:var(--text-muted);font-size:.72rem}.mail-compose{border-radius:12px;flex:none;font-size:.85rem}.mail-why{color:var(--text-muted);margin:0 0 8px;font-size:.74rem;line-height:1.35}.mail-why-toggle{border:1px solid var(--border);background:var(--surface);width:17px;height:17px;color:var(--accent);vertical-align:1px;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.mail-why-toggle[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.mail-explain{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--page));border-radius:10px;margin:0 0 8px;padding:8px 10px;font-size:.78rem;line-height:1.4}.mail-explain p{margin:0 0 6px}.mail-explain ul{margin:0 0 6px;padding-left:18px}.mail-explain li+li{margin-top:3px}.mail-explain p:last-child{color:var(--text-muted);margin-bottom:0}.card-body:has(.inbox){container-type:size}@container (height<=230px){.inbox .mail-why,.inbox .mail-explain,.inbox .inbox-connect,.inbox .inline-form,.inbox .inbox-count,.inbox .inbox-list{display:none}}@container (height<=120px){.inbox{gap:0}.mail-apps{flex-wrap:nowrap;margin:0}.mail-app{gap:8px;padding:4px 8px 4px 4px}.mail-app svg{border-radius:7px;width:28px;height:28px}.mail-app small{display:none}.mail-compose{padding:0 10px}}.example-banner-actions{flex-wrap:wrap;gap:6px;display:flex}.toast-action{flex:none;padding:3px 12px}.add-menu-link{border:1px dashed var(--border);border-radius:10px;align-items:center;gap:6px;margin:0 0 8px;padding:6px 6px 6px 10px;display:flex}.add-menu-link input{flex:1;min-width:0}.card-body:has(.link-preview){container-type:size}.link-preview{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.link-preview-image{border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;border-radius:10px;flex:auto;justify-content:center;align-items:center;min-height:60px;padding:0;display:flex;overflow:hidden}.link-preview-image img{object-fit:contain;width:100%;height:100%}.link-preview-placeholder{color:var(--text-muted);font-size:2.4rem;font-weight:700}.link-preview-text{flex:none;min-width:0}.link-preview-text p{margin:0}.link-preview-site{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.link-preview-site img{border-radius:3px;flex:none}.link-preview-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:650;line-height:1.3;display:-webkit-box;overflow:hidden;margin-top:2px!important}.link-preview-description{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden;margin-top:2px!important}.link-preview-open{flex:none;align-self:flex-start}.link-preview.loading .link-preview-title{color:var(--text-muted)}@container (height<=200px){.link-preview-image{display:none}}.example-button{border-color:var(--accent);color:var(--accent);font-weight:600}.starter-quick{background:var(--banner);border:1px solid var(--banner-border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:4px 0 14px;padding:10px 12px;display:flex}.starter-quick span{color:var(--text);font-weight:600}.toolbar-more{align-self:stretch;width:38px;padding:0;font-size:1.1rem;line-height:1}.example-banner.collapsed{padding-top:3px;padding-bottom:3px}.example-banner.collapsed .example-banner-actions button{padding-top:2px;padding-bottom:2px}.example-banner-toggle{width:30px;color:var(--text-muted);background:0 0;border:none;font-size:1rem;padding:0!important}.google-signin{flex-direction:column;gap:6px;display:flex}.google-signin-button{color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:20px;align-self:flex-start;align-items:center;gap:10px;height:40px;padding:0 14px 0 12px;font-size:.9rem;font-weight:600;display:inline-flex}.google-signin-button:hover:not(:disabled){background:#f7f8f8;border-color:#d2e3fc}.google-signin-button svg{width:18px;height:18px}.calendar-setup{flex-direction:column;gap:8px;display:flex}.setup-or{color:var(--text-muted);margin:4px 0 -4px;font-size:.78rem;font-weight:600}.inbox-connect{flex-direction:column;gap:6px;display:flex}.calendar-setup{justify-content:center;gap:10px;max-width:360px;height:100%;margin:0 auto}.calendar-setup-title{text-align:center;margin:0;font-size:1rem;font-weight:700}.calendar-setup-google{flex-direction:column;align-items:center;gap:4px;display:flex}.calendar-setup-google .google-signin,.calendar-setup-google .google-signin-button{justify-content:center;align-self:stretch}.calendar-setup-google .setup-note{text-align:center;margin:0}.setup-divider{color:var(--text-muted);align-items:center;gap:10px;margin:0;font-size:.75rem;display:flex}.setup-divider:before,.setup-divider:after{content:"";background:var(--border);flex:1;height:1px}.calendar-setup-email{gap:6px;display:flex}.calendar-setup-email input{flex:1;min-width:0}.calendar-setup-info{width:34px;color:var(--text-muted);background:0 0;border:none;flex:none;padding:0;font-size:1rem}.calendar-setup-details{margin:0}.calendar-setup-sample{align-self:center;font-size:.85rem}.dayview-grid.clickable{cursor:cell}.dayview-event.clickable,.dayview-allday li.clickable{cursor:pointer}.dayview-event.clickable:hover,.dayview-allday li.clickable:hover{filter:brightness(1.08)}.dayview-new{border-radius:999px;margin-left:8px;padding:3px 10px;font-size:.78rem;font-weight:600}.event-layer{z-index:320;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.event-editor{border:1px solid var(--border);background:var(--surface);width:min(420px,100%);color:var(--text);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 12px 40px #00000040}.event-editor-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.72rem;font-weight:700}.event-editor-title{border:none;border-bottom:2px solid var(--border);background:0 0;border-radius:0;padding:6px 2px;font-size:1.15rem}.event-editor-title:focus{border-bottom-color:var(--accent);outline:none}.event-editor-check{align-items:center;gap:6px;font-size:.88rem;display:flex}.event-editor-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.event-editor-row input[type=date]{flex:140px}.event-editor-actions{align-items:center;gap:6px;margin-top:4px;display:flex}.event-editor-spacer{flex:1}.danger-text{color:var(--danger);background:0 0;border-color:#0000}.danger-solid{border-color:var(--danger);background:var(--danger);color:#fff}.inbox-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.inbox-head .inbox-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.mail-compose-icon{border-radius:50%;flex:none;width:30px;height:30px;padding:0;font-size:.95rem;line-height:1}.dayview-allday li.task.done{opacity:.75;text-decoration:line-through}.event-editor-kind{align-self:flex-start;margin:0}.event-editor textarea{resize:vertical;font:inherit}.mail-switch{background:var(--surface-muted);border-radius:999px;flex:none;padding:2px;display:flex}.mail-switch button{color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.mail-switch button.active{background:var(--page);color:var(--text);box-shadow:0 1px 2px #0000001f}.mail-add-account{border-radius:999px;flex:none;align-items:center;gap:6px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.inbox-head .google-signin{flex:none}.inbox-head .inbox-count{flex:1}:is(.card-body:has(.shortcut),.card-body:has(.shortcut-chooser)){padding:0;overflow:hidden;container-type:size}.card-shortcut .card-top{z-index:2;background:var(--card-bg,var(--page));opacity:0;transition:opacity .15s;position:absolute;inset:0 0 auto}.card-shortcut:hover .card-top,.card-shortcut:focus-within .card-top{opacity:1}.shortcut{width:100%;height:100%;color:var(--text);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;display:flex}.shortcut:hover{background:var(--surface-muted)}.shortcut-icon{width:min(44px,60cqw,62cqh);height:min(44px,60cqw,62cqh);display:flex}.shortcut-icon svg,.shortcut-icon img{object-fit:contain;border-radius:22%;width:100%;height:100%}.shortcut-letter{background:var(--accent);width:100%;height:100%;color:var(--accent-text);border-radius:22%;justify-content:center;align-items:center;font-weight:700;display:flex}.shortcut-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:600;overflow:hidden}@container (height<=78px) or (width<=60px){.shortcut-label{display:none}}.shortcut-chooser{flex-direction:column;gap:4px;height:100%;padding:6px;display:flex;overflow:auto}.shortcut-chooser p{margin:0;font-size:.75rem;font-weight:600}.shortcut-presets{flex-wrap:wrap;gap:4px;display:flex}.shortcut-presets button{width:28px;height:28px;padding:3px;display:flex}.shortcut-presets button svg,.shortcut-presets button img,.shortcut-presets .shortcut-letter{border-radius:22%;width:100%;height:100%}.shortcut-chooser input{width:100%;font-size:.78rem}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}