:root{--face-panel-size: min(456px, calc(100vw - 44px) , calc(100vh - 44px) );--face-panel-radius: clamp(20px, 3vw, 28px);--panel-glass-alpha: .3;--panel-glass-border-alpha: .14;font-family:Segoe UI Variable,Inter Tight,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#ecf4ff;background:radial-gradient(circle at 20% 20%,rgba(88,130,255,.18),transparent 32%),radial-gradient(circle at 80% 18%,rgba(65,208,255,.13),transparent 28%),linear-gradient(160deg,#07111f,#0b1421 38%,#101722);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}body{min-height:100vh;background:transparent;overflow:hidden}button,select{font:inherit}.app-shell{width:100vw;height:100vh;position:relative;overflow:hidden;padding:32px 32px 28px}.app-shell--minimal{padding:0}.app-shell--windowed{padding:16px}.app-shell--floating{padding:0}.app-shell.is-desktop .ambient-orb{display:none}.ambient-orb{position:absolute;border-radius:999px;filter:blur(80px);pointer-events:none;opacity:.65}.ambient-orb--one{width:360px;height:360px;left:-120px;top:80px;background:#4d7dff2e}.ambient-orb--two{width:340px;height:340px;right:-120px;bottom:40px;background:#3dbaff29}.hero-panel{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:24px;align-items:start}.hero-panel__copy{padding:18px 6px 0;max-width:760px}.hero-panel__eyebrow,.info-card__label,.control-panel__eyebrow,.face-panel__eyebrow,.field-select__label{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:#bcd3ffb8}.hero-panel h1{margin:10px 0 16px;font-size:clamp(2.8rem,5.4vw,5.4rem);line-height:.96;letter-spacing:-.04em}.hero-panel p{margin:0;max-width:58ch;color:#d7e6ffc2;font-size:1.04rem}.experience-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:stretch;margin-top:22px}.experience-grid--solo{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0;height:100%;min-height:100%}.experience-grid--solo .cube-shell{min-height:100%;height:100%;border-radius:0;border:none;box-shadow:none;background:transparent}.app-shell--windowed .experience-grid--solo .cube-shell{border-radius:20px;border:1px solid rgba(160,190,255,.14);background:linear-gradient(180deg,#ffffff09,#ffffff04),#070c1429;box-shadow:inset 0 1px #ffffff0f,0 10px 28px #0000002e}.app-shell.is-desktop,.app-shell.is-desktop .experience-grid--solo,.app-shell.is-desktop .cube-shell,.app-shell.is-desktop #root,.app-shell.is-desktop canvas{background:transparent!important;background-image:none!important}.app-shell--floating .cube-shell{filter:none}.cube-shell{position:relative;min-height:720px;border-radius:32px;border:1px solid rgba(166,195,255,.14);background:linear-gradient(180deg,#ffffff0d,#ffffff05),radial-gradient(circle at top,rgba(137,196,255,.12),transparent 48%),#050a12b8;box-shadow:inset 0 1px #ffffff14,0 24px 80px #00000073;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}.window-chrome{position:absolute;inset:0;border-radius:22px;border:1px solid rgba(170,198,255,.18);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #76a0ff0f;pointer-events:none;z-index:4}.window-chrome__titlebar{height:44px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid rgba(170,198,255,.08);background:linear-gradient(180deg,#121a2a6b,#121a2a14);-webkit-app-region:drag;pointer-events:auto}.window-chrome__title{font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:#e2edffc2}.window-resize-handle{position:absolute;z-index:5}.window-resize-handle--n,.window-resize-handle--s{left:14px;right:14px;height:10px}.window-resize-handle--e,.window-resize-handle--w{top:14px;bottom:14px;width:10px}.window-resize-handle--n{top:0;cursor:ns-resize}.window-resize-handle--s{bottom:0;cursor:ns-resize}.window-resize-handle--e{right:0;cursor:ew-resize}.window-resize-handle--w{left:0;cursor:ew-resize}.window-resize-handle--ne,.window-resize-handle--nw,.window-resize-handle--se,.window-resize-handle--sw{width:16px;height:16px}.window-resize-handle--ne{top:0;right:0;cursor:nesw-resize}.window-resize-handle--nw{top:0;left:0;cursor:nwse-resize}.window-resize-handle--se{right:0;bottom:0;cursor:nwse-resize}.window-resize-handle--sw{left:0;bottom:0;cursor:nesw-resize}.cube-shell:active{cursor:grabbing}.cube-shell canvas{display:block;background:transparent!important}.cube-shell__hint,.reset-fab{position:absolute;z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080f1c94;border:1px solid rgba(143,177,255,.16);box-shadow:0 16px 40px #0000003d}.cube-shell__hint{left:22px;bottom:20px;border-radius:999px;padding:10px 14px;color:#e0ebffb8;font-size:.82rem}.reset-fab{right:22px;top:18px;border-radius:999px;padding:10px 16px;color:#f3f8ff;cursor:pointer}.control-panel,.info-card{border-radius:24px;border:1px solid rgba(163,192,255,.14);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#070d18c2;box-shadow:inset 0 1px #ffffff14,0 20px 48px #00000047}.control-panel{padding:18px;display:grid;gap:18px;width:360px}.context-panel-anchor{position:fixed;z-index:20;transform:translate(12px,12px)}.control-panel__group{display:grid;gap:12px}.control-panel__face-name{font-size:1.35rem;letter-spacing:-.03em}.control-panel__button,.chip-button{appearance:none;border:1px solid rgba(149,188,255,.22);background:linear-gradient(180deg,#7ea7ff29,#4d6dff14),#0a101db8;color:#eef6ff;border-radius:16px;padding:12px 14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.control-panel__button:hover,.chip-button:hover{transform:translateY(-1px);border-color:#b5d2ff57}.control-panel__link{display:block;text-align:center;text-decoration:none}.control-panel__field,.field-select{display:grid;gap:8px}.control-panel__field span{font-size:.84rem;color:#d7e5ffc7}.control-panel__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.control-panel__button.is-danger{border-color:#ff809638;background:linear-gradient(180deg,#ff689a29,#912a4d14),#0a101db8}.control-panel select,.control-panel input,.field-select select{width:100%;border-radius:14px;padding:12px 14px;border:1px solid rgba(163,194,255,.14);background:#070b14bd;color:#f5f9ff;outline:none}.control-panel__slider{appearance:none;height:8px;padding:0;border-radius:999px;background:#7397e033}.control-panel__slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#eaf4ff;border:2px solid rgba(80,126,255,.9);box-shadow:0 2px 12px #1c40a073}.info-rail{display:grid;gap:18px}.info-card{padding:18px 18px 20px}.info-card strong{display:block;margin-top:12px;font-size:1.14rem}.info-card p{margin:10px 0 0;color:#dae4f5ad}.face-panel{width:var(--face-panel-size);height:var(--face-panel-size);padding:8px;border-radius:var(--face-panel-radius);color:#edf5ff;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);background:linear-gradient(180deg,rgba(255,255,255,calc(var(--panel-glass-alpha) * .45)),#ffffff08),rgba(7,12,22,var(--panel-glass-alpha));border:1px solid rgba(185,215,255,var(--panel-glass-border-alpha));box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #75afff0a,0 18px 52px #00000038;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none}.face-panel.is-active{box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #75afff14,0 18px 58px #00000047,0 0 30px #61b4ff1f}.face-panel__eyebrow{margin:4px 6px 8px;flex:0 0 auto}.face-layout{display:grid;align-content:center;justify-items:center;min-height:0;height:100%;flex:1 1 auto;gap:18px;text-align:center;padding:4px}.face-layout--world,.face-layout--clipboard,.face-layout--calendar{align-content:start;justify-items:stretch;text-align:left}.digital-clock__time,.world-clock__time{font-size:clamp(2rem,8vw,3.7rem);letter-spacing:-.06em;font-weight:700;line-height:.94}.digital-clock__meta,.world-clock__meta{display:grid;gap:4px;justify-items:center;color:#dce9ffb3}.analog-clock{position:relative;width:min(206px,calc(var(--face-panel-size) * .5));height:min(206px,calc(var(--face-panel-size) * .5));border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(145,182,255,.24),transparent 40%),linear-gradient(180deg,#ffffff1a,#ffffff05),#050a12b3;border:1px solid rgba(186,214,255,.18);box-shadow:inset 0 1px #ffffff24,0 16px 34px #00000047}.analog-clock__ring,.analog-clock__center,.analog-clock__tick,.analog-clock__hand{position:absolute}.analog-clock__ring{inset:12px;border-radius:50%;border:1px solid rgba(178,207,255,.16)}.analog-clock__tick{left:50%;top:8px;width:2px;height:18px;transform-origin:center 95px;background:#c7dbff66}.analog-clock__tick.is-major{height:24px;background:#e8f0ffc7}.analog-clock__hand{left:50%;bottom:50%;transform-origin:center bottom;border-radius:999px}.analog-clock__hand--hour{width:6px;height:56px;background:linear-gradient(180deg,#f3f8ff,#a8c7ff)}.analog-clock__hand--minute{width:4px;height:76px;background:linear-gradient(180deg,#e9f2ff,#8ab8ff)}.analog-clock__hand--second{width:2px;height:88px;background:linear-gradient(180deg,#7be7ff,#5d8bff);box-shadow:0 0 10px #55b8ff6b}.analog-clock__center{left:50%;top:50%;width:14px;height:14px;margin-left:-7px;margin-top:-7px;border-radius:50%;background:#f5fbff;box-shadow:0 0 20px #7abaff42}.analog-clock__meta{display:grid;gap:4px;justify-items:center;color:#dce9ffb8}.world-clock__label,.clipboard-face__title,.calendar-face__title{color:#c8dcff9e;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.world-clock__city{font-size:clamp(1.05rem,3.2vw,1.5rem);font-weight:600;letter-spacing:-.04em}.calendar-face__header,.clipboard-face__header{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:14px}.calendar-face__month{margin-top:8px;font-size:clamp(1rem,3vw,1.4rem);font-weight:600;letter-spacing:-.04em}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-grid--labels{margin-bottom:10px}.calendar-grid__label{text-align:center;font-size:.72rem;color:#cad8f294}.calendar-grid__cell{display:grid;place-items:center;min-height:38px;border-radius:14px;color:#f2f7ff;background:#ffffff0a;border:1px solid rgba(170,195,255,.06)}.calendar-grid__cell.is-muted{color:#acb9d661;background:#ffffff05}.calendar-grid__cell.is-today{background:linear-gradient(180deg,#6eafff42,#5375ff29),#ffffff14;border-color:#a1ceff3d;box-shadow:0 0 18px #4f83ff2e}.clipboard-face__hint{margin-top:8px;color:#c6d7f7a3;font-size:.86rem}.clipboard-face__body{display:grid;gap:14px;min-height:0;flex:1 1 auto;overflow:auto;padding-right:4px;grid-auto-rows:min-content}.clipboard-face__body.is-image-only{grid-template-rows:1fr;overflow:hidden;padding-right:0}.clipboard-face__body.is-mixed{grid-template-rows:minmax(180px,1fr) auto}.clipboard-face__empty{min-height:220px;border-radius:20px;border:1px dashed rgba(171,198,255,.16);display:grid;place-items:center;gap:10px;color:#dee9ffa3;text-align:center}.clipboard-face__empty small{color:#b4c4e175}.clipboard-face__image{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:18px;border:1px solid rgba(177,208,255,.12);display:block}.clipboard-face__text{margin:0;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(177,208,255,.08);white-space:pre-wrap;color:#eff5ffd9;-webkit-user-select:none;user-select:none}@media(max-width:1180px){.hero-panel,.experience-grid{grid-template-columns:1fr}.info-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.app-shell{padding:18px}.cube-shell{min-height:600px}.info-rail{grid-template-columns:1fr}.context-panel-anchor{left:12px!important;right:12px;top:auto!important;bottom:12px;transform:none}.context-panel-anchor .control-panel{width:auto}}