:root{--accent:#7c5cff;--glass:rgba(20,20,24,.28);--glass-strong:rgba(20,20,24,.76);--line:rgba(255,255,255,.16);--shadow:0 18px 60px rgba(0,0,0,.34);--radius:22px;--ticker-h:25px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:#aaa;font-size:12px}.danger{color:#ff7b72!important}.primary{background:var(--accent)!important;border-color:transparent!important}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);box-shadow:var(--shadow)}
#stage{position:fixed;inset:0;background:#000;overflow:hidden;user-select:none;touch-action:manipulation}.photo,.bg-blur{position:absolute;inset:0;background-position:center;background-repeat:no-repeat}.bg-blur{opacity:0;background-size:cover;filter:blur(35px) brightness(.7);transform:scale(1.08);transition:opacity 1.4s}.photo{background-size:cover;opacity:0;transition:opacity 1.25s ease,transform 18s linear;transform:scale(1.012);will-change:opacity,transform}.photo.active{opacity:1}.photo.ken.active{transform:scale(1.075)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),transparent 20%,transparent 72%,rgba(0,0,0,.20));pointer-events:none}
.hud{position:absolute;z-index:15;text-shadow:0 2px 14px #0009}.info-widget{top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));display:flex;align-items:center;gap:16px;transform-origin:top left}.clock-column{display:flex;align-items:flex-start;gap:10px}.clock{font-variant-numeric:tabular-nums;line-height:.9;letter-spacing:-.06em;font-weight:300;font-size:62px}.seven{font-family:"Courier New","SFMono-Regular",monospace;font-stretch:condensed}.date{font-size:13px;line-height:1.4;margin-top:2px;white-space:nowrap}.hairline{height:58px;width:1px;background:rgba(255,255,255,.58)}.weather{display:flex;align-items:center;gap:10px}.weather-icon{font-size:34px}.weather-main{font-size:21px;white-space:nowrap}.weather-sub{font-size:12px;opacity:.78;margin-top:5px;white-space:nowrap}
.notch{position:absolute;z-index:35;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(350px,42vw);background:#050505f2;border:1px solid #ffffff18;border-radius:24px;box-shadow:0 12px 38px #0007;overflow:hidden;transition:width .25s,border-radius .25s}.notch-mini{width:100%;height:40px;display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#fff;padding:0 14px}.ytmark{display:inline-grid;place-items:center;background:#ff0033;color:#fff;border-radius:6px;padding:2px 6px;font-size:10px}.marquee-title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:12px}.eq{font-size:10px;color:#ff748c;letter-spacing:-1px}.notch-panel{display:none;padding:0 10px 10px}.notch.open{width:min(620px,66vw);border-radius:20px}.notch.open .notch-mini{display:none}.notch.open .notch-panel{display:block}.yt-top{display:grid;grid-template-columns:auto minmax(140px,1fr) auto auto;gap:7px;align-items:center;padding:9px 0}.yt-top input,.yt-top button,.account-pop button,.yt-results button{border:1px solid #ffffff14;background:#ffffff0b;color:#fff;border-radius:11px;padding:8px 10px}.icon-btn{font-size:20px}.yt-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:9px}.yt-player{aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#111;border:1px solid #ffffff10}.yt-player iframe{width:100%;height:100%;border:0}.player-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 30% 30%,#24304a,#08090d)}.player-empty span{font-size:34px}.yt-results{max-height:210px;overflow:auto;display:grid;gap:6px}.yt-results button{text-align:left;display:grid;grid-template-columns:70px 1fr;gap:8px;padding:6px}.yt-results img{width:70px;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.yt-results b{font-size:11px}.account-pop{position:absolute;right:42px;top:47px;width:230px;padding:7px;background:#121216f8;border:1px solid #ffffff18;border-radius:15px;box-shadow:var(--shadow);z-index:3;display:grid;gap:5px}.account-pop button{text-align:left}
.notify{position:absolute;z-index:28;top:max(15px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));width:48px;height:48px;border-radius:50%;color:#fff;font-size:19px}.badge{position:absolute;right:-2px;top:-3px;background:#ff3b30;border-radius:99px;min-width:19px;padding:3px 5px;font-size:10px}.hub{position:absolute;z-index:60;right:18px;top:72px;width:min(340px,88vw);max-height:58vh;border-radius:20px;overflow:auto}.hub header{position:sticky;top:0;display:flex;justify-content:space-between;padding:12px;background:#16161cdd;border-bottom:1px solid #ffffff12}.hub header button{border:0;background:transparent;color:#fff}.hub-item{padding:11px 12px;border-bottom:1px solid #ffffff10;display:grid;grid-template-columns:auto 1fr;gap:9px}.hub-item small{opacity:.65}
.ticker{position:absolute;z-index:20;left:10px;right:10px;bottom:max(6px,env(safe-area-inset-bottom));height:var(--ticker-h);border-radius:14px;overflow:hidden}.ticker #tickerTrack{height:100%;display:flex;align-items:center;white-space:nowrap;will-change:transform}.event-item{display:inline-flex;align-items:center;gap:6px;height:100%;font-size:10px;padding:0 14px;border-right:1px solid rgba(255,255,255,.14)}.event-item i{width:4px;height:4px;border-radius:50%;background:var(--item-color,#a78bfa)}.event-item b{font-weight:600;color:var(--item-color,#c4b5fd)}
.calendar-widget{position:absolute;z-index:24;right:80px;top:82px;width:320px;border-radius:20px;padding:10px}.calendar-widget header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;text-align:center}.calendar-widget header button{border:0;background:transparent;color:#fff;font-size:22px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:11px;margin-top:7px}.cal-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:8px}.cal-head{opacity:.6}.cal-cell.today{background:var(--accent)}.cal-cell.has{box-shadow:inset 0 -2px #77ddff}.cal-upcoming{margin-top:8px;border-top:1px solid #ffffff14;max-height:120px;overflow:auto}.cal-event{padding:6px 4px;font-size:10px;border-bottom:1px solid #ffffff0d}
.settings{position:absolute;z-index:100;right:10px;top:10px;bottom:10px;width:min(460px,94vw);background:rgba(17,17,20,.76);border:1px solid rgba(255,255,255,.16);border-radius:25px;backdrop-filter:blur(34px) saturate(170%);-webkit-backdrop-filter:blur(34px) saturate(170%);box-shadow:0 26px 100px #000a;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden}.settings-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #ffffff10}.settings-head small{display:block;color:#aaa;margin-top:2px}.settings-head button{border:0;background:transparent;color:#fff;font-size:23px}.tabs{display:flex;gap:5px;padding:8px;overflow:auto;border-bottom:1px solid #ffffff10}.tabs button{border:1px solid #ffffff10;background:#ffffff08;color:#fff;border-radius:10px;padding:7px 9px;white-space:nowrap;font-size:10px}.tabs button.active{background:var(--accent)}.settings-body{overflow:auto;padding:10px}.settings-footer{display:flex;gap:8px;padding:10px;border-top:1px solid #ffffff10}.settings-footer button{flex:1}.settings button,.settings input,.settings select,.settings textarea{color:#fff}.settings button{border:1px solid #ffffff12;background:#ffffff08;border-radius:11px;padding:8px 10px}.panel{display:grid;gap:9px}.group{border:1px solid #ffffff10;background:#ffffff05;border-radius:16px;padding:11px;display:grid;gap:9px}.group h3{font-size:12px;margin:0}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12px}.row .hint{display:block;color:#8f8f98;font-size:10px;margin-top:2px}.row input[type=range]{width:128px}.row input[type=text],.row input[type=number],.row input[type=date],.row input[type=time],.row select,.row textarea{background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;padding:7px;max-width:210px}.row textarea{min-height:60px}.switch{appearance:none;width:40px;height:23px;border-radius:20px;background:#555;position:relative}.switch:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.18s}.switch:checked{background:var(--accent)}.switch:checked:after{left:20px}.button-row{display:flex;gap:7px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 8px;border-radius:99px;background:#ffffff0a}.status.ok{color:#79e29d}.status.warn{color:#ffd166}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.thumb{aspect-ratio:16/10;border-radius:9px;background-size:cover;background-position:center;border:2px solid transparent}.thumb.selected{border-color:var(--accent)}.crud-list{display:grid;gap:6px}.crud-item{display:grid;grid-template-columns:1fr auto;gap:7px;padding:8px;border:1px solid #ffffff0d;border-radius:11px;background:#ffffff04}.crud-item small{color:#aaa}.crud-actions{display:flex;gap:4px;align-items:center}.crud-actions button{padding:5px 7px}.profile-grid{display:grid;grid-template-columns:1fr auto;gap:6px}.edit-done{position:absolute;z-index:120;left:50%;bottom:50px;transform:translateX(-50%);border:1px solid #ffffff24;background:#111c;color:#fff;border-radius:999px;padding:10px 16px;backdrop-filter:blur(20px)}
.editing .editable-widget{outline:1px dashed #a78bfa;box-shadow:0 0 0 4px #7c5cff18;cursor:move}.editable-widget::after{display:none}.editing .editable-widget::after{display:block;content:"⋰";position:absolute;right:-7px;bottom:-7px;width:22px;height:22px;background:var(--accent);border-radius:50%;font-size:13px;text-align:center;line-height:22px;cursor:nwse-resize}.toast{position:absolute;z-index:160;left:50%;bottom:48px;transform:translate(-50%,15px);opacity:0;background:#111e;border:1px solid #ffffff18;border-radius:13px;padding:8px 12px;font-size:12px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.info-widget{gap:9px}.clock{font-size:46px}.date{font-size:10px}.hairline{height:46px}.weather-main{font-size:15px}.weather-sub{font-size:9px}.weather-icon{font-size:28px}.notch{width:43vw}.notch.open{width:94vw}.yt-layout{grid-template-columns:1fr}.yt-results{grid-template-columns:repeat(2,1fr);max-height:130px}.calendar-widget{right:10px;top:75px;width:min(300px,88vw)}.ticker{left:5px;right:5px}.event-item{font-size:9px;padding:0 10px}.settings{top:5px;right:5px;bottom:5px}.notify{width:42px;height:42px}}

/* RC4 Samsung-style Edge Lighting */
.edge-lighting{position:absolute;inset:0;z-index:90;pointer-events:none;opacity:0;border-radius:var(--edge-radius,22px);transition:opacity .2s;overflow:hidden}
.edge-lighting::before,.edge-lighting::after,.edge-lighting i::before,.edge-lighting i::after{content:"";position:absolute;filter:blur(var(--edge-blur,5px));background:linear-gradient(90deg,var(--edge-c1,#6cf),var(--edge-c2,#a5f),var(--edge-c3,#f4a),var(--edge-c4,#6cf));background-size:300% 100%;animation:edgeFlow var(--edge-speed,2.2s) linear infinite}
.edge-lighting::before{left:0;top:0;width:100%;height:var(--edge-size,5px)}.edge-lighting::after{right:0;top:0;width:var(--edge-size,5px);height:100%;background:linear-gradient(180deg,var(--edge-c2,#a5f),var(--edge-c3,#f4a),var(--edge-c4,#6cf),var(--edge-c1,#6cf));background-size:100% 300%}
.edge-lighting i::before{left:0;bottom:0;width:100%;height:var(--edge-size,5px);transform:rotate(180deg)}.edge-lighting i::after{left:0;top:0;width:var(--edge-size,5px);height:100%;background:linear-gradient(180deg,var(--edge-c4,#6cf),var(--edge-c3,#f4a),var(--edge-c2,#a5f),var(--edge-c1,#6cf));background-size:100% 300%}
.edge-lighting.on{opacity:var(--edge-opacity,.95)}
@keyframes edgeFlow{to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){.edge-lighting::before,.edge-lighting::after,.edge-lighting i::before,.edge-lighting i::after{animation:none}}
