*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:text;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true],.select-text,.selectable-content,.selectable-content *{-webkit-user-select:text;user-select:text}input::placeholder{color:var(--app-text,var(--login-text-muted));opacity:.4}.habit-create-name-input::placeholder{color:var(--app-text-secondary,var(--app-text,var(--login-text-muted)));opacity:1}.unified-create-textarea::placeholder,.theme-neon .unified-create-textarea::placeholder,.subtask-create-input::placeholder,.subtask-item-input::placeholder,.note-tag-input::placeholder,.create-note-tag-input::placeholder{color:var(--app-text-secondary,var(--app-text,var(--login-text-muted)))!important;opacity:1!important}:root{--app-dvh:100dvh}html{scroll-behavior:smooth;min-height:100dvh}html,body{background-color:rgb(var(--main-color-dark));color:rgb(var(--main-color));background-attachment:scroll;min-height:100dvh}@media (min-width:1024px){html,body{background-attachment:fixed}}body{touch-action:pan-y;overscroll-behavior:none;-webkit-overflow-scrolling:touch;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}#main{min-height:var(--app-dvh,100dvh)}#main [style*=height\:100dvh]{height:var(--app-dvh,100dvh)!important}#main [style*=min-height\:100dvh]{min-height:var(--app-dvh,100dvh)!important}#main .h-screen,#main .h-dvh{height:var(--app-dvh,100dvh)!important}#main .min-h-screen{min-height:var(--app-dvh,100dvh)!important}button,a,.press-scale,[onclick],input,select,textarea{touch-action:manipulation}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.book-zoom-area{touch-action:pinch-zoom pan-x pan-y}*{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#stats-inline-pager,#stats-inline-pager *{transition:none!important}#stats-inline-pager{overscroll-behavior:none;scroll-behavior:auto}a,button,input,textarea,select{transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover,button:hover{transition-duration:.2s}.app-fixed-inset-x{width:calc(100% - 24px);max-width:calc(var(--app-max-width) - 24px);transform:translate(-50%);left:50%!important;right:auto!important}.app-fixed-right{transform:translateX(calc(var(--app-max-width)/2 - 100% - 12px));left:50%!important;right:auto!important}@media (max-width:824px){.app-fixed-right{transform:none;left:auto!important;right:12px!important}}.app-fixed-right-wide{transform:none;left:auto!important;right:max(12px,50vw - 588px)!important}body.chat-open-no-scroll{touch-action:none!important;-webkit-overflow-scrolling:none!important;width:100%!important;height:100%!important;position:fixed!important;overflow:hidden!important}.text-themed{color:var(--app-text)!important}.text-themed-secondary{color:var(--app-text-secondary)!important}.text-theme{color:rgb(var(--main-color))!important}.text-theme\/60{color:rgb(var(--main-color)/.6)!important}.text-theme\/80{color:rgb(var(--main-color)/.8)!important}.text-theme\/90{color:rgb(var(--main-color)/.9)!important}.text-main{color:rgb(var(--main-color))!important}.text-main-60{color:rgb(var(--main-color)/.6)!important}.text-main-80{color:rgb(var(--main-color)/.8)!important}.text-main-90{color:rgb(var(--main-color)/.9)!important}.bg-\[rgb\(var\(--card-task\)\)\]{--main-color:var(--ct-task-rgb);color:var(--ct-task)}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.pattern-background{background-image:radial-gradient(var(--pattern-dot-color,#0000004d)1px,transparent 1px);opacity:var(--pattern-dot-opacity,.15);background-size:24px 24px}@keyframes statCountReveal{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}.stat-count-reveal{font-variant-numeric:tabular-nums;animation:.6s cubic-bezier(.16,1,.3,1) forwards statCountReveal}@keyframes statRowSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-row-animated{opacity:0;animation:.3s ease-out forwards statRowSlideIn;animation-delay:calc(var(--row-index,0)*50ms)}@keyframes letterFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-letter-in{animation:1s ease-out forwards letterFadeIn}@keyframes fogReveal{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}.animate-fog-reveal{animation:1.2s ease-out forwards fogReveal}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:.8s ease-out slideInUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.8s ease-out fadeIn}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s ease-out scale-in}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:2s infinite shimmer}@keyframes shimmer_slide{0%,to{opacity:0;transform:translate(-120%)}30%{opacity:1}70%{opacity:1}85%{opacity:0;transform:translate(120%)}}@keyframes bubble-pop-in{0%{opacity:0;transform:scale(.8)translate(-10px)}50%{opacity:1;transform:scale(1.05)translate(2px)}70%{transform:scale(.98)translate(-1px)}to{opacity:1;transform:scale(1)translate(0)}}.speech-bubble{transition:transform .2s,box-shadow .2s}.speech-bubble-wrapper:hover .speech-bubble{transform:scale(1.02);box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,0 3px 10px #00000014,inset 0 1px #ffffffb3,inset 0 -1px #0000000d}.gradient-border-circle{background:conic-gradient(#ff6b6b,#ffe66d,#4ecdc4,#a78bfa,#ff6b6b)}.gradient-ring-task{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .7px),#fff calc(100% - .7px1px));mask:radial-gradient(farthest-side,transparent calc(100% - .7px),#fff calc(100% - .7px1px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .7px),#fff calc(100% - .7px1px));background:conic-gradient(#ff6b6b,#ffe66d,#4ecdc4,#a78bfa,#ff6b6b)}.card-3d{content-visibility:auto;contain-intrinsic-size:auto 80px;contain:layout style paint;touch-action:pan-y;box-shadow:0 1px 2px rgba(0,0,0,calc(.22*var(--card-shadow-str,1))),0 4px 8px -1px rgba(0,0,0,calc(.16*var(--card-shadow-str,1))),0 12px 24px -4px rgba(0,0,0,calc(.14*var(--card-shadow-str,1))),0 28px 56px -12px rgba(0,0,0,calc(.08*var(--card-shadow-str,1)));transition:border-radius .4s cubic-bezier(.4,0,.2,1);position:relative}.card-3d.card-expanded{border-radius:16px!important}.card-3d.card-expanded:before,.card-3d.card-expanded:after{border-radius:16px}.habit-card{backface-visibility:hidden;transform:translateZ(0)}.habit-card .wave-container{will-change:transform}.scrolling .habit-card{transition:none!important}.scrolling .habit-card *{animation-play-state:paused!important}.card-3d:before{content:"";background-image:radial-gradient(circle,var(--card-dot-color,#ffffff0f).4px,transparent .4px);pointer-events:none;z-index:1;background-size:26px 26px;border-radius:24px;position:absolute;inset:0}.habit-card.card-3d:before{background-image:radial-gradient(circle,var(--card-dot-color,#ffffff12).5px,transparent .5px);background-position:8px 8px;background-size:30px 30px}.card-3d:after{content:"";box-shadow:inset 0 -2px 8px -2px rgba(0,0,0,calc(.14*var(--card-shadow-str,1))),inset 4px 0 10px -4px rgba(0,0,0,calc(.12*var(--card-shadow-str,1))),inset -5px 0 12px -4px rgba(0,0,0,calc(.18*var(--card-shadow-str,1)));pointer-events:none;z-index:10;border-radius:24px;position:absolute;inset:0}.note-card.card-3d{box-shadow:0 1px 2px rgba(0,0,0,calc(.06*var(--card-shadow-str,1))),0 4px 8px -1px rgba(0,0,0,calc(.05*var(--card-shadow-str,1))),0 10px 20px -4px rgba(0,0,0,calc(.06*var(--card-shadow-str,1))),0 20px 40px -8px rgba(0,0,0,calc(.03*var(--card-shadow-str,1)))}.note-card.card-3d:after{box-shadow:inset 0 -2px 8px -2px rgba(0,0,0,calc(.14*var(--card-shadow-str,1))),inset 4px 0 10px -4px rgba(0,0,0,calc(.12*var(--card-shadow-str,1))),inset -5px 0 12px -4px rgba(0,0,0,calc(.18*var(--card-shadow-str,1)))}.press-scale{cursor:pointer;transition:transform .1s ease-out}.press-scale:active{transform:scale(.92)}.bg-picker-container{box-sizing:border-box;align-items:center;gap:12px;max-width:100%;padding:8px 4px;display:flex}.bg-picker-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:10px;min-width:0;padding:4px 0;display:flex;overflow:auto hidden}.bg-picker-scroll::-webkit-scrollbar{display:none}.bg-picker-tile{flex-shrink:0;width:56px;height:56px;transition:transform .15s}.bg-picker-tile:active{transform:scale(.9)}.bg-picker-tile.selected{transform:scale(1.1)}.bg-picker-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.bg-picker-btn:active{transform:scale(.9)}.bg-picker-btn-close{color:rgb(var(--app-text)/.5)}.bg-picker-btn-save{color:rgb(var(--navbar-accent))}@media (max-width:400px){.bg-picker-container{gap:10px}.bg-picker-scroll{gap:8px}.bg-picker-tile{width:48px;height:48px}.bg-picker-btn{width:36px;min-width:36px;height:36px;font-size:18px}}@media (max-width:320px){.bg-picker-container{gap:8px}.bg-picker-scroll{gap:6px}.bg-picker-tile{width:42px;height:42px}.bg-picker-btn{width:32px;min-width:32px;height:32px;font-size:16px}}.grid-calendar-day{content-visibility:auto;contain-intrinsic-size:auto 14px}.grid-cell-selected{outline:2px solid var(--mood-selected-ring,var(--app-text,#333));outline-offset:-2px;z-index:10;position:relative}.grid-cell-selected-empty{z-index:10;outline:none;position:relative}.grid-cell-selected-empty:after{content:"";aspect-ratio:1;border:2px solid var(--mood-selected-ring,#fff);pointer-events:none;box-sizing:border-box;border-radius:9999px;height:calc(100% - 2px);margin:auto;position:absolute;inset:0}.grid-cell-today{border:1px solid var(--mood-today-ring,var(--app-text-secondary,#666))}.activity-card{content-visibility:auto;contain-intrinsic-size:auto 120px}.profile-item{content-visibility:auto;contain-intrinsic-size:auto 60px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-item{animation:.3s ease-out forwards toast-slide-in}.toast-item.closing{animation:.3s ease-in forwards toast-slide-out}.animate-slide-in{animation:.3s ease-out forwards toast-slide-in}.note-graph-page{--graph-note-fallback:var(--app-accent);--graph-edge-opacity:.38;--graph-note-stroke:rgba(var(--main-color),.34);--graph-tag-stroke:rgba(var(--main-color),.85);--graph-pinned-stroke:var(--app-warning);--graph-label-stroke:rgba(var(--main-color-dark),.92);--graph-bg-spot-a:rgba(var(--main-color),.09);--graph-bg-spot-b:rgba(var(--main-color),.07);--graph-bg-base:rgba(var(--main-color-dark),.98);--graph-bg-base-2:rgba(var(--main-color-dark),.9);--graph-panel-bg:color-mix(in srgb,var(--app-card)92%,transparent);--graph-panel-border:var(--app-border);--graph-panel-shadow:0 16px 40px #0000003d,0 1px 0 #ffffff0d inset;background:radial-gradient(62% 50% at 16% 14%,var(--graph-bg-spot-a)0%,transparent 100%),radial-gradient(54% 45% at 82% 84%,var(--graph-bg-spot-b)0%,transparent 100%),linear-gradient(160deg,var(--graph-bg-base)0%,var(--graph-bg-base-2)100%);contain:layout style paint}.note-graph-page.note-graph-page-no-bg{background:0 0!important}.note-graph-surface{touch-action:none;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:auto 720px;will-change:transform,opacity;opacity:0;animation:.28s ease-out forwards graph-surface-in}.note-graph-page.note-graph-page-no-anim .note-graph-surface,.note-graph-page.note-graph-page-no-anim .note-graph-chrome,.note-graph-page.note-graph-page-no-anim .note-graph-joystick-panel,.note-graph-page.note-graph-page-no-anim .note-graph-joystick-swipe-zone,.note-graph-page.note-graph-page-no-anim .note-graph-joystick-expand-btn,.note-graph-page.note-graph-page-no-anim .note-graph-tag-btn,.note-graph-page.note-graph-page-no-anim .note-graph-controls .note-graph-ctrl-btn,.note-graph-page.note-graph-page-no-anim .note-graph-controls-panel,.note-graph-page.note-graph-page-no-anim .note-graph-controls-toggle,.note-graph-page.note-graph-page-no-anim .note-graph-panel,.note-graph-page.note-graph-page-no-anim .note-graph-panel-toggle,.note-graph-page.note-graph-page-no-anim .note-graph-header .note-graph-ctrl-btn{opacity:1;transform:none;transition:none!important;animation:none!important}.note-graph-hud{color:var(--app-text-secondary);background:var(--app-card);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:8px 12px;box-shadow:0 10px 26px #0000002e,inset 0 1px #ffffff0a}.note-graph-ctrl-btn{border:1px solid var(--app-border);background:var(--app-card);width:44px;height:44px;color:var(--app-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:600;line-height:1;transition:transform .16s,background-color .2s,border-color .2s,box-shadow .22s,filter .22s;display:flex;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff0a}.note-graph-ctrl-btn:hover{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 12px 26px #00000038;filter:saturate(1.06)}.note-graph-ctrl-btn:active{transform:translateY(1px)scale(.93)}.note-graph-controls{display:block}.note-graph-controls-stack{flex-direction:column;align-items:center;gap:8px;width:fit-content;margin:0 auto;display:flex}.note-graph-controls-panel{border:1px solid color-mix(in srgb,var(--app-border)70%,var(--app-text)30%);background:color-mix(in srgb,var(--app-card)88%,transparent);-webkit-backdrop-filter:blur(14px)saturate(1.08);border-radius:18px;align-items:center;gap:8px;max-height:76px;padding:8px;transition:opacity .24s,transform .24s,filter .24s,padding .24s,max-height .24s,border-color .24s,box-shadow .24s;display:flex;overflow:hidden;box-shadow:0 14px 34px #0000003d,inset 0 1px #ffffff1f}.note-graph-controls-panel--collapsed{opacity:0;filter:blur(2px);pointer-events:none;max-height:0;box-shadow:none;border-color:#0000;padding-top:0;padding-bottom:0;transform:translateY(8px)scale(.92)}.note-graph-ctrl-btn--modern{border-color:color-mix(in srgb,var(--app-border)70%,var(--app-text)30%);background:linear-gradient(140deg,color-mix(in srgb,var(--app-card)92%,white 8%)0%,color-mix(in srgb,var(--app-card)76%,black 24%)100%);border-radius:14px;width:48px;height:48px;box-shadow:0 12px 26px #0003,inset 0 1px #ffffff14}.note-graph-controls-toggle{border:1px solid color-mix(in srgb,var(--app-border)70%,var(--app-text)30%);background:color-mix(in srgb,var(--app-card)88%,transparent);width:36px;height:24px;color:var(--app-text);border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,border-color .2s,box-shadow .22s;display:flex;box-shadow:0 8px 18px #0003,inset 0 1px #ffffff14}.note-graph-controls-toggle:hover{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 8px 18px #0003}.note-graph-controls-toggle--expanded svg{transform:rotate(180deg)}.note-graph-controls-toggle:active{transform:translateY(1px)scale(.95)}.note-graph-tag-controls{display:block}.note-graph-tag-controls-panel{flex-direction:column;align-items:flex-start;gap:12px;width:fit-content;margin-right:auto;transition:opacity .16s,transform .16s;display:flex}.note-graph-tag-controls-panel--hidden{opacity:0!important;pointer-events:none!important;transform:translateY(6px)!important}.note-graph-tag-btn{border:1px solid color-mix(in srgb,var(--app-border)72%,var(--app-text)28%);background:linear-gradient(140deg,color-mix(in srgb,var(--app-card)90%,white 10%)0%,color-mix(in srgb,var(--app-card)78%,black 22%)100%);width:56px;min-width:48px;height:56px;min-height:48px;color:var(--app-text);border-radius:16px;justify-content:center;align-items:center;transition:transform .16s,border-color .2s,box-shadow .22s,filter .22s,opacity .14s;display:flex;box-shadow:0 12px 28px #0003,inset 0 1px #ffffff14}.note-graph-tag-btn--hidden{filter:saturate(.75);opacity:0!important;pointer-events:none!important;animation:none!important;transform:translateY(6px)scale(.9)!important}.note-graph-tag-btn--armed{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 14px 30px #00000042;filter:saturate(1.12)brightness(1.04)}.note-graph-tag-btn:hover{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 12px 28px #0000003d;filter:saturate(1.05)}.note-graph-tag-btn:active{transform:translateY(1px)scale(.93)}.note-graph-tag-btn--attach{color:color-mix(in srgb,var(--app-accent)72%,var(--app-text)28%)}.note-graph-tag-btn--detach{color:color-mix(in srgb,var(--app-warning)70%,var(--app-text)30%)}.note-graph-joystick-container{flex-direction:column;align-items:center;gap:8px;width:fit-content;display:flex}.note-graph-joystick-anchor{justify-content:center;display:flex}.note-graph-joystick-panel{max-height:124px;transition:opacity .24s,transform .24s,filter .24s,max-height .24s;overflow:hidden}.note-graph-joystick-panel--collapsed{opacity:0;filter:blur(2px);pointer-events:none;max-height:0;transform:translateY(8px)scale(.92)}.note-graph-joystick-row{align-items:flex-end;gap:12px;display:flex}.note-graph-joystick-swipe-zone{touch-action:none;justify-content:center;align-items:center;width:100%;padding-top:2px;padding-bottom:2px;display:flex}.note-graph-joystick-swipe-pill{background:color-mix(in srgb,var(--app-text)45%,transparent);opacity:.66;border-radius:999px;width:54px;height:6px}.note-graph-joystick-expand-center{justify-content:center;display:flex}.note-graph-joystick-expand-btn{border:1px solid color-mix(in srgb,var(--app-border)70%,var(--app-text)30%);background:color-mix(in srgb,var(--app-card)88%,transparent);width:56px;height:28px;color:var(--app-text);border-radius:999px;justify-content:center;align-items:center;margin:0 auto;transition:transform .2s,border-color .2s,box-shadow .22s;display:flex;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff17}.note-graph-joystick-expand-btn:hover{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 10px 24px #00000038}.note-graph-joystick-expand-btn:active{transform:translateY(1px)scale(.95)}.note-graph-joystick{--graph-joystick-shadow-main:rgba(var(--ct-app-rgb,0,0,0),.22);--graph-joystick-shadow-glow:rgba(var(--ct-app-rgb,0,0,0),.12);border:1px solid var(--app-border);background:var(--app-card);-webkit-backdrop-filter:blur(8px);width:104px;height:104px;box-shadow:0 8px 22px var(--graph-joystick-shadow-main),0 0 16px var(--graph-joystick-shadow-glow),0 1px 0 #ffffff0a inset;touch-action:none;-webkit-user-select:none;user-select:none;contain:layout style paint;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.note-graph-joystick--active{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 12px 26px rgba(var(--ct-app-rgb,0,0,0),.28),0 0 22px rgba(var(--ct-app-rgb,0,0,0),.18)}.note-graph-joystick-thumb{background:var(--app-text);opacity:.18;pointer-events:none;border-radius:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;position:absolute;top:50%;left:50%}.note-graph-joystick-thumb--active{opacity:.35}.note-graph-joystick:before,.note-graph-joystick:after{content:"";background:var(--app-text);opacity:.06;pointer-events:none;border-radius:1px;position:absolute}.note-graph-joystick:before{width:40%;height:1px;top:50%;left:30%;transform:translateY(-.5px)}.note-graph-joystick:after{width:1px;height:40%;top:30%;left:50%;transform:translate(-.5px)}.note-graph-joystick--zoom:before{width:1px;height:48%;top:26%;left:50%;transform:translate(-.5px)}.note-graph-joystick--zoom:after{display:none}.note-graph-zoom-hint{color:var(--app-text);opacity:.38;pointer-events:none;font-size:13px;font-weight:700;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.note-graph-zoom-hint--plus{top:10px}.note-graph-zoom-hint--minus{bottom:10px}.note-graph-panel{z-index:35;border:1px solid var(--graph-panel-border);background:var(--graph-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(320px,100vw - 20px);box-shadow:var(--graph-panel-shadow);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;top:16px;right:16px}.note-graph-panel-head{justify-content:space-between;align-items:center;display:flex}.note-graph-panel-title{color:var(--app-text);margin:0;font-size:15px;font-weight:700;line-height:1.1}.note-graph-panel-close{width:26px;height:26px;color:var(--app-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:18px;line-height:1}.note-graph-panel-meta{color:var(--app-text-secondary);font-size:12px}.note-graph-panel-section{flex-direction:column;gap:6px;display:flex}.note-graph-layer-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.note-graph-layer-btn{border:1px solid var(--app-border);background:color-mix(in srgb,var(--app-card)82%,transparent);height:34px;color:var(--app-text-secondary);cursor:pointer;border-radius:10px;font-size:12px;font-weight:600;transition:background-color .18s,border-color .18s,color .18s}.note-graph-layer-btn.is-on{background:color-mix(in srgb,var(--app-accent)24%,var(--app-card)76%);border-color:color-mix(in srgb,var(--app-accent)55%,var(--app-border)45%);color:var(--app-text)}.note-graph-panel-label{color:var(--app-text);opacity:.88;margin:0;font-size:12px}.note-graph-panel-range{width:100%;accent-color:var(--app-accent)}.note-graph-panel-animate-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--app-accent)95%,#6d64ff 5%),color-mix(in srgb,var(--app-accent)82%,#9d8fff 18%));width:100%;height:38px;color:var(--app-inverse-text);cursor:pointer;border:none;border-radius:10px;font-size:14px;font-weight:600}.note-graph-panel-toggle{z-index:35;border:1px solid var(--app-border);background:var(--app-card);width:44px;height:44px;color:var(--app-text);cursor:pointer;border-radius:12px;font-size:20px;transition:transform .16s,border-color .2s,box-shadow .22s;position:absolute;top:16px;right:16px;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff0a}.note-graph-panel-toggle:hover{border-color:var(--app-accent);box-shadow:0 0 0 1px var(--app-accent-glow),0 12px 26px #00000038}.note-graph-panel-toggle:active{transform:translateY(1px)scale(.94)}.note-graph-chrome,.note-graph-panel,.note-graph-panel-toggle,.note-graph-header .note-graph-ctrl-btn{opacity:0;animation:.34s cubic-bezier(.21,.8,.24,1) forwards graph-ui-in;transform:translateY(8px)scale(.985)}.note-graph-controls-panel .note-graph-ctrl-btn{opacity:0;animation:.34s cubic-bezier(.21,.8,.24,1) forwards graph-ui-in;transform:translateY(10px)scale(.98)}.note-graph-controls-panel .note-graph-ctrl-btn:first-child{animation-delay:60ms}.note-graph-controls-panel .note-graph-ctrl-btn:nth-child(2){animation-delay:.11s}.note-graph-controls-panel .note-graph-ctrl-btn:nth-child(3){animation-delay:.16s}.note-graph-controls-toggle{opacity:0;animation:.34s cubic-bezier(.21,.8,.24,1) .2s forwards graph-ui-in;transform:translateY(8px)scale(.985)}.note-graph-joystick-swipe-zone{opacity:0;animation:.34s cubic-bezier(.21,.8,.24,1) .18s forwards graph-ui-in;transform:translateY(8px)scale(.985)}.note-graph-tag-btn{opacity:0;animation:.34s cubic-bezier(.21,.8,.24,1) forwards graph-ui-in;transform:translateY(8px)scale(.985)}.note-graph-tag-controls-panel .note-graph-tag-btn:first-child{animation-delay:70ms}.note-graph-tag-controls-panel .note-graph-tag-btn:nth-child(2){animation-delay:.12s}.note-graph-joystick-expand-btn{opacity:0;animation:.34s cubic-bezier(.21,.8,.24,1) 80ms forwards graph-ui-in;transform:translateY(8px)scale(.985)}@keyframes graph-surface-in{0%{opacity:0}to{opacity:1}}@keyframes graph-ui-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:none){.note-graph-ctrl-btn:hover,.note-graph-panel-toggle:hover,.note-graph-tag-btn:hover{border-color:var(--app-border);filter:none;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff0a}}@media (prefers-reduced-motion:reduce){.note-graph-surface,.note-graph-chrome,.note-graph-joystick-panel,.note-graph-joystick-swipe-zone,.note-graph-joystick-expand-btn,.note-graph-tag-btn,.note-graph-controls-panel,.note-graph-controls-toggle,.note-graph-controls-panel .note-graph-ctrl-btn,.note-graph-panel,.note-graph-panel-toggle,.note-graph-header .note-graph-ctrl-btn{opacity:1;animation:none;transform:none}.note-graph-ctrl-btn,.note-graph-joystick-panel,.note-graph-joystick-swipe-zone,.note-graph-joystick-expand-btn,.note-graph-tag-btn,.note-graph-controls-panel,.note-graph-controls-toggle,.note-graph-panel-toggle{transition:none}}@media (max-width:760px){.note-graph-panel{width:calc(100vw - 20px);top:auto;bottom:16px}}.navbar-orbit{transform-origin:50%;transition:transform .2s}@media (max-width:420px){.navbar-orbit{transform:scale(.78)}}@media (min-width:421px) and (max-width:520px){.navbar-orbit{transform:scale(.88)}}.lock-icon-btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.lock-icon-btn:active{transform:scale(.82)}.lock-shackle{transform-origin:12px 7px;transition:d .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1)}.lock-shackle-open{transform:rotate(-15deg)translateY(-2px)}.lock-body-rect{transition:fill .3s,stroke .3s}.lock-glow{opacity:0;pointer-events:none;border-radius:50%;transition:opacity .3s,box-shadow .3s;position:absolute;inset:-3px}.lock-icon-btn.lock-unlocked .lock-glow{opacity:1;box-shadow:0 0 8px 1px #4ade8059}@keyframes lock-pulse{0%,to{opacity:.7}50%{opacity:1}}.lock-icon-btn.lock-locked svg{animation:2.5s ease-in-out infinite lock-pulse}@keyframes lock-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.lock-shake{animation:.4s ease-out lock-shake}@keyframes keyhole-blink{0%,80%,to{opacity:.5}90%{opacity:1}}.lock-keyhole{transition:opacity .3s,fill .3s}.lock-icon-btn.lock-locked .lock-keyhole{animation:3s ease-in-out infinite keyhole-blink}.lock-icon-btn.lock-unlocked .lock-keyhole{opacity:.8}