.home-screen{position:absolute;inset:0;padding:42px 14px 15px;z-index:20;display:flex;flex-direction:column;overflow:hidden;transition:opacity var(--normal) ease,transform var(--normal) ease}.home-screen.dimmed{opacity:.2;transform:scale(.98)}
.brand-mark{height:55px;display:grid;place-items:center;pointer-events:none}.brand-mark span{font-size:34px;font-weight:850;letter-spacing:-6px;color:rgba(99,161,244,.28)}.brand-mark span b{color:rgba(99,161,244,.20)}
.home-viewport{flex:1;overflow:hidden;position:relative;min-height:0}.home-slider{display:flex;width:100%;height:100%;will-change:transform}.home-page{flex:0 0 100%;padding:5px 2px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));column-gap:7px;row-gap:5px;position:relative}
.app-tile{position:relative;border:0;background:transparent;padding:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;touch-action:none}.app-tile .icon-shell{width:47px;height:47px;flex:0 0 47px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.30)),var(--app-color);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.22);transition:transform var(--fast),filter var(--fast);color:#fff;overflow:hidden}.app-tile:hover .icon-shell{transform:scale(1.035);filter:brightness(1.06)}.app-tile:active .icon-shell{transform:scale(.92)}.app-tile svg{width:54%;height:54%}.app-label{max-width:74px;font-size:11px;line-height:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8)}.app-badge{position:absolute;top:-3px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--danger);font-size:9px;font-weight:800;display:grid;place-items:center}
.home-widget{border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(145deg,rgba(18,38,63,.88),rgba(7,16,28,.88));box-shadow:0 7px 18px rgba(0,0,0,.22);padding:9px;color:#fff;text-align:left;cursor:pointer;overflow:hidden;touch-action:none;display:flex;align-items:center;gap:9px}.home-widget span{display:block;color:#b7c5d8;font-size:10.5px}.home-widget strong{font-size:12px}.widget-time{font-size:25px;font-weight:650;letter-spacing:-1px}.widget-sub{font-size:10.5px;color:#b7c5d8}.widget-weather-icon{font-size:28px}.widget-calendar-day{font-size:29px;font-weight:800;color:#ff6b6b}.editing .home-widget,.editing .app-tile:not(.dock .app-tile){outline:1px dashed rgba(98,171,255,.28)}.dragging{z-index:30!important;opacity:.75;transform:scale(1.04)}
.home-dots{height:15px;display:flex;justify-content:center;align-items:center;gap:5px}.home-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35)}.home-dot.active{background:#fff}.dock{height:62px;border:1px solid rgba(255,255,255,.11);background:rgba(10,26,45,.72);border-radius:19px;padding:7px 9px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dock .app-label{display:none}.dock .app-tile .icon-shell{width:43px;height:43px;flex-basis:43px}.dock .app-tile{justify-content:center}
.edit-toolbar{position:absolute;z-index:155;left:12px;right:12px;top:44px;height:38px;display:none;grid-template-columns:1fr 1fr auto 1fr;align-items:center;gap:5px;background:rgba(8,19,33,.96);border:1px solid var(--border);border-radius:11px;padding:4px 6px}.edit-toolbar.active{display:grid}.edit-toolbar button{height:28px;border:0;border-radius:8px;background:rgba(37,135,255,.18);font-size:10.5px;cursor:pointer}.edit-toolbar button:last-child{background:var(--cr-blue)}.edit-toolbar span{text-align:center;font-size:10px;color:var(--muted)}.editing .brand-mark{opacity:.15}.editing .home-viewport{padding-top:26px}
.app-drawer{position:absolute;z-index:158;inset:0;background:rgba(0,0,0,.20);opacity:0;pointer-events:none;transition:opacity .14s ease;overflow:hidden}.app-drawer.active{opacity:1;pointer-events:auto}.drawer-panel{position:absolute;left:0;right:0;bottom:0;height:78%;padding:9px 12px 20px;border-top:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;background:#081523;box-shadow:0 -18px 42px rgba(0,0,0,.38);transform:translate3d(0,102%,0);transition:transform .16s ease}.app-drawer.active .drawer-panel{transform:translate3d(0,0,0)}.drawer-handle{width:34px;height:3px;border-radius:4px;background:rgba(255,255,255,.35);margin:0 auto 9px}.drawer-title{display:flex;align-items:center;justify-content:space-between;height:34px}.drawer-title strong{font-size:13px}.drawer-search{height:36px;border-radius:11px;border:1px solid var(--border);background:rgba(255,255,255,.055);display:grid;grid-template-columns:24px 1fr;align-items:center;padding:0 8px;margin:5px 0 12px}.drawer-search input{border:0;outline:0;background:transparent;color:#fff;font-size:12px}.drawer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:78px;gap:6px;overflow:auto;max-height:calc(100% - 94px);scrollbar-width:none}.drawer-grid .app-tile .icon-shell{width:44px;height:44px;flex-basis:44px}.drawer-grid .app-label{font-size:10.5px}.drawer-help{font-size:11px;color:var(--muted);line-height:1.4}.widget-picker{display:grid;gap:8px}.widget-pick{border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.045);padding:9px;display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left}.widget-pick-preview{grid-column:1/-1;min-height:54px;border-radius:10px;background:rgba(37,135,255,.12);display:flex!important;align-items:center;padding:10px;font-size:18px!important;color:#fff!important}.widget-pick strong{font-size:12px}.widget-pick small{font-size:10px;color:var(--muted)}
@media(max-height:900px){.home-screen{padding:40px 12px 12px}.brand-mark{height:45px}.app-tile .icon-shell{width:42px;height:42px;flex-basis:42px}.app-label{font-size:10px}.dock{height:55px}.dock .app-tile .icon-shell{width:38px;height:38px;flex-basis:38px}.widget-time{font-size:21px}}