*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1a1f;--bg-widget:#0f1e23d9;--bg-widget-hover:#142830eb;--border-widget:#7dd3c414;--text:#7ce7d8;--text-dim:#4a9a8e;--accent:#2dd4bf;--accent-bright:#5ee8d4;--danger:#ff6b6b;--void-border:#7dd3c40f;--shadow-widget:0 8px 32px #0000004d;--shadow-widget-hover:0 12px 40px #00000073;--radius:12px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.desktop{background:radial-gradient(#2dd4bf0a 0%,#0000 60%),linear-gradient(135deg,#0f1a1f 0%,#0f2028 50%,#0a2a30 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.spotlight{pointer-events:none;z-index:0;transition:opacity .2s;position:fixed;inset:0}.widget-slot{cursor:default;background:var(--bg-widget);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);box-shadow:var(--shadow-widget);transition:box-shadow .2s;position:relative;overflow:hidden}.widget-slot:before{content:"";border-radius:inherit;pointer-events:none;z-index:5;border:1px solid #0000;transition:border-color .2s;position:absolute;inset:0}.widget-slot:hover:before{border-color:#94a3b833}.widget-slot.admin{cursor:grab}.widget-slot.admin.dragging{cursor:grabbing}.widget-slot:hover{box-shadow:var(--shadow-widget-hover)}.widget-slot.dragging{border-color:#2dd4bf66;box-shadow:0 16px 48px #00000080}.widget-delete-btn{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#ff6b6bcc;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.widget-slot:hover .widget-delete-btn{opacity:1}.widget-delete-btn:hover{background:var(--danger)}.admin-trigger{-webkit-backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text-dim);cursor:pointer;z-index:1000;background:#1e1e32b3;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:fixed;bottom:20px;right:20px}.admin-trigger:hover{color:var(--accent-bright);border-color:#2dd4bf4d;transform:rotate(90deg)}.admin-page{background:radial-gradient(#2dd4bf0a 0%,#0000 60%),linear-gradient(135deg,#0f1a1f 0%,#0f2028 50%,#0a2a30 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-page-card{background:#0f2028;border:1px solid #7dd3c41a;border-radius:16px;width:440px;max-width:100%;padding:32px;box-shadow:0 24px 64px #00000080}.admin-page-card.shake{animation:.4s ease-in-out shake}.admin-back-link{color:#4a7a70;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-bottom:20px;padding:4px 0;font-size:13px;transition:color .15s;display:inline-flex}.admin-back-link:hover{color:var(--text)}.admin-layout{background:radial-gradient(#2dd4bf08 0%,#0000 60%),linear-gradient(135deg,#0f1a1f 0%,#0f2028 50%,#0a2a30 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.admin-topbar{z-index:500;-webkit-backdrop-filter:blur(8px);background:#0f1a1fb3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:fixed;top:0;left:0;right:300px}.admin-topbar-hint{color:#3a6a62;font-size:12px}.admin-canvas{position:absolute;inset:0 300px 0 0;overflow:hidden}.admin-canvas-empty{text-align:center;color:#3a6a62;font-size:16px;position:absolute;top:50%;left:0;right:300px;transform:translateY(-50%)}.admin-layout .widget-slot:after{content:"";border-radius:inherit;pointer-events:none;z-index:6;border:1px dashed #2dd4bf40;transition:border-color .2s;position:absolute;inset:0}.admin-layout .widget-slot:hover:after{border-color:#2dd4bf8c}.admin-layout .widget-slot.dragging:after{border-color:#2dd4bfb3}.admin-toolbar{-webkit-backdrop-filter:blur(12px);z-index:600;background:#0c161af2;border-left:1px solid #ffffff14;flex-direction:column;gap:0;width:300px;height:100vh;padding:24px 20px;display:flex;position:fixed;top:0;right:0;overflow-y:auto}.admin-toolbar-title{color:#b8f5ee;margin-bottom:20px;font-size:18px;font-weight:600}.admin-tb-section{margin-bottom:20px}.admin-tb-section h3{text-transform:uppercase;letter-spacing:.8px;color:#3a6a62;margin-bottom:10px;font-size:11px;font-weight:600}.admin-tb-buttons{flex-wrap:wrap;gap:6px;display:flex}.admin-toolbar .admin-btn-logout{width:100%;margin-top:auto}.admin-toolbar .admin-widget-list{max-height:none}.admin-overlay{-webkit-backdrop-filter:blur(4px);z-index:2000;background:#050d1099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#0f2028;border:1px solid #7dd3c41a;border-radius:16px;width:420px;max-width:90vw;max-height:80vh;padding:32px;overflow-y:auto;box-shadow:0 24px 64px #00000080}.admin-modal.shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.admin-title{color:#b8f5ee;text-align:center;margin-bottom:24px;font-size:20px;font-weight:600}.admin-login-form{flex-direction:column;gap:16px;display:flex}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field label{color:#6a9a90;font-size:13px;font-weight:500}.admin-field input{color:#b8f5ee;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.admin-field input:focus{border-color:var(--accent)}.admin-field input::placeholder{color:#3a6a62}.admin-error{color:var(--danger);text-align:center;font-size:13px}.admin-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s}.admin-btn-primary{background:var(--accent);color:#fff;width:100%;margin-top:4px;padding:12px}.admin-btn-primary:hover{background:var(--accent-bright)}.admin-btn-add{color:var(--accent-bright);background:#2dd4bf26;border:1px solid #2dd4bf33;font-size:13px}.admin-btn-add:hover{background:#2dd4bf40}.admin-btn-action{color:var(--text);background:#ffffff0f;border:1px solid #ffffff14;font-size:13px}.admin-btn-action:hover{background:#ffffff1f}.admin-btn-danger{color:var(--danger)}.admin-btn-danger:hover{background:#ff6b6b26}.admin-btn-logout{color:#6a9a90;background:0 0;border:1px solid #ffffff0f;font-size:13px}.admin-btn-logout:hover{color:var(--text);border-color:#ffffff26}.admin-btn-save{color:var(--accent-bright);background:#2dd4bf33;border:1px solid #2dd4bf59;width:100%;font-size:14px;font-weight:600}.admin-btn-save:hover{background:#2dd4bf4d}.admin-btn-save.saving{opacity:.7;cursor:wait}.admin-btn-save.saved{background:#2dd4bf40;border-color:#2dd4bf80}.admin-btn-save.save-error{color:var(--danger);background:#ff6b6b26;border-color:#ff6b6b59}.admin-section{margin-bottom:20px}.admin-section h3{text-transform:uppercase;letter-spacing:.8px;color:#4a7a70;margin-bottom:10px;font-size:12px;font-weight:600}.admin-add-row{flex-wrap:wrap;gap:8px;display:flex}.admin-actions-row{gap:8px;display:flex}.admin-widget-list{max-height:200px;list-style:none;overflow-y:auto}.admin-widget-list li{border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.admin-widget-list li:hover{background:#ffffff08}.admin-widget-name{color:#a8ece4;flex:1;font-weight:500}.admin-widget-id{color:#3a6a62;font-family:monospace;font-size:11px}.admin-btn-delete-small{color:#4a7a70;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .15s;display:flex}.admin-btn-delete-small:hover{color:var(--danger);background:#ff6b6b33}.admin-empty{color:#3a6a62;text-align:center;padding:16px 0;font-style:italic}.admin-footer{justify-content:center;margin-top:20px;display:flex}.widget-clock{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.clock-time{font-variant-numeric:tabular-nums;color:#b8f5ee;letter-spacing:2px;font-size:40px;font-weight:300}.clock-seconds{color:#3a6a62;font-size:20px}.clock-date{color:#5a8a80;margin-top:8px;font-size:13px}.widget-sticky{flex-direction:column;height:100%;padding:14px;display:flex}.sticky-title{color:#a8ece4;background:0 0;border:none;border-bottom:1px solid #ffffff0f;outline:none;width:100%;padding:4px 0 8px;font-size:14px;font-weight:600}.sticky-title::placeholder{color:#3a6a62}.sticky-body{color:#8ab8b0;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:80px;margin-top:8px;font-family:inherit;font-size:13px;line-height:1.6}.sticky-body::placeholder{color:#444}.widget-links{height:100%;padding:16px}.links-title{color:#5a8a80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.links-grid{flex-wrap:wrap;gap:6px;display:flex}.link-item{color:var(--accent-bright);background:#2dd4bf14;border-radius:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .15s}.link-item:hover{color:#a8ece4;background:#2dd4bf2e}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7dd3c426}.resize-handle{cursor:nwse-resize;z-index:11;opacity:0;background-color:#0000;background-image:linear-gradient(135deg,#0000 50%,#2dd4bf66 50%),linear-gradient(135deg,#0000 50%,#2dd4bf40 50%);background-position:100% 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px,9px 9px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:18px;height:18px;transition:opacity .15s;position:absolute;bottom:0;right:0}.widget-slot:hover .resize-handle{opacity:1}.widget-slot.resizing .resize-handle{opacity:1;background-color:#0000;background-image:linear-gradient(135deg,#0000 50%,#2dd4bfb3 50%),linear-gradient(135deg,#0000 50%,#2dd4bf80 50%);background-position:100% 100%,100% 100%;background-repeat:no-repeat;background-size:6px 6px,9px 9px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.widget-board{cursor:default;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;padding:18px;display:flex;overflow:hidden}.widget-board.has-link{cursor:pointer}.widget-board.has-link:hover{background:#2dd4bf0a}.board-content{color:var(--text);text-align:center;word-break:break-word;white-space:pre-wrap;line-height:1.6}.board-placeholder{color:#3a6a62;font-size:14px;font-style:italic}.admin-config-overlay{-webkit-backdrop-filter:blur(4px);z-index:3000;background:#050d1099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-config-modal{background:#0f2028;border:1px solid #7dd3c41a;border-radius:16px;width:380px;max-width:90vw;padding:28px;box-shadow:0 24px 64px #00000080}.admin-config-modal h3{color:#b8f5ee;margin-bottom:20px;font-size:16px;font-weight:600}.admin-config-modal .admin-field{margin-bottom:16px}.admin-config-modal .admin-field label{color:#6a9a90;margin-bottom:6px;font-size:12px;display:block}.admin-config-modal .admin-field input[type=text],.admin-config-modal .admin-field textarea{color:#b8f5ee;resize:vertical;background:#0f1a1fcc;border:1px solid #7dd3c41f;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.admin-config-modal .admin-field input[type=text]:focus,.admin-config-modal .admin-field textarea:focus{border-color:var(--accent)}.admin-config-modal .admin-field input[type=text]::placeholder,.admin-config-modal .admin-field textarea::placeholder{color:#3a6a62}.admin-config-modal .admin-field input[type=range]{width:100%;accent-color:var(--accent)}.admin-config-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.admin-config-actions .admin-btn-primary{width:auto}.admin-widget-size{color:#3a6a62;margin-left:auto;font-family:monospace;font-size:11px}.admin-btn-config{color:#6a9a90;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:all .15s;display:flex}.admin-btn-config:hover{color:var(--accent-bright);background:#2dd4bf26}.admin-toolbar-toggle,.admin-toolbar-backdrop{display:none}@media (width<=768px){.desktop{flex-direction:column;align-items:center;gap:14px;height:auto;min-height:100vh;padding:20px 0 40px;display:flex;overflow:hidden auto}.admin-canvas{flex-direction:column;align-items:center;gap:14px;padding:54px 0 100px;display:flex;inset:0;overflow-y:auto}.admin-canvas-empty{margin-top:40vh;font-size:14px;position:static;right:0;transform:none}.widget-slot{flex-shrink:0;margin:0 auto;z-index:auto!important;will-change:auto!important;touch-action:auto!important;width:90vw!important;max-width:420px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.widget-slot:has(.widget-clock){height:100px!important}.widget-slot:has(.widget-sticky){height:170px!important}.widget-slot:has(.widget-board){height:130px!important}.widget-slot:has(.widget-links){height:140px!important}.spotlight{display:none}.widget-delete-btn{opacity:.7;width:28px;height:28px;font-size:16px}.resize-handle{opacity:.5;background-size:9px 9px,14px 14px;width:28px;height:28px}.admin-page{align-items:flex-start;padding:3rem 1rem 1rem}.admin-page-card{border-radius:12px;width:100%;max-width:100%;padding:24px 20px}.admin-title{margin-bottom:20px;font-size:18px}.admin-layout{position:relative}.admin-topbar{z-index:700;padding:10px 14px;right:0}.admin-topbar-hint{display:none}.admin-toolbar-toggle{width:36px;height:36px;color:var(--text);cursor:pointer;background:#0f1a1fcc;border:1px solid #7dd3c426;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.admin-toolbar-toggle:hover{background:#2dd4bf1a;border-color:#2dd4bf59}.admin-toolbar-toggle:active{background:#2dd4bf33}.admin-toolbar{z-index:900;border-left:1px solid #7dd3c41f;width:min(300px,85vw);height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0006}.admin-layout.toolbar-open .admin-toolbar{transform:translate(0)}.admin-toolbar-backdrop{z-index:850;-webkit-tap-highlight-color:transparent;background:#050d1080;display:none;position:fixed;inset:0}.admin-layout.toolbar-open .admin-toolbar-backdrop{display:block}.admin-toolbar .admin-btn{min-height:44px;padding:12px 18px;font-size:14px}.admin-tb-buttons{gap:8px}.admin-widget-list li{min-height:44px;padding:10px 12px}.admin-widget-name{font-size:14px}.admin-btn-delete-small{width:28px;height:28px;font-size:16px}.admin-btn-config{width:28px;height:28px;font-size:14px}.admin-config-overlay{align-items:flex-end;padding-bottom:1rem}.admin-config-modal{border-radius:16px 16px 8px 8px;width:100%;max-width:94vw;margin:0 3vw;padding:24px 18px}.admin-config-modal h3{margin-bottom:16px;font-size:15px}.admin-config-modal .admin-field{margin-bottom:14px}.admin-config-modal .admin-field input[type=text],.admin-config-modal .admin-field textarea{padding:12px 14px;font-size:16px}.admin-config-modal .admin-field input[type=range]{height:44px}.admin-config-actions{flex-direction:column;gap:8px;margin-top:18px}.admin-config-actions .admin-btn{width:100%;min-height:44px;font-size:15px}.admin-config-actions .admin-btn-primary{order:-1}.admin-field input{min-height:44px;padding:12px 14px;font-size:16px}.admin-btn-primary{min-height:48px;padding:14px;font-size:16px}.admin-trigger{width:44px;height:44px;bottom:16px;right:16px}}