.startup-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%;background-color:#0a0a0a;color:#fff;cursor:pointer;text-align:center;opacity:0;transition:opacity .5s ease-in-out}.fade-in{opacity:1;transition:opacity .8s ease-in-out}.fade-out{opacity:0;transition:opacity 1.8s ease-in-out}.startup-title{font-size:4rem;top:40%;font-family:orbitron,sans-serif;opacity:0;animation:title-fade-in 1s ease forwards}@keyframes title-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.startup-icon{width:200px;height:200px;margin-top:20px 0}@keyframes jump-bump{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.3) translateY(-20px)}60%{transform:scale(.9) translateY(5px)}80%{transform:scale(1.05) translateY(-3px)}to{transform:scale(1) translateY(0)}}.jump{animation:jump-bump 1.2s ease-in-out forwards}.startup-subtext{font-size:1rem;font-family:orbitron,sans-serif;color:#aaa;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.app-container{width:100%;height:100%;margin:0;border:none;border-radius:0;box-shadow:none;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.top-bar{height:clamp(64px,4.9vw,78px);width:100%;flex:0 0 auto;display:flex;align-items:center;padding:0 clamp(15px,1.45vw,25px);gap:clamp(12px,1.15vw,19px);border-top-left-radius:12px;border-top-right-radius:12px;background:var(--top-bar-bg);box-sizing:border-box;box-shadow:inset 0 -1px #0000000d;z-index:10;position:relative;transition:background .25s ease}.left-area{flex:1;display:flex;align-items:center;min-width:0}.right-area{display:flex;align-items:center;margin-left:auto;z-index:10}.top-input{width:100%;max-width:420px;min-width:220px;height:clamp(38px,2.8vw,46px);padding:0 clamp(15px,1.25vw,19px);border-radius:clamp(18px,1.5vw,24px);border:1px solid #d0d0d0;outline:none;font-size:clamp(15px,1.15vw,18px);background:#f8f8f8;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.top-input:hover:not(:focus){border-color:#aaa;background:#f2f2f2;box-shadow:0 0 0 3px #0000000d}.top-input:focus{border-color:#999;background:#fff}html[data-theme=dark] .top-input{border-color:#555;background:#3a3a3a;color:#fff}html[data-theme=dark] .top-input:focus{border-color:#888;background:#4a4a4a}.settings-cog{background:none;border:none;font-size:clamp(25px,2.5vw,40px);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.8;color:#222;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .15s ease,color .25s ease;padding:0;font-family:SF Pro;display:grid;place-items:center}.settings-cog svg{width:1em;height:1em}html[data-theme=dark] .settings-cog{color:#e0e0e0}.settings-cog:hover{transform:rotate(180deg) scale(1.05);opacity:1}.input-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:520px;min-width:220px}@media(max-width:900px){.top-input{min-width:180px}.input-wrapper{min-width:180px;max-width:420px}}@media(max-width:599px){.top-bar{height:clamp(56px,10vh,64px);padding:0 1rem;gap:.75rem}.top-input{min-width:140px;height:clamp(36px,7vh,42px);font-size:clamp(14px,3.5vw,16px);padding:0 1rem;border-radius:20px}.input-wrapper{min-width:140px;max-width:100%}.settings-cog{font-size:clamp(22px,5vw,28px)}.char-counter{font-size:.75rem;padding:.25rem .6rem}}@media(max-width:420px){.top-bar{padding:0 .875rem}.top-input{font-size:14px;padding:0 .875rem}}.char-counter{margin-left:clamp(8px,.7vw,12px);padding:clamp(4px,.45vw,6px) clamp(8px,.75vw,12px);font-size:clamp(13px,1vw,16px);color:#555;background:#777;border-radius:6px;opacity:1;animation:fadeIn .2s ease forwards}@media(max-height:760px){.top-bar{height:clamp(54px,8vh,62px);padding:0 clamp(12px,1.2vw,18px)}.top-input{height:clamp(32px,4.8vh,38px);font-size:clamp(13px,1.8vh,15px);border-radius:clamp(14px,2.2vh,18px)}.settings-cog{font-size:clamp(20px,3.2vh,26px)}.char-counter{font-size:clamp(11px,1.6vh,13px);padding:clamp(3px,.4vh,4px) clamp(7px,.8vh,9px)}}.settings-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100}.settings-modal{width:clamp(360px,28vw,420px);height:clamp(640px,78vh,780px);max-height:90%;background:#fff;border-radius:clamp(18px,1.65vw,22px);border:1px solid #e5e5e5;box-shadow:0 18px 40px #00000040;padding:clamp(16px,1.5vw,20px);display:flex;flex-direction:column;z-index:101;animation:settingsPop .25s ease-out}@keyframes settingsPop{0%{opacity:0;transform:scale(.94) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-modal h2{margin:0 0 clamp(10px,1.125vw,12px) 0;padding-bottom:clamp(6px,.75vw,8px);font-size:clamp(24px,2.2vh,30px);font-weight:700;color:#222;flex-shrink:0}html[data-theme=dark] .settings-modal h2{color:#fff}.settings-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#0000004d}html[data-theme=dark] .settings-content::-webkit-scrollbar-thumb{background:#fff3}html[data-theme=dark] .settings-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.settings-section{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,.94vw,10px);padding:clamp(8px,.94vw,10px) clamp(4px,.47vw,5px);color:#18}.settings-section label{font-weight:600;color:#222;font-size:clamp(13px,1.4vh,15px)}.settings-section.glow-label-section{justify-content:flex-start;margin-top:clamp(3px,.38vw,4px);padding-top:clamp(3px,.38vw,4px)}.settings-section.theme-section{flex-direction:column;align-items:flex-start}.settings-section.shortcuts-label-section{justify-content:flex-start;margin-top:clamp(6px,.7vw,8px);padding-top:clamp(3px,.38vw,4px)}.settings-section.cloud-save-label-section{justify-content:flex-start;margin-top:clamp(6px,.7vw,8px);padding-bottom:clamp(3px,.38vw,4px)}.cloud-save-group{display:flex;flex-direction:column;gap:clamp(7px,.8vw,9px);padding:0 clamp(4px,.47vw,5px) clamp(8px,.9vw,10px)}.cloud-account-meta{font-size:clamp(12px,1.05vh,13px);color:#555;font-weight:600}.cloud-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,.66vw,7px)}.cloud-save-input{width:100%;height:clamp(32px,3.2vw,36px);border-radius:clamp(8px,.94vw,10px);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 10px;font-size:clamp(13px,1.15vh,14px)}.cloud-save-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.cloud-save-btn{width:100%;height:clamp(30px,3vw,34px);border-radius:clamp(8px,.94vw,10px);border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text);cursor:pointer;font-weight:600;font-size:clamp(13px,1.15vh,14px);transition:filter .18s ease,opacity .18s ease}.cloud-save-btn:hover:not(:disabled){filter:brightness(.96)}.cloud-save-btn:disabled{opacity:.7;cursor:not-allowed}.cloud-restore-btn{width:100%;height:clamp(30px,3vw,34px);border-radius:clamp(8px,.94vw,10px);border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-weight:600;font-size:clamp(13px,1.15vh,14px);transition:background .18s ease,opacity .18s ease}.cloud-restore-btn:hover:not(:disabled){background:#0000000d}.cloud-restore-btn:disabled{opacity:.7;cursor:not-allowed}.cloud-save-status{margin:0;font-size:clamp(12px,1.05vh,13px);line-height:1.35}.cloud-save-status--success{color:#16803a}.cloud-save-status--error{color:#b42318}.cloud-save-status--info{color:#0a4b78}.theme-switch{display:inline-block}.theme-options{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:3px;border-radius:999px;background:var(--surface);border:1px solid var(--border);min-width:0;width:100%;max-width:100%;overflow:hidden}.theme-options:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/4);background:var(--accent);border-radius:999px;transform:translate(0);transition:transform .18s cubic-bezier(.2,.9,.2,1)}.theme-options[data-active=system]:before{transform:translate(0)}.theme-options[data-active=light]:before{transform:translate(100%)}.theme-options[data-active=dark]:before{transform:translate(200%)}.theme-options[data-active=oled]:before{transform:translate(300%)}.shortcut-list{display:flex;flex-direction:column;gap:6px;padding:0 clamp(4px,.47vw,5px) clamp(8px,.9vw,10px)}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(12px,1.15vh,14px);color:#555}.shortcut-row kbd{border:1px solid var(--border);border-radius:6px;padding:3px 8px;background:var(--surface);color:var(--text);font-size:clamp(11px,1.05vh,13px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}html[data-theme=dark] .shortcut-row{color:#d0d0d0}.theme-option{display:inline-flex;align-items:center;justify-content:center;padding:clamp(6px,.62vw,8px) clamp(8px,.94vw,10px);border-radius:999px;border:none;background:transparent;color:#666;cursor:pointer;font-size:clamp(12px,1.2vh,14px);white-space:nowrap;min-width:0;transition:color .15s ease;position:relative;z-index:1;font-weight:500}.theme-option input{display:none}.theme-option.is-active{color:#fff;font-weight:600}html[data-theme=dark] .theme-option{color:#bbb;font-weight:500}html[data-theme=dark] .theme-option.is-active{color:#fff;font-weight:600}.theme-switch input{display:none}.switch-track{width:clamp(44px,4.875vw,52px);height:clamp(28px,3vw,32px);background:#e6e6e6;border-radius:clamp(16px,1.875vw,20px);padding:clamp(1.5px,.19vw,2px);box-sizing:border-box;transition:background .18s ease;display:flex;align-items:center;cursor:pointer;pointer-events:all}.switch-knob{width:clamp(24px,2.625vw,28px);height:clamp(24px,2.625vw,28px);background:#fff;border-radius:50%;box-shadow:0 4px 8px #0000001f;transform:translate(0);transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .18s}.theme-switch input:checked+.switch-track{background:#0a84ff}.theme-switch input:checked+.switch-track .switch-knob{transform:translate(clamp(16px,1.875vw,20px));box-shadow:0 6px 12px #0000002e}.settings-section.palette-label-section{justify-content:flex-start;padding-bottom:clamp(3px,.38vw,4px);margin-top:clamp(3px,.38vw,4px)}.palette-options{display:flex;flex-wrap:wrap;gap:clamp(6px,.66vw,7px);padding:0 clamp(4px,.47vw,5px) clamp(6px,.75vw,8px)}.palette-swatch{display:flex;flex-direction:column;align-items:center;gap:clamp(3px,.38vw,4px);background:none;border:2px solid transparent;border-radius:clamp(10px,1.125vw,12px);padding:clamp(5px,.56vw,6px) clamp(6px,.75vw,8px);cursor:pointer;transition:border-color .15s ease,background .15s ease;min-width:clamp(44px,4.875vw,52px)}.palette-swatch:hover{background:#00000014}html[data-theme=dark] .palette-swatch:hover{background:#ffffff1f}.palette-swatch.is-active{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 15%,transparent)}html[data-theme=dark] .palette-swatch.is-active{background:color-mix(in srgb,var(--swatch) 20%,transparent)}.palette-swatch-dot{width:clamp(22px,2.44vw,26px);height:clamp(22px,2.44vw,26px);border-radius:50%;background:var(--swatch);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px color-mix(in srgb,var(--swatch) 40%,transparent)}.palette-swatch-dot--default{background:conic-gradient(#1a1a1a 0deg 180deg,#f5f5f5 180deg 360deg);box-shadow:0 2px 6px #0000002e;border:1px solid var(--border)}.palette-swatch.is-active .palette-swatch-dot:after{content:"✓";display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:clamp(11px,1.22vw,13px);font-weight:700}.palette-swatch-label{font-size:clamp(11px,1.1vh,13px);color:#666;white-space:nowrap;font-weight:500}.palette-swatch.is-active .palette-swatch-label{color:var(--text);font-weight:600}html[data-theme=dark] .palette-swatch-label{color:#bbb}html[data-theme=dark] .palette-swatch.is-active .palette-swatch-label{color:#fff;font-weight:600}.glow-options{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,.75vw,8px);padding:clamp(6px,.75vw,8px) clamp(5px,.56vw,6px) clamp(10px,1.125vw,12px)}.glow-option{display:flex;align-items:center;gap:clamp(6px,.75vw,8px);padding:clamp(6px,.75vw,8px);border-radius:clamp(6px,.75vw,8px);cursor:pointer;transition:background .15s;color:#333;font-size:clamp(13px,1.2vh,15px);font-weight:500}.glow-option:hover{background:#00000014}.glow-option input{cursor:pointer;width:clamp(16px,1.7vw,18px);height:clamp(16px,1.7vw,18px);accent-color:var(--accent)}.glow-radio-label{flex:1}.settings-close{width:100%;height:clamp(32px,3.375vw,36px);border-radius:clamp(8px,.94vw,10px);border:1px solid var(--border);background:transparent;color:#666;cursor:pointer;font-size:clamp(1.3rem,1.4vw,1.5rem);line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.settings-actions{display:flex;gap:clamp(6px,.75vw,8px);margin-top:clamp(10px,1.125vw,12px);padding-top:0;flex-shrink:0}.reset-tutorials-btn{width:100%;height:clamp(28px,3vw,32px);border-radius:clamp(7px,.84vw,9px);border:1px solid var(--border);background:transparent;color:#555;cursor:pointer;font-weight:600;font-size:clamp(13px,1.2vh,14px);transition:all .2s ease;margin:clamp(3px,.38vw,4px) 0}.reset-tutorials-btn:hover{background:#0000000d;color:#111}html[data-theme=dark] .reset-tutorials-btn{border-color:#ffffff40;color:#ddd;font-weight:600}html[data-theme=dark] .reset-tutorials-btn:hover{background:#ffffff26;color:#fff;border-color:#fff6}.settings-apply{flex:1;height:clamp(32px,3.375vw,36px);border-radius:clamp(8px,.94vw,10px);border:1px solid var(--border);background:#fff;cursor:pointer;font-weight:600}.settings-apply:hover{filter:brightness(.95)}html[data-theme=dark] .settings-modal{background:#3a3a3a;border-color:#555;color:#fff}html[data-theme=dark] .settings-modal:before{background:#666}html[data-theme=dark] .settings-section{color:#fff}html[data-theme=dark] .settings-section label{color:#fff;font-weight:600}html[data-theme=dark] .glow-option{color:#e5e5e5}html[data-theme=dark] .glow-option:hover{background:#ffffff1f}html[data-theme=dark] .theme-switch input:checked+.switch-track{background:var(--accent)}html[data-theme=dark] .settings-close{color:#bbb;border-color:#ffffff40}html[data-theme=dark] .settings-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}html[data-theme=dark] .cloud-save-status--success{color:#61d18a}html[data-theme=dark] .cloud-save-status--error{color:#ff9a9a}html[data-theme=dark] .cloud-save-status--info{color:#7ec7ff}html[data-theme=dark] .cloud-account-meta{color:#d7d7d7}html[data-theme=dark] .cloud-restore-btn{border-color:#ffffff40}html[data-theme=dark] .cloud-restore-btn:hover:not(:disabled){background:#ffffff1f}@media(max-width:599px){.settings-modal{width:min(360px,calc(100vw - 2rem));height:min(640px,calc(100vh - 3rem));padding:1rem}.settings-modal h2{font-size:1.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.settings-section{padding:.625rem .375rem;flex-wrap:wrap}.settings-section label{font-size:.875rem}.theme-options{min-width:100%;justify-content:center}.theme-option{min-width:70px;font-size:.8rem;padding:.5rem .75rem}.glow-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.glow-option{padding:.625rem .875rem;font-size:.8rem}.settings-close{width:36px;height:36px;font-size:1.35rem}}@media(max-width:420px){.settings-modal{width:calc(100vw - 1.5rem);height:calc(100vh - 2rem);padding:.875rem}.settings-modal h2{font-size:1.35rem}.settings-section label{font-size:.8rem}.theme-option{min-width:65px;font-size:.75rem;padding:.45rem .65rem}.glow-grid{grid-template-columns:repeat(2,1fr)}.settings-close{width:32px;height:32px;font-size:1.25rem}}.node-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:clamp(1rem,2vw,3rem);background:var(--surface);border:1.5px solid var(--border);border-radius:18px;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);aspect-ratio:1 / 1;text-align:center;box-shadow:0 4px 12px #00000014;position:relative;box-sizing:border-box;min-height:0;min-width:0;width:100%;height:100%;will-change:transform;contain:layout style paint}.node-card:hover{background:var(--surface);box-shadow:0 20px 44px #00000021}.node-card-icon{font-size:clamp(2.5rem,4vw,4rem);margin-top:clamp(0px,1vw,20px);margin-bottom:clamp(.4rem,1.2vw,1rem);flex-shrink:0;color:var(--text)}.node-card-icon svg{width:1em;height:1em}.node-card-title{font-size:clamp(1.15rem,1.8vw,1.75rem);font-weight:700;color:var(--text);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;line-height:1.3;width:100%}.node-card-description{font-size:clamp(.75rem,1.1vw,1rem);color:var(--muted, #121212);margin:clamp(.3rem,.8vh,.6rem) 0 clamp(.65rem,1.4vh,1rem);line-height:1.45;flex:1 1 auto;width:100%;overflow-wrap:break-word;word-wrap:break-word;min-height:0}.node-card-button{padding:clamp(.6rem,1.2vw,1rem) clamp(1.2rem,2.2vw,2rem);margin-top:auto;font-size:clamp(.9rem,1.2vw,1.1rem);font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:clamp(8px,1vw,14px);cursor:pointer;transition:background .15s ease,transform .15s ease,opacity .15s ease}.node-card-button:hover{opacity:.85;transform:scale(1.03)}.node-move-button{position:absolute;top:10px;right:10px;width:clamp(24px,3vw,54px);height:clamp(24px,3vw,54px);border:1.5px solid rgba(0,0,0,.15);background:#fffc;color:#000000b3;border-radius:7px;font-size:clamp(13px,1.8vw,32px);font-weight:500;letter-spacing:-1px;cursor:grab;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1),background .2s ease;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 6px #0000001a;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.node-move-button svg{width:1em;height:1em}html[data-theme=dark] .node-move-button{background:#464646cc;color:#ffffffb3;border:1.5px solid rgba(255,255,255,.15)}.node-card:hover .node-move-button{opacity:.5}.node-move-button:hover{background:#fff;color:#000;border-color:#00000040;box-shadow:0 4px 12px #0003}html[data-theme=dark] .node-move-button:hover{background:#505050;color:#fff;border-color:#ffffff4d}.node-move-button:active{cursor:grabbing}.node-fullscreen-overlay{position:absolute;inset:0;background:#00000080;z-index:1000}@keyframes fadeIn{@media (min-width: 600px) and (max-width: 899px) {.node-card {padding: 2rem;} .node-card-icon {font-size: 4rem; margin-top: .85rem; margin-bottom: .85rem;} .node-card-title {font-size: 1.65rem;} .node-card-description {font-size: 1.1rem; line-height: 1.45;} .node-card-button {font-size: 1.15rem; padding: .85rem 1.7rem;} .node-move-button {width: 38px; height: 38px; font-size: 19px;} .card-status-badge {font-size: .85rem; padding: 5px 11px 5px 9px;} .card-status-badge::before {width: 6px; height: 6px;}} @media (min-width: 900px) and (max-width: 1366px) {.node-card {padding: 2.25rem;} .node-card-icon {font-size: 4.75rem; margin-top: 1rem; margin-bottom: 1rem;} .node-card-title {font-size: 1.9rem;} .node-card-description {font-size: 1.2rem; line-height: 1.5;} .node-card-button {font-size: 1.25rem; padding: .95rem 2rem; border-radius: 10px;} .node-move-button {width: 40px; height: 40px; font-size: 20px;} .card-status-badge {font-size: .9rem; padding: 6px 12px 6px 10px;} .card-status-badge::before {width: 7px; height: 7px;}} @media (min-width: 900px) and (max-width: 1366px) and (orientation: landscape) {.node-card {padding: 2.5rem;} .node-card-icon {font-size: 5.25rem; margin-top: 1.1rem; margin-bottom: 1.1rem;} .node-card-title {font-size: 2.1rem;} .node-card-description {font-size: 1.3rem; line-height: 1.5;} .node-card-button {font-size: 1.35rem; padding: 1rem 2.2rem; border-radius: 11px;} .node-move-button {width: 42px; height: 42px; font-size: 21px;} .card-status-badge {font-size: .95rem; padding: 6px 13px 6px 10px;} .card-status-badge::before {width: 7px; height: 7px;}} @media (min-width: 1367px) {.node-card {padding: 2.85rem;} .node-card-icon {font-size: 6.5rem;} .node-card-title {font-size: 2.5rem;} .node-card-description {font-size: 1.35rem;} .node-card-button {font-size: 1.45rem; padding: 1.2rem 2.75rem;}} @media (max-width: 599px) and (min-width: 421px) {.node-card {border-radius: 14px; padding: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,.06); aspect-ratio: auto; min-height: fit-content;} .node-card:hover {box-shadow: 0 4px 16px rgba(0,0,0,.1);} .node-card-icon {margin-top: .6rem; font-size: 3rem;} .node-card-title {font-size: 1.3rem;} .node-card-description {font-size: .95rem; line-height: 1.4; margin-bottom: 1rem;} .node-card-button {padding: .75rem 1.4rem; font-size: 1rem;} .node-move-button {width: 34px; height: 34px; top: 7px; right: 7px;}} @media (orientation: portrait) and (max-width: 420px) {.node-card {aspect-ratio: 1; min-height: 0; padding: .75rem .5rem; border-radius: 10px; gap: .4rem;} .node-card-icon {font-size: 2rem; margin-top: 0; margin-bottom: 0;} .node-card-title {font-size: .875rem; margin: 0; line-height: 1.2;} .node-card-description {display: none;} .node-card-button {display: none;}} @media (max-width: 375px) {.node-card {padding: .625rem .5rem; gap: .35rem; aspect-ratio: 1; min-height: 0; border-radius: 9px;} .node-card-icon {font-size: 1.75rem; margin-top: 0; margin-bottom: 0;} .node-card-title {font-size: .8rem; margin: 0; line-height: 1.2;} .node-card-description {display: none;} .node-card-button {display: none;} .node-move-button {width: 24px; height: 24px; top: 4px; right: 4px; opacity: .5;} .node-card:hover .node-move-button {opacity: .75;} .card-status-badge {font-size: .55rem; padding: .1rem .3rem; top: 4px; left: 4px; right: auto;}} @media (max-width: 420px) {.node-card {border-radius: 10px; padding: .75rem .5rem; box-shadow: 0 2px 6px rgba(0,0,0,.06);} .node-card:hover {box-shadow: 0 3px 10px rgba(0,0,0,.1);}} from {opacity: 0;} to {opacity: 1;}}.node-fullscreen-container{width:100%;height:100%;max-width:none;max-height:none;background:var(--bg);border-radius:0;display:flex;flex-direction:column;overflow:hidden;position:relative}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.node-fullscreen-header{display:flex;justify-content:space-between;align-items:center;height:clamp(66px,5vw,82px);padding:0 clamp(14px,1.4vw,24px);background:var(--surface);border-bottom:1px solid var(--border);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;flex-shrink:0}.node-fullscreen-title-group{display:flex;align-items:center;gap:.75rem}.node-fullscreen-header h2{font-size:1.75rem;font-weight:600;margin:0;color:var(--text)}.node-fullscreen-info{position:relative;width:26px;height:26px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease}.node-fullscreen-info:hover{background:var(--bg);border-color:var(--muted)}.node-fullscreen-info-icon{font-size:.85rem;font-weight:600}.node-fullscreen-info-tooltip{position:absolute;left:0;top:120%;width:min(320px,80vw);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;font-size:.85rem;line-height:1.4;box-shadow:0 12px 28px #00000059;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease;text-align:left;z-index:5}.node-fullscreen-info:hover .node-fullscreen-info-tooltip,.node-fullscreen-info:focus-visible .node-fullscreen-info-tooltip{opacity:1;transform:translateY(0)}.node-fullscreen-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}html[data-theme=dark] .node-fullscreen-close{color:#aaa}.node-fullscreen-close:hover{background:#ef4444;border-color:#ef4444;color:#fff}.node-fullscreen-close-floating{position:absolute;top:16px;right:16px;z-index:5}.node-fullscreen-close-floating:hover{background:#ef4444;border-color:#ef4444;color:#fff}.node-fullscreen-content{flex:1;overflow:auto;background:var(--bg)}.loading{align-items:center;justify-content:center;height:100%;color:var(--text-secondary, #b0b0b0);font-size:1.1rem}html[data-theme=dark] .node-card{background:#ffffff14;border:1px solid rgba(255,255,255,.3)}html[data-theme=dark] .node-card-title{color:#fff}html[data-theme=dark] .node-card-description{color:#e0e0e0}html[data-theme=dark] .node-card-button{background:var(--accent);color:#fff;border:none}html[data-theme=dark] .node-card-button:hover{opacity:.85}html[data-glow=blue] .node-card:hover{box-shadow:0 8px 24px #4a90e266;border-color:#4a90e299}html[data-glow=red] .node-card:hover{box-shadow:0 8px 24px #dc354566;border-color:#dc354599}html[data-glow=orange] .node-card:hover{box-shadow:0 8px 24px #ff9f4066;border-color:#ff9f4099}html[data-glow=purple] .node-card:hover{box-shadow:0 8px 24px #9c27b066;border-color:#9c27b099}html[data-glow=green] .node-card:hover{box-shadow:0 8px 24px #4caf5066;border-color:#4caf5099}html[data-glow=pink] .node-card:hover{box-shadow:0 8px 24px #ec407a66;border-color:#ec407a99}.card-status-badge{position:absolute;top:10px;left:12px;background:#0000000e;border:1px solid rgba(0,0,0,.09);color:var(--text-secondary, #555);font-size:clamp(.68rem,.9vw,1.2rem);font-weight:600;padding:clamp(3px,.4vw,9px) clamp(8px,1vw,18px) clamp(3px,.4vw,9px) clamp(6px,.8vw,15px);border-radius:999px;display:flex;align-items:center;gap:clamp(4px,.5vw,8px);white-space:nowrap;letter-spacing:.025em;animation:badgeFadeIn .3s ease;pointer-events:none}.card-status-badge:before{content:"";width:clamp(5px,.6vw,10px);height:clamp(5px,.6vw,10px);border-radius:50%;background:#22c55e;flex-shrink:0;animation:badgePulse 1.8s ease-in-out infinite}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}html[data-theme=dark] .card-status-badge{background:#ffffff17;border-color:#ffffff24;color:#ffffff94}@media(max-height:760px){.node-card{padding:1.1rem}.node-card-icon{font-size:clamp(2.1rem,3.2vh,2.8rem);margin-top:clamp(4px,.7vh,8px);margin-bottom:clamp(.3rem,.5vh,.5rem)}.node-card-title{font-size:clamp(1.05rem,1.7vh,1.3rem);line-height:1.2}.node-card-description{font-size:clamp(.76rem,1.18vh,.9rem);margin:8% 0 clamp(.45rem,.8vh,.7rem);line-height:1.3}.node-card-button{padding:clamp(.45rem,.7vh,.6rem) clamp(.9rem,1.3vh,1.15rem);font-size:clamp(.82rem,1.2vh,.96rem)}}.node-loading-spinner{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--muted);font-size:.95rem}.node-loading-spinner:after{content:"";width:24px;height:24px;margin-left:12px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spinner-rotation .8s linear infinite}@keyframes spinner-rotation{to{transform:rotate(360deg)}}@media(max-width:599px){.node-fullscreen-header{height:clamp(56px,10vh,64px);padding:0 1rem}.node-fullscreen-header h2{font-size:1.35rem}.node-fullscreen-title-group{gap:.5rem}.node-fullscreen-info{width:24px;height:24px}.node-fullscreen-info-icon{font-size:.75rem}.node-fullscreen-info-tooltip{width:min(280px,85vw);padding:.65rem .8rem;font-size:.8rem}.node-fullscreen-close{width:36px;height:36px;font-size:1.35rem}.node-fullscreen-close-floating{top:12px;right:12px}}@media(max-width:420px){.node-fullscreen-header{height:clamp(52px,10vh,60px);padding:0 .875rem}.node-fullscreen-header h2{font-size:1.2rem}.node-fullscreen-info{width:22px;height:22px}.node-fullscreen-close{width:32px;height:32px;font-size:1.25rem}}.side-panel{--panel-width: 45%;--tab-width: clamp(42px, 4.2vmin, 68px);--tab-height: clamp(84px, 8.4vmin, 136px);--tab-offset: clamp(88px, 9.2vmin, 144px);position:absolute;top:0;right:0;height:100%;width:var(--panel-width);z-index:100;pointer-events:none}.side-panel__tab{position:absolute;top:var(--tab-offset);right:0;width:var(--tab-width);height:var(--tab-height);background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border);border-right:none;border-radius:12px 0 0 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1);pointer-events:all;box-shadow:-4px 0 16px #00000014,-2px 0 6px #0000000a}.side-panel__tab:hover{background:linear-gradient(135deg,#f8f8f8e6,#fffffff2);box-shadow:-8px 0 28px #00000024,-4px 0 12px #00000014;border-color:#0000001f}.side-panel__tab:active{transition:all .1s cubic-bezier(.4,0,.2,1)}.side-panel__tab-icon{font-size:clamp(17px,2.2vmin,30px);color:var(--text);font-weight:700;opacity:.7;transition:all .16s cubic-bezier(.4,0,.2,1);display:inline-block}.side-panel__tab:hover .side-panel__tab-icon{opacity:1;transform:scale(1.1)}.side-panel__tab-glow{position:absolute;inset:-4px;border-radius:12px 0 0 12px;background:radial-gradient(circle at center,var(--accent),transparent 70%);opacity:0;filter:blur(12px);transition:opacity .18s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:-1}.side-panel__tab:hover .side-panel__tab-glow{opacity:.4;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.side-panel__tab-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:0;transform:scale(0)}.particle-1{top:20%;left:-8px}.particle-2{top:50%;left:-8px}.particle-3{top:75%;left:-8px}.side-panel__tab:hover .particle{animation:particleFloat .85s ease-out infinite}.side-panel__tab:hover .particle-1{animation-delay:0s}.side-panel__tab:hover .particle-2{animation-delay:.08s}.side-panel__tab:hover .particle-3{animation-delay:.16s}@keyframes particleFloat{0%{transform:translate(0) scale(0);opacity:0}15%{opacity:.7;transform:translate(0) scale(1)}85%{opacity:.5;transform:translate(-20px) scale(.6)}to{transform:translate(-30px) scale(0);opacity:0}}@media(max-width:599px){.side-panel{--panel-width: 100%;--tab-width: 40px;--tab-height: 70px;--tab-offset: 72px}.side-panel__tab{border-radius:10px 0 0 10px;box-shadow:-3px 0 12px #0000001a}.side-panel__tab-icon{font-size:18px}.side-panel__tab:hover .particle{display:none}.side-panel__tab:hover .side-panel__tab-glow{opacity:.2}}@media(max-width:420px){.side-panel{--tab-width: 36px;--tab-height: 64px;--tab-offset: 68px}.side-panel__tab-icon{font-size:16px}}.side-panel__content{position:absolute;top:0;right:0;width:100%;height:100%;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1.5px solid var(--border);box-shadow:-8px 0 32px #0000001a,-4px 0 12px #0000000d;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;pointer-events:all;overflow:hidden}.side-panel--hidden .side-panel__content{transform:translate(100%)}.side-panel--hidden,.side-panel--peek{--tab-width: clamp(34px, 3.4vmin, 54px);--tab-height: clamp(68px, 6.8vmin, 108px)}.side-panel--hidden .side-panel__tab{transform:translate(0)}.side-panel--peek .side-panel__content{transform:translate(calc(100% - 8px));box-shadow:-12px 0 40px #00000026,-6px 0 16px #00000014}.side-panel--peek .side-panel__tab{transform:translate(-8px);box-shadow:-6px 0 20px #00000024,-3px 0 8px #00000012}.side-panel--expanded .side-panel__content{transform:translate(0);box-shadow:-12px 0 48px #0000001f,-6px 0 16px #0000000f}.side-panel--expanded .side-panel__tab{transform:translate(-100%);opacity:0;pointer-events:none}.side-panel__header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,1.875vw,2rem) clamp(1.5rem,2.5vw,2.5rem);border-bottom:1px solid rgba(0,0,0,.06);background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.side-panel__title{font-size:clamp(1.3rem,1.875vw,1.8rem);font-weight:700;margin:0;color:var(--text);letter-spacing:-.02em}.side-panel__close{width:clamp(30px,2.5vw,40px);height:clamp(30px,2.5vw,40px);border-radius:clamp(7px,.625vw,10px);border:1px solid var(--border);background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#666;cursor:pointer;font-size:clamp(1.4rem,1.875vw,1.8rem);line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000a}html[data-theme=dark] .side-panel__close{color:#aaa;background:#ffffff1a}.side-panel__close:hover{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 4px 12px #ef44444d;transform:scale(1.05)}.side-panel__body{flex:1;padding:clamp(1.5rem,2.5vw,2.5rem);overflow-y:auto;display:flex;flex-direction:column;gap:clamp(1.25rem,1.875vw,2rem);background:transparent}.side-panel__section{display:flex;flex-direction:column;gap:clamp(.875rem,1.25vw,1.25rem)}.side-panel__section-title{font-size:clamp(1rem,1.375vw,1.3rem);font-weight:600;color:var(--text);margin:0;opacity:.9;letter-spacing:-.01em}.side-panel__placeholder{padding:clamp(1.25rem,1.875vw,2rem);background:#c8bef040;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(120,100,200,.35);border-radius:clamp(10px,1vw,13px);color:var(--muted);text-align:center}.side-panel__placeholder p{margin:0;font-size:clamp(.95rem,1.125vw,1.1rem);opacity:1}.side-panel__session{padding:clamp(.875rem,1.25vw,1.25rem) clamp(1.25rem,1.56vw,1.6rem);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08);border-left:clamp(3px,.375vw,5px) solid var(--border);border-radius:clamp(10px,1vw,13px);display:flex;flex-direction:column;gap:clamp(.3rem,.33vw,.35rem);box-shadow:0 2px 8px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)}.side-panel__session:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.side-panel__session-title{font-size:clamp(1rem,1.25vw,1.2rem);font-weight:600;color:var(--text);letter-spacing:-.01em}.side-panel__session-time{font-size:clamp(.875rem,1.0625vw,1.05rem);color:var(--muted);opacity:.8}.side-panel__quick-input{width:100%;padding:clamp(.75rem,.9375vw,1rem);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(.95rem,1.125vw,1.1rem);color:var(--text);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid var(--border);border-radius:clamp(8px,.75vw,10px);resize:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000a}.side-panel__quick-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4a90e21a,0 2px 8px #0000000f;background:#fffc}.side-panel__quick-input:hover:not(:focus){border-color:#0000002e;box-shadow:0 3px 8px #0000000f}.side-panel__add-btn{width:100%;padding:clamp(.75rem,.9375vw,1rem);font-size:clamp(.95rem,1.125vw,1.1rem);font-weight:600;color:var(--text);background:transparent;border:2px solid var(--accent);border-radius:clamp(8px,.75vw,10px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.side-panel__add-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.side-panel__add-btn:active{transform:scale(.98)}html[data-theme=dark] .side-panel__add-btn{color:#fff;border-color:var(--accent)}html[data-theme=dark] .side-panel__add-btn:hover{background:var(--accent);color:#fff}html[data-theme=dark] .side-panel__tab{background:#282828d9;border-color:#ffffff1f;box-shadow:-4px 0 18px #0006,-2px 0 8px #0003}html[data-theme=dark] .side-panel__tab:hover{background:linear-gradient(135deg,#323232f2,#3c3c3cfa);border-color:#ffffff2e;box-shadow:-8px 0 32px #0009,-4px 0 14px #0006}html[data-theme=dark] .side-panel__tab:hover .side-panel__tab-glow{opacity:.6}html[data-theme=dark] .side-panel .particle{background:var(--accent);box-shadow:0 0 8px var(--accent)}html[data-theme=dark] .side-panel__content{background:#1e1e1ef2;border-color:#ffffff1f;box-shadow:-8px 0 36px #00000080,-4px 0 14px #0000004d}html[data-theme=dark] .side-panel--expanded .side-panel__content,html[data-theme=dark] .side-panel--peek .side-panel__content{box-shadow:-12px 0 52px #0009,-6px 0 18px #0006}html[data-theme=dark] .side-panel__session{background:#32323299;border-color:#ffffff1a}html[data-theme=dark] .side-panel__placeholder{background:#6450a038;border-color:#9682dc66}html[data-theme=dark] .side-panel__quick-input,html[data-theme=dark] .side-panel__date-input,html[data-theme=dark] .side-panel__subheading-select{background:#32323299;border-color:#ffffff1f}html[data-theme=dark] .side-panel__quick-input:focus,html[data-theme=dark] .side-panel__date-input:focus,html[data-theme=dark] .side-panel__subheading-select:focus{background:#3c3c3ccc;border-color:var(--accent)}html[data-theme=dark] .side-panel__close{background:#3c3c3c80}.side-panel__body::-webkit-scrollbar{width:6px}.side-panel__body::-webkit-scrollbar-thumb{background:#0003;border-radius:6px;transition:background .2s ease}.side-panel__body::-webkit-scrollbar-thumb:hover{background:#0000004d}.side-panel__body::-webkit-scrollbar-track{background:transparent}html[data-theme=dark] .side-panel__body::-webkit-scrollbar-thumb{background:#fff3}html[data-theme=dark] .side-panel__body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.side-panel__options{display:flex;gap:clamp(.6rem,.7vw,.75rem);margin-top:clamp(.6rem,.7vw,.75rem);margin-bottom:clamp(.6rem,.7vw,.75rem)}.side-panel__option-group{flex:1;display:flex;flex-direction:column;gap:clamp(.4rem,.47vw,.5rem)}.side-panel__option-label{font-size:clamp(.75rem,.9375vw,.9rem);font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.side-panel__date-input,.side-panel__subheading-select{width:100%;padding:clamp(.625rem,.75vw,.75rem) clamp(.75rem,.9375vw,1rem);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:clamp(.95rem,1.125vw,1.1rem);color:var(--text);background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid var(--border);border-radius:clamp(8px,.75vw,10px);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000000a}.side-panel__date-input:focus,.side-panel__subheading-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4a90e21a,0 2px 8px #0000000f;background:#fffc}.side-panel__date-input:hover,.side-panel__subheading-select:hover{border-color:#0000002e;box-shadow:0 3px 8px #0000000f}.side-panel__subheading-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right clamp(.6rem,.7vw,.75rem) center;padding-right:clamp(2rem,2.3vw,2.5rem)}html[data-theme=dark] .side-panel__subheading-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ccc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.side-panel__add-btn--success{background:linear-gradient(135deg,#51cf66,#69db7c)!important;pointer-events:none;box-shadow:0 4px 16px #51cf6659!important}.side-panel__add-btn--success:hover{transform:translateY(0)!important}@media(max-width:599px){.side-panel{width:100%}.side-panel__header{padding:1rem 1.25rem}.side-panel__title{font-size:1.25rem}.side-panel__close{width:36px;height:36px;font-size:1.25rem}.side-panel__body{padding:1.25rem;gap:1rem}.side-panel__section{gap:.75rem}.side-panel__section-title{font-size:1.05rem}.side-panel__session{padding:.875rem 1rem;gap:.25rem}.side-panel__placeholder{padding:1rem}.side-panel__placeholder p{font-size:.9rem}}@media(max-width:420px){.side-panel__header{padding:.875rem 1rem}.side-panel__title{font-size:1.15rem}.side-panel__close{width:32px;height:32px;font-size:1.15rem}.side-panel__body{padding:1rem;gap:.875rem}.side-panel__section-title{font-size:1rem}.side-panel__session{padding:.75rem .875rem}}.wave-bg{position:absolute;bottom:0;left:0;width:100%;height:50vh;pointer-events:none;overflow:hidden;z-index:0}.wave-svg{position:absolute;bottom:0;left:0;width:200%;height:100%;will-change:transform}.wave-svg--1{opacity:.16;animation:waveDrift 38s linear infinite}.wave-svg--2{opacity:.11;animation:waveDriftReverse 28s linear infinite}.wave-svg--3{opacity:.07;animation:waveDrift 22s linear infinite}html[data-theme=dark] .wave-svg--1{opacity:.11}html[data-theme=dark] .wave-svg--2{opacity:.07}html[data-theme=dark] .wave-svg--3{opacity:.045}@keyframes waveDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes waveDriftReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.wave-svg{animation:none}}.geo-layer{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;overflow:hidden;--geo-opacity: .18;--geo-fill-opacity: .14}.geo-layer[data-tod=dawn]{--geo-opacity: .2;--geo-fill-opacity: .15}.geo-layer[data-tod=morning]{--geo-opacity: .17;--geo-fill-opacity: .13}.geo-layer[data-tod=midday]{--geo-opacity: .15;--geo-fill-opacity: .11}.geo-layer[data-tod=evening]{--geo-opacity: .21;--geo-fill-opacity: .16}.geo-layer[data-tod=night]{--geo-opacity: .24;--geo-fill-opacity: .19}html[data-theme=dark] .geo-layer{--geo-opacity: .12;--geo-fill-opacity: .09}html[data-theme=dark] .geo-layer[data-tod=dawn]{--geo-opacity: .13;--geo-fill-opacity: .1}html[data-theme=dark] .geo-layer[data-tod=morning]{--geo-opacity: .11;--geo-fill-opacity: .08}html[data-theme=dark] .geo-layer[data-tod=midday]{--geo-opacity: .1;--geo-fill-opacity: .07}html[data-theme=dark] .geo-layer[data-tod=evening]{--geo-opacity: .14;--geo-fill-opacity: .11}html[data-theme=dark] .geo-layer[data-tod=night]{--geo-opacity: .16;--geo-fill-opacity: .13}.geo-shape{position:absolute;overflow:visible}.geo-shape--hex{width:340px;height:390px;top:-80px;right:-60px;opacity:var(--geo-opacity);animation:geoSlowSpin 60s linear infinite;transform-origin:center center}.geo-shape--square{width:260px;height:260px;top:18%;left:-70px;opacity:var(--geo-fill-opacity);transform:rotate(22deg);animation:geoDrift 28s ease-in-out infinite alternate;transform-origin:center center}@keyframes geoSlowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes geoDrift{0%{transform:rotate(22deg) translateY(0)}to{transform:rotate(22deg) translateY(-8px)}}@media(prefers-reduced-motion:reduce){.geo-shape{animation:none}}.main-screen{height:100%;width:100%;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif,SF Pro;color:var(--text);position:relative;display:flex;flex-direction:column}.main-screen-content{flex:1;position:relative;z-index:1;display:flex;flex-direction:row;justify-content:center;min-height:0;overflow:hidden;--panel-width: 45%;--node-card-min-height: 280px;--node-grid-gap: 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-screen-content[data-panel-state=expanded]{justify-content:flex-start}.nodes-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:3vw;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-sizing:border-box}.main-screen-content[data-panel-state=expanded] .nodes-container{width:calc(100% - var(--panel-width));overflow:hidden;height:100%;padding:2vw 2vw 2vw 2.5vw;display:flex;align-items:center;justify-content:center}.nodes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(280px,1fr));gap:clamp(1.2rem,2.5vw,4rem);width:100%;height:100%;max-width:100%;max-height:100%;padding:0;box-sizing:border-box}@media(max-width:899px){.nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1.5rem}.nodes-grid>.node-card-wrapper:nth-child(odd):hover{rotate:-1.8deg}.nodes-grid>.node-card-wrapper:nth-child(2n):hover{rotate:1.8deg}}@media(min-width:900px)and (max-width:1366px)and (orientation:landscape){.nodes-container{padding:2.5rem 3rem}.nodes-grid{gap:2.25rem}}@media(orientation:portrait)and (min-width:600px){.nodes-container{padding:2rem 2.25rem}.nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1.5rem}.nodes-grid>.node-card-wrapper{rotate:0deg!important}}@media(orientation:portrait)and (max-width:599px)and (min-width:421px){.nodes-container{padding:1.25rem 1.5rem 1.75rem}.nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;gap:1rem}.nodes-grid>.node-card-wrapper{rotate:0deg!important}}@media(orientation:portrait)and (max-width:420px){.nodes-container{padding:.625rem .75rem 1rem}.nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:.5rem}.nodes-grid>.node-card-wrapper{rotate:0deg!important}}@media(max-width:599px)and (min-width:421px){.nodes-container{padding:1.25rem 1.5rem 1.75rem}.nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto;gap:1rem;padding:0}.nodes-grid>.node-card-wrapper{rotate:0deg!important}.main-screen-content[data-panel-state=expanded] .nodes-container{display:none}}@media(max-width:420px){.nodes-container{padding:.625rem .75rem 1rem}.nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:.5rem}.main-screen-content[data-panel-state=expanded] .nodes-container{display:none}}@media(min-width:900px)and (max-width:1366px){.nodes-container{padding:clamp(2.5rem,3.5vw,4rem)}.nodes-grid{gap:2rem}}@media(min-width:1000px)and (max-width:1366px){.nodes-container{padding:2rem 2.5rem}.nodes-grid{gap:1.75rem}}@media(min-width:1367px){.nodes-container{padding:clamp(3.5rem,4.5vw,5.5rem)}.nodes-grid{gap:3rem}}@media(min-width:1200px){.main-screen-content[data-panel-state=expanded]{--node-grid-gap: 1vw}.main-screen-content[data-panel-state=expanded] .nodes-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1vw}.main-screen-content[data-panel-state=expanded] .nodes-grid>.node-card-wrapper:nth-child(odd):hover{rotate:-1.8deg}.main-screen-content[data-panel-state=expanded] .nodes-grid>.node-card-wrapper:nth-child(2n):hover{rotate:1.8deg}}.main-screen-content[data-panel-state=expanded] .node-card{height:100%;width:100%;aspect-ratio:1;min-height:0;max-height:none;padding:1rem}.main-screen-content[data-panel-state=expanded] .node-card-icon{font-size:2.2rem;margin-bottom:.6rem}.main-screen-content[data-panel-state=expanded] .node-card-title{font-size:1.1rem;margin:.3rem 0;min-height:auto}.main-screen-content[data-panel-state=expanded] .node-card-description{font-size:.72rem;margin:.3rem 0 .6rem;min-height:auto;line-height:1.3}.main-screen-content[data-panel-state=expanded] .node-card-button{padding:.5rem 1rem;font-size:.875rem}.node-card-wrapper{transition:rotate .3s cubic-bezier(.22,1,.36,1);will-change:transform;transform-origin:center center;width:100%;height:100%;min-width:0;min-height:0}.nodes-grid>.node-card-wrapper:nth-child(1):hover{rotate:-2deg}.nodes-grid>.node-card-wrapper:nth-child(2):hover{rotate:-1deg}.nodes-grid>.node-card-wrapper:nth-child(3):hover{rotate:1deg}.nodes-grid>.node-card-wrapper:nth-child(4):hover{rotate:-1.5deg}.nodes-grid>.node-card-wrapper:nth-child(5):hover{rotate:0deg}.nodes-grid>.node-card-wrapper:nth-child(6):hover{rotate:1.5deg}.nodes-grid[data-dragging=true]>.node-card-wrapper:hover{rotate:0deg}.nodes-grid[data-dragging=true]>.node-card-wrapper:not(.dragging){opacity:1}@media(prefers-reduced-motion:reduce){.node-card-wrapper{transition:none}}.node-card-wrapper:active{cursor:grabbing}.node-card-wrapper.dragging{opacity:.76;z-index:2}.node-card-wrapper.drag-over{z-index:1}.node-card-wrapper.dragging .node-card{box-shadow:0 10px 24px #00000029}.node-card-wrapper.drag-over .node-card{box-shadow:0 0 0 2px var(--accent),0 10px 22px #0000001f}.helios-corner{position:fixed;bottom:16px;right:20px;font-size:14px;color:var(--muted);animation:fadePulse 4s ease-in-out infinite}@keyframes fadePulse{0%{opacity:.2}50%{opacity:.6}to{opacity:.2}}.input-wrapper{position:relative;display:flex;align-items:center}.char-counter{margin-left:8px;padding:4px 8px;font-size:12px;color:#888;background:var(--surface);border-radius:6px;opacity:0;animation:fadeIn .2s ease forwards}html[data-theme=dark] .char-counter{color:#aaa}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.app-container{width:100%;height:100%;min-width:1200px;min-height:750px;margin:0;border:none;border-radius:0;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}@media(max-width:1199px){.app-container{min-width:0;min-height:0}}html[data-theme=dark] .app-container{background:var(--surface)}html[data-theme=dark] .main-screen{background:var(--bg);color:var(--text)}html[data-glow=none] .app-container{box-shadow:0 4px 12px #00000014}html[data-glow=red] .app-container{box-shadow:0 0 30px #ff3b3066,0 4px 12px #00000014}html[data-glow=blue] .app-container{box-shadow:0 0 30px #0a84ff66,0 4px 12px #00000014}html[data-glow=green] .app-container{box-shadow:0 0 30px #34d39966,0 4px 12px #00000014}html[data-glow=orange] .app-container{box-shadow:0 0 30px #ffa50066,0 4px 12px #00000014}html[data-glow=purple] .app-container{box-shadow:0 0 30px #af52de66,0 4px 12px #00000014}html[data-glow=pink] .app-container{box-shadow:0 0 30px #ff6bd666,0 4px 12px #00000014}.back-button{position:absolute;bottom:clamp(6px,.6vw,8px);left:clamp(6px,.6vw,8px);display:flex;align-items:center;gap:clamp(3px,.3vw,4px);padding:clamp(4px,.4vw,5px) clamp(8px,.8vw,10px);background:#00000014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary, #000000);border:1px solid rgba(0,0,0,.12);border-radius:999px;font-size:clamp(11px,.9vw,12px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease;z-index:50;transform-origin:center center}.back-button--hidden{opacity:0;pointer-events:none;transform:scale(.98)}.back-button:hover{background:#0000001f;border-color:#0000002e}.back-arrow{width:clamp(18px,1.8vw,24px);height:clamp(18px,1.8vw,24px);width:clamp(13px,1.2vw,16px);height:clamp(13px,1.2vw,16px);flex-shrink:0}.quick-add-backdrop{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:150}.quick-add-modal{width:min(460px,calc(100vw - 2rem));background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 36px #00000040;padding:16px;display:flex;flex-direction:column;gap:12px}.quick-add-modal h3{margin:0;font-size:1.05rem}.quick-add-input,.quick-add-date,.quick-add-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:.95rem}.quick-add-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-add-actions{display:flex;justify-content:flex-end;gap:10px}.quick-add-cancel,.quick-add-submit{border-radius:8px;border:1px solid var(--border);padding:8px 14px;font-size:.9rem;cursor:pointer}.quick-add-cancel{background:transparent;color:var(--text)}.quick-add-submit{background:var(--accent);border-color:var(--accent);color:#fff}.quick-add-submit:disabled{opacity:.55;cursor:not-allowed}html[data-theme=dark] .back-button{background:#ffffff1a;border-color:#fff3;color:#fff}html[data-theme=dark] .back-button:hover{background:#ffffff26;border-color:#ffffff4d}.nodes-container::-webkit-scrollbar{width:8px}.nodes-container::-webkit-scrollbar-track{background:transparent}.nodes-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nodes-container::-webkit-scrollbar-thumb:hover{background:var(--muted)}.main-screen[data-tod=dawn]{--tod-a: rgba(100, 130, 220, .07);--tod-b: rgba(160, 140, 255, .04)}.main-screen[data-tod=morning]{--tod-a: rgba(120, 160, 240, .05);--tod-b: rgba(180, 210, 255, .03)}.main-screen[data-tod=midday]{--tod-a: rgba(200, 215, 255, .03);--tod-b: transparent}.main-screen[data-tod=evening]{--tod-a: rgba(255, 160, 70, .07);--tod-b: rgba(255, 110, 50, .04)}.main-screen[data-tod=night]{--tod-a: rgba(60, 75, 150, .06);--tod-b: rgba(30, 40, 100, .04)}.ambient-layer{position:absolute;inset:0;pointer-events:none;z-index:200;background:linear-gradient(135deg,var(--tod-a, transparent) 0%,transparent 45%,var(--tod-b, transparent) 100%);background-size:400% 400%;animation:gradientDrift 90s ease-in-out infinite;transition:background-color 120s ease;border-radius:inherit}@keyframes gradientDrift{0%{background-position:0% 0%}25%{background-position:100% 10%}50%{background-position:90% 100%}75%{background-position:5% 90%}to{background-position:0% 0%}}@media(prefers-reduced-motion:reduce){.ambient-layer{animation:none}}.vignette-overlay{position:absolute;inset:0;pointer-events:none;z-index:201;border-radius:inherit;background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.1) 100%)}html[data-theme=dark] .vignette-overlay{background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 50%,rgba(0,0,0,.22) 100%)}.grain-overlay{position:absolute;inset:0;pointer-events:none;z-index:202;opacity:.02;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.app-shell{position:relative;width:100%;height:100%}*{box-sizing:border-box}html{height:100dvh;width:100%;overflow:clip;--bg: #f5f5f5;--text: #1a1a1a;--border: #e0e0e0;--surface: #ffffff;--muted: #888888;--top-bar-bg: #ffffff;--accent: #555555;--accent-soft: #eeeeee;--accent-2: #f5a76c;--accent-2-soft:#fff1e6;--success: #5bbf8f;--danger: #e07070}html[data-theme=light]{--bg: #f5f5f5;--text: #1a1a1a;--border: #e0e0e0;--surface: #ffffff;--muted: #888888;--top-bar-bg: #ffffff;--accent: #555555;--accent-soft: #eeeeee;--accent-2: #f5a76c;--accent-2-soft:#fff1e6;--success: #5bbf8f;--danger: #e07070}html[data-theme=dark]{--bg: #1a1a1a;--text: #f0f0f0;--border: #333333;--surface: #242424;--muted: #888888;--top-bar-bg: #111111;--accent: #aaaaaa;--accent-soft: #2a2a2a;--accent-2: #f5a76c;--accent-2-soft:#2a2010;--success: #5bbf8f;--danger: #e07070}html[data-theme-mode=oled]{--bg: #000000 !important;--surface: #050505 !important;--top-bar-bg: #000000 !important;--border: #171717 !important;--accent-soft: #101010 !important}body{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}#root{width:100%;height:100%}html[data-palette=purple]{--bg: #f7f4ff;--text: #2d2640;--border: #e2d9f3;--surface: #ffffff;--muted: #9e8fb8;--top-bar-bg: #ffffff;--accent: #7c5cbf;--accent-soft: #ede8ff}html[data-palette=purple][data-theme=dark]{--bg: #1e1b2e;--text: #f0ecff;--border: #3d3560;--surface: #2a2640;--muted: #8a7faa;--top-bar-bg: #16131f;--accent: #a07ee8;--accent-soft: #2e2550}html[data-palette=blue]{--bg: #f4f6ff;--text: #1a2040;--border: #d5dcf5;--surface: #ffffff;--muted: #7a8ab0;--top-bar-bg: #ffffff;--accent: #3b6fd4;--accent-soft: #deeaff}html[data-palette=blue][data-theme=dark]{--bg: #181c2e;--text: #e8eeff;--border: #2a3050;--surface: #1e2438;--muted: #6878a8;--top-bar-bg: #12151f;--accent: #6b9fff;--accent-soft: #1a2a4a}html[data-palette=sky]{--bg: #f2f9fd;--text: #1a3040;--border: #cce9f5;--surface: #ffffff;--muted: #6a9ab0;--top-bar-bg: #ffffff;--accent: #0ea5d0;--accent-soft: #d8f5ff}html[data-palette=sky][data-theme=dark]{--bg: #141e26;--text: #e0f4ff;--border: #1e3445;--surface: #182230;--muted: #4a8aaa;--top-bar-bg: #0e161e;--accent: #38c6e8;--accent-soft: #0d2a38}html[data-palette=orange]{--bg: #fdf8f2;--text: #3a2010;--border: #f0dcc5;--surface: #ffffff;--muted: #b08060;--top-bar-bg: #ffffff;--accent: #e07b30;--accent-soft: #fff0de}html[data-palette=orange][data-theme=dark]{--bg: #231810;--text: #fff0de;--border: #402810;--surface: #2e2015;--muted: #906040;--top-bar-bg: #180f08;--accent: #f5a050;--accent-soft: #3a1e00}html[data-palette=pink]{--bg: #fdf4f8;--text: #3a1028;--border: #f0cce0;--surface: #ffffff;--muted: #b07090;--top-bar-bg: #ffffff;--accent: #d44f8f;--accent-soft: #ffe0f2}html[data-palette=pink][data-theme=dark]{--bg: #221018;--text: #ffe0f2;--border: #401030;--surface: #2c1520;--muted: #905070;--top-bar-bg: #160a10;--accent: #f080be;--accent-soft: #3a0a20}html[data-palette=green]{--bg: #f3faf6;--text: #102818;--border: #c8e8d5;--surface: #ffffff;--muted: #5a9870;--top-bar-bg: #ffffff;--accent: #3a9e6c;--accent-soft: #ddf5eb}html[data-palette=green][data-theme=dark]{--bg: #111e16;--text: #ddf5eb;--border: #1a3525;--surface: #162a1e;--muted: #4a7858;--top-bar-bg: #0c1610;--accent: #5fc48a;--accent-soft: #0d2e1c}html[data-palette=red]{--bg: #fdf4f4;--text: #3a1010;--border: #f0cccc;--surface: #ffffff;--muted: #b07070;--top-bar-bg: #ffffff;--accent: #c94040;--accent-soft: #ffe0e0}html[data-palette=red][data-theme=dark]{--bg: #221010;--text: #ffe0e0;--border: #401010;--surface: #2c1515;--muted: #905050;--top-bar-bg: #160808;--accent: #e87070;--accent-soft: #2e0a0a}