@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}}*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{transition-property:none}body.no-transition,body.no-transition *,body.no-transition :before,body.no-transition :after{transition:none!important}body.theme-transitioning,body.theme-transitioning *,body.theme-transitioning :before,body.theme-transitioning :after{transition-property:color,background-color,border-color,box-shadow,fill,stroke!important;transition-duration:var(--theme-transition-duration)!important;transition-timing-function:var(--theme-transition-easing)!important;transition-delay:0s!important}:root{--bg:#fff;--sidebar-bg:#f6f6f8eb;--sidebar-border:#c8c8cc;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#aeaeb2;--accent-orange:#f2b82e;--accent:var(--accent-orange);--accent-red:#ff3b30;--hover:#f5f5f5;--selected-strong:#f7e18a;--header-highlight-bg:#0000000e;--divider:#e5e5ea;--link-icon-color:#000;--exp-card-hover-border:#00000040;--shadow-lg:0 12px 40px #0000002e;--radius:10px;--system-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;--menu-before-bg:#fffc;--menu-before-border:#0000001f;--menu-fg:#1d1d1f;--music-icon-expanded-bg:#0000002e;--music-dropdown-bg:#f6f6f8;--music-times-color:#4d4d4f;--music-ctrl-color:gray;--music-ctrl-color-active:#000;--music-slider-bg:#eaeaec;--music-slider-track-bg:#e5e5e7;--music-indicator-color:#00000029;--note-area-bg:#fff;--note-body-max-width:720px;--theme-transition-duration:.6s;--theme-transition-easing:ease;--notes-scale:1;--exp-toggle-duration:.35s;--exp-toggle-easing:ease;--exp-icon-size:48px;--exp-card-padding-x:10px;--exp-card-header-gap:10px;--card-bg:#f9f9fb;--table-border:#d6d6db;--table-header-bg:#f2f2f7;--sketch-bg:#fefefa;--sketch-border:#ddd9c8;--check-border:#c7c7cc;--tag-orange-bg:#fff2e0;--tag-orange-fg:#b36800;--tag-blue-bg:#e6f2ff;--tag-blue-fg:#05c;--tag-green-bg:#e7f8eb;--tag-green-fg:#1a8a3e;--tag-purple-bg:#f5eafb;--tag-purple-fg:#7b2fa6;--scrollbar-thumb:#9a9aa0;--scrollbar-track:#f0f0f2;--sidebar-tab-hover-bg:#eee;--scrollbar-gutter-width:11px;--slider-thumb-bg:#fff;--window-outline:#d9d9d9;--dropdown-shadow:0 8px 32px #0000002e, 0 0 0 .5px #0000001f}body{font-family:var(--system-font);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;touch-action:manipulation;height:100dvh;overflow:hidden}body[data-notes-theme=black]{--accent-orange:#d9a010;--accent:var(--accent-orange);--bg:#0b0b0c;--sidebar-bg:#1c1c20eb;--sidebar-border:#3b3b3d;--text-primary:#ececed;--text-secondary:#a9a9ab;--text-tertiary:#808082;--hover:#2a2a2c;--selected-strong:#957b38;--header-highlight-bg:#ffffff13;--divider:#3c3c3e;--link-icon-color:#fff;--exp-card-hover-border:#ffffff40;--menu-before-bg:#0000008c;--menu-before-border:#ffffff24;--menu-fg:#e8e8ec;--music-icon-expanded-bg:#ffffff24;--music-dropdown-bg:#1c1c20;--music-times-color:#c5c5ca;--music-ctrl-color:#98989a;--music-ctrl-color-active:#f2f2f3;--music-slider-bg:#303032;--music-slider-track-bg:#3a3a3c;--music-indicator-color:#ffffff24;--note-area-bg:#1c1c1e;--card-bg:#2a2a2c;--table-border:#3c3c3e;--table-header-bg:#2a2a2c;--sketch-bg:#252527;--sketch-border:#3c3c3e;--check-border:#606062;--tag-orange-bg:#493418;--tag-orange-fg:#ffb040;--tag-blue-bg:#162f4b;--tag-blue-fg:#4da3ff;--tag-green-bg:#213e2a;--tag-green-fg:#5cd87a;--tag-purple-bg:#392744;--tag-purple-fg:#c88aee;--scrollbar-thumb:#a6a6aa;--scrollbar-track:#2f2f31;--sidebar-tab-hover-bg:#2f2f31;--slider-thumb-bg:#dcdcdd;--window-outline:#2e2e30;--dropdown-shadow:0 8px 32px #0006, 0 0 0 .5px #ffffff1a}.menu-bar{top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:none;z-index:100;height:25px;padding:0 calc(12px + env(safe-area-inset-right,0px)) 0 calc(12px + env(safe-area-inset-left,0px));-webkit-user-select:none;user-select:none;isolation:isolate;background:0 0;align-items:center;font-size:13px;font-weight:500;display:flex;position:fixed;inset-inline:0}.menu-bar:before{content:"";background-color:var(--menu-before-bg);-webkit-backdrop-filter:blur(20px)saturate(185%)contrast(105%);border-bottom:.5px solid var(--menu-before-border);z-index:0;pointer-events:none;position:absolute;inset:0}.menu-bar .apple-logo{color:var(--menu-fg);margin-right:18px;font-size:16px}.menu-bar .menu-items{gap:16px;display:flex}.menu-bar .menu-items span:first-child{font-weight:700}.menu-bar .menu-items span{color:var(--menu-fg);font-weight:400}.menu-bar .menu-right{align-items:center;gap:14px;margin-left:auto;font-size:12px;font-weight:400;display:flex}.menu-bar .menu-right>span{color:var(--menu-fg)}.menu-bar>*{z-index:1;position:relative}.menu-bar-music{align-items:center;height:25px;display:flex;position:relative}.home-stage{box-sizing:border-box;height:100dvh;padding-top:calc(25px + env(safe-area-inset-top,0px));padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.notes-scale-frame{width:calc(1140px * var(--notes-scale));height:calc(712px * var(--notes-scale));flex:none;justify-content:center;align-items:flex-start;display:flex}.notes-scale-content{width:1140px;height:712px;transform:scale(var(--notes-scale));transform-origin:top;will-change:transform}.app-window{background-color:var(--bg);width:1140px;height:700px;box-shadow:var(--shadow-lg), 0 0 0 .5px var(--window-outline);z-index:10;border-radius:15px;margin-top:12px;transition:background-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.traffic-lights{z-index:20;gap:8px;display:flex;position:absolute;top:18px;left:18px}.tl{border-radius:50%;width:12px;height:12px}.tl-r{background:#ff5f57}.tl-y{background:#febc2e}.tl-g{background:#28c840}.sidebar{background-color:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px)saturate(120%);border-right:.5px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;width:285px;padding-top:52px;display:flex}.sidebar-titlebar{flex-shrink:0;align-items:center;height:40px;padding:0 12px;display:flex}.sidebar-cloud-label{color:var(--text-tertiary);letter-spacing:.3px;flex-shrink:0;padding:2px 16px 4px;font-size:11px;font-weight:500;line-height:1.2}.sidebar-folder-row{background-color:var(--header-highlight-bg);color:var(--text-primary);border-radius:8px;align-items:center;gap:7px;width:100%;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.sidebar-folder-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.sidebar-folder-icon svg path{fill:none;stroke:var(--accent-orange);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.sidebar-folder-name{flex:1}.sidebar-folder-count{color:var(--text-tertiary);font-size:12px}.sidebar-day-label{color:var(--text-secondary);letter-spacing:.3px;flex-shrink:0;padding:0 16px 6px;font-size:11px;font-weight:500;line-height:1.2}.sidebar-note-list{flex:1;padding:0 12px 8px;overflow-y:auto}.note-preview{cursor:pointer;text-align:left;width:100%;font-family:var(--system-font);background:0 0;border:none;border-radius:8px;flex-direction:column;gap:1px;margin-bottom:1px;padding:12px 25px 14px;transition:background-color .12s;display:flex}.note-preview:hover{background-color:var(--sidebar-tab-hover-bg)}body[data-active-note=about] .note-preview[data-note=about],body[data-active-note=projects] .note-preview[data-note=projects],body[data-active-note=contact] .note-preview[data-note=contact]{background-color:var(--selected-strong)}.note-preview .np-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.25;overflow:hidden}.note-preview .np-row2{align-items:center;gap:6px;min-width:0;font-size:11.5px;line-height:1.2;display:flex}.note-preview .np-date{color:var(--text-primary);flex-shrink:0;font-weight:500}.note-preview .np-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.note-area{background-color:var(--note-area-bg);flex-direction:column;flex:1;min-width:0;display:flex}.note-toolbar{border-bottom:.5px solid var(--divider);cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.note-toolbar *{cursor:inherit}.tb-btn{box-sizing:border-box;width:32px;height:26px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tb-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:16px;height:16px}.tb-spacer{flex:1}.tb-btn.tb-aa{letter-spacing:-.5px;font-size:14px;font-weight:600;font-family:var(--system-font)}.tb-btn .dropdown-caret{opacity:.5;margin-left:1px;font-size:8px}.note-content-area{scrollbar-gutter:stable both-edges;flex-direction:column;flex:1;align-items:center;padding:20px 36px 48px;display:flex;overflow-y:scroll}.note-panel{width:min(100%, var(--note-body-max-width));box-sizing:border-box;margin:0;display:none}.note-panel>article{box-sizing:border-box;width:100%;min-width:0}body[data-active-note=about] [data-panel=about],body[data-active-note=projects] [data-panel=projects],body[data-active-note=contact] [data-panel=contact]{display:block}.note-date{color:var(--text-tertiary);text-align:center;margin-bottom:16px;font-size:12px}.note-panel h1{color:var(--text-primary);margin-bottom:2px;font-size:28px;font-weight:700;line-height:1.25}.note-panel h2{color:var(--text-primary);margin:36px 0 2px;font-size:20px;font-weight:700;line-height:1.3}.note-panel p{color:var(--text-primary);margin:6px 0;font-size:15px;line-height:1.65}.note-panel p.subtle{color:var(--text-secondary)}.note-panel a{color:var(--accent);text-decoration:none}.note-panel a:hover:not(.link-preview):not(.project-card){text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.note-panel ul{margin:6px 0;padding-left:0;list-style:none}.note-panel li{padding:1px 0 1px 20px;font-size:15px;line-height:1.65;position:relative}.note-panel li:before{content:"•";color:var(--text-tertiary);position:absolute;left:6px}mark{color:inherit;border-radius:4px;padding:1px 4px}mark,mark.orange{background:#ffb34059}mark.pink{background:#ff64824d}mark.blue{background:#68b5fc4d}mark.mint{background:#68dbac4d}mark.purple{background:#cc7eff4d}.checklist{margin:6px 0}.checklist-item{align-items:flex-start;gap:10px;padding:3px 0;font-size:15px;line-height:1.5;display:flex}.check-circle{border:1.5px solid var(--check-border);color:#0000;cursor:default;pointer-events:none;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;padding:0;font-size:11px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.check-circle.checked{background:var(--accent-orange);border-color:var(--accent-orange);color:#fff}.checklist-item.is-checked>span{text-decoration:none}.tag-row{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.tag{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.tag-orange{background:var(--tag-orange-bg);color:var(--tag-orange-fg)}.tag-blue{background:var(--tag-blue-bg);color:var(--tag-blue-fg)}.tag-green{background:var(--tag-green-bg);color:var(--tag-green-fg)}.tag-purple{background:var(--tag-purple-bg);color:var(--tag-purple-fg)}.project-card{background-color:var(--card-bg);border:.5px solid var(--divider);border-radius:var(--radius);cursor:pointer;color:inherit;margin:10px 0;padding:14px 18px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block}.project-card:hover{border-color:var(--exp-card-hover-border);box-shadow:0 0 0 .5px var(--exp-card-hover-border);text-decoration:none}.project-card h3{margin:0 0 2px;font-size:16px;font-weight:600}.project-card .pc-desc{color:var(--text-secondary);margin:4px 0 0;font-size:14px;line-height:1.5}.pc-ext-icon{color:var(--text-tertiary);vertical-align:baseline;margin-left:2px;font-size:12px}.notes-table{border-collapse:collapse;border:1px solid var(--table-border);border-radius:6px;width:100%;margin:10px 0;font-size:14px;overflow:hidden}.notes-table th{text-align:left;background-color:var(--table-header-bg);border:1px solid var(--table-border);color:var(--text-primary);padding:7px 12px;font-size:13px;font-weight:600}.notes-table td{border:1px solid var(--table-border);padding:7px 12px}.link-preview{width:fit-content;color:var(--text-primary);align-items:center;gap:10px;margin:10px 0;padding:5px 0;text-decoration:none;display:flex}.link-preview .lp-icon{color:var(--link-icon-color);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.link-preview .lp-icon svg{flex-shrink:0;width:21px;height:21px;display:block}.link-preview .lp-url{color:var(--accent);font-size:14px}.link-preview:hover .lp-url{text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.exp-card{background-color:var(--card-bg);border:.5px solid var(--divider);border-radius:var(--radius);cursor:pointer;margin:10px 0;transition:border-color .2s,box-shadow .2s}.exp-card:hover{border-color:var(--exp-card-hover-border);box-shadow:0 0 0 .5px var(--exp-card-hover-border)}.note-panel h2+.exp-card{margin-top:11px}.exp-card-header{align-items:center;gap:var(--exp-card-header-gap);padding:var(--exp-card-padding-x);display:flex}.exp-card .exp-icon{width:var(--exp-icon-size);height:var(--exp-icon-size);border-radius:9px;flex-shrink:0;overflow:hidden}.exp-card .exp-icon svg,.exp-card .exp-icon img{object-fit:contain;width:100%;height:100%;display:block}.exp-card .exp-info{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.exp-card .exp-company{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.65}.exp-card .exp-role{color:var(--text-secondary);font-size:13px;line-height:1.3}.exp-card .exp-date{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:13px;line-height:1.3}.exp-chevron{color:var(--text-tertiary);flex-shrink:0;margin-left:4px;font-size:9px}.exp-chevron-open{transform:rotate(180deg)}.exp-details{max-height:0;overflow:hidden}body .exp-chevron{transition:transform var(--exp-toggle-duration) var(--exp-toggle-easing)!important}body .exp-details{transition:max-height var(--exp-toggle-duration) var(--exp-toggle-easing)!important}.exp-details-open{max-height:400px}.exp-details-inner{padding:0 var(--exp-card-padding-x) var(--exp-card-padding-x)}.exp-divider{background-color:var(--sidebar-border);height:.5px;margin-bottom:var(--exp-card-padding-x)}.exp-details ul{padding:0 0 0 calc(var(--exp-icon-size) + var(--exp-card-header-gap));margin:0;list-style:none}.exp-details li{color:var(--text-secondary);padding:3px 0 3px 16px;font-size:13px;line-height:1.55;position:relative}.exp-details li:before{content:"–";color:var(--text-tertiary);font-weight:500;position:absolute;left:0}.sketch-block{background-color:var(--sketch-bg);border:1px dashed var(--sketch-border);border-radius:var(--radius);text-align:center;color:var(--text-tertiary);margin:14px 0;padding:20px;font-size:13px}.music-widget{cursor:pointer;z-index:200;align-items:center;height:25px;display:flex;position:relative;overflow:visible}.music-icon{cursor:pointer;color:var(--menu-fg);background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;padding:3px 8px;line-height:1;transition:background-color .15s;display:flex}.music-icon:hover{background:0 0}.music-widget.expanded .music-icon{background-color:var(--music-icon-expanded-bg)}.music-dropdown{--md-full-icon-left:14px;--md-full-icon-top:14px;--md-full-icon-size:112px;--md-full-content-gap:12px;--md-icon-left:14px;--md-icon-top:14px;--md-icon-size:112px;--md-content-gap:12px;background-color:var(--music-dropdown-bg);isolation:isolate;width:330px;height:140px;box-shadow:var(--dropdown-shadow);z-index:200;cursor:default;font-family:var(--system-font);opacity:0;border-radius:15px;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 12px;transition:none;display:flex;position:absolute;top:calc(100% + 6px);right:-8px;overflow:hidden}.music-dropdown.md-visible{opacity:1}.music-dropdown.md-anim-out{transition:opacity .25s ease, height .35s ease, padding .35s ease, background-color var(--theme-transition-duration) var(--theme-transition-easing), box-shadow var(--theme-transition-duration) var(--theme-transition-easing)}.md-album{left:var(--md-icon-left);top:var(--md-icon-top);width:var(--md-icon-size);min-width:var(--md-icon-size);height:var(--md-icon-size);background:0 0;border-radius:12px;flex-shrink:0;transition:left .35s,top .35s,width .35s,min-width .35s,height .35s,border-radius .35s,box-shadow .35s;position:absolute;overflow:hidden;box-shadow:0 2px 10px #00000026}.md-album:empty{box-shadow:none}.md-album-img{object-fit:cover;width:100%;height:100%;display:block}.md-full-content{top:var(--md-full-icon-top);left:calc(var(--md-full-icon-left) + var(--md-full-icon-size) + var(--md-full-content-gap));height:var(--md-full-icon-size);opacity:1;flex-direction:column;justify-content:space-between;transition:opacity .25s .18s;display:flex;position:absolute;right:12px}.md-mini-content{padding:0 12px 0 calc(var(--md-icon-left) + var(--md-icon-size) + var(--md-content-gap));opacity:0;pointer-events:none;align-items:center;gap:10px;transition:opacity .2s,padding-left .35s;display:flex;position:absolute;inset:0}.music-dropdown.md-mini{--md-icon-left:16px;--md-icon-size:47px;--md-content-gap:14px;--md-icon-top:calc((80px - var(--md-icon-size)) / 2);cursor:pointer;height:80px;padding:14px 16px}.music-dropdown.md-mini .md-album{border-radius:8px;box-shadow:0 1px 6px #0000001f}.music-dropdown.md-mini .md-full-content{opacity:0;pointer-events:none;transition:opacity .15s}.music-dropdown.md-mini .md-mini-content{opacity:1;pointer-events:auto;padding-left:calc(var(--md-icon-left) + var(--md-icon-size) + var(--md-content-gap));transition:opacity .25s .12s,padding-left .35s}.md-mini-info{flex:1;min-width:0}.md-mini-controls{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;transition:transform .3s;display:flex;transform:translate(60px)}.music-dropdown.md-mini .md-mini-controls{transition:transform .3s .15s;transform:translate(0)}.md-mini-controls .md-ctrl{padding:2px}.md-song{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;display:block;position:relative;overflow:hidden}.md-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;line-height:1.3;display:block;position:relative;overflow:hidden}.md-text-row{align-items:center;gap:10px;display:flex}.md-text-info{flex:1;min-width:0}.md-playback-indicator{flex-shrink:0;justify-content:center;align-items:center;gap:1px;height:14px;display:flex}.md-indicator-bar{transform-origin:50%;border-radius:1px;width:2px;height:10.5px;transition:transform .26s;display:block;overflow:hidden;transform:scaleY(.2)}.md-indicator-wave{border-radius:inherit;background-color:var(--music-indicator-color);transform-origin:50%;width:100%;height:100%;animation-name:md-wave;animation-duration:1.15s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;display:block}.md-indicator-playing .md-indicator-bar{transform:scaleY(1)}.md-indicator-playing .md-indicator-wave{animation-play-state:running}.md-indicator-bar:first-child .md-indicator-wave{animation-delay:-.6s}.md-indicator-bar:nth-child(2) .md-indicator-wave{animation-delay:-.3s}.md-indicator-bar:nth-child(3) .md-indicator-wave{animation-delay:0s}.md-indicator-bar:nth-child(4) .md-indicator-wave{animation-delay:-.8s}.md-indicator-bar:nth-child(5) .md-indicator-wave{animation-delay:-.5s}@keyframes md-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.md-marquee{text-overflow:clip;position:relative;overflow:hidden}.md-marquee:after{content:"";pointer-events:none;z-index:2;background-color:var(--music-dropdown-bg);width:7px;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.md-marquee-fade-left{pointer-events:none;z-index:2;background-color:var(--music-dropdown-bg);opacity:0;width:7px;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.md-marquee-inner{white-space:nowrap;z-index:1;display:inline-block;position:relative}.md-marquee-measure{visibility:hidden;white-space:nowrap;pointer-events:none;position:absolute}.md-marquee-gap{width:20px;display:inline-block}.md-controls{flex-direction:row;justify-content:center;align-items:center;gap:14px;width:100%;display:flex}.md-ctrl{color:var(--music-ctrl-color);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;line-height:1;transition:color 80ms linear;display:flex}.md-ctrl:hover{color:var(--music-ctrl-color);background:0 0}.md-ctrl:active{color:var(--music-ctrl-color-active);background:0 0}.md-ctrl.md-play{color:var(--music-ctrl-color)}.md-ctrl.md-play:active{color:var(--music-ctrl-color-active)}.md-progress{flex-direction:column;width:100%;display:flex}.md-progress-bar{align-items:center;width:100%;height:12px;display:flex;position:relative}.md-progress-track{background-color:var(--music-slider-bg);border-radius:2px;height:4px;position:absolute;left:0;right:0;overflow:hidden}.md-progress-fill{background-color:#007aff;border-radius:2px;width:0%;height:100%}.md-slider{appearance:none;cursor:pointer;width:100%;height:12px;box-shadow:none;z-index:1;background:0 0;border:none;border-radius:8px;outline:none;margin:0;padding:0;position:relative}.md-slider::-webkit-slider-runnable-track{height:4px;box-shadow:none;background:0 0;border:none;border-radius:2px}.md-slider::-webkit-slider-thumb{appearance:none;background-color:var(--slider-thumb-bg);cursor:pointer;opacity:0;width:16px;height:12px;transition:opacity .1s linear, box-shadow .1s linear, filter .1s linear, transform .1s linear, background-color var(--theme-transition-duration) var(--theme-transition-easing);border:none;border-radius:8px;margin-top:-4px;box-shadow:0 .5px 2px #00000047}.md-slider:not(:hover):not(:active)::-webkit-slider-thumb{opacity:0}.md-slider:hover::-webkit-slider-thumb{opacity:1}.md-slider:active::-webkit-slider-thumb{opacity:1;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffff1f;border:1px solid #ffffff2e;transform:scale(1.2);box-shadow:-3px 0 8px #007aff80,-1px 0 3px #007aff59,inset 0 0 0 .5px #ffffff26,0 1px 4px #0000001a,0 0 10px #78aaff26}.md-slider::-moz-range-track{height:4px;box-shadow:none;background:0 0;border:none;border-radius:2px}.md-slider::-moz-range-progress{background:0 0;border-radius:2px;height:4px}.md-slider::-moz-range-thumb{background-color:var(--slider-thumb-bg);cursor:pointer;opacity:0;width:16px;height:12px;transition:opacity .12s linear, box-shadow .12s linear, filter .12s linear, transform .12s linear, background-color var(--theme-transition-duration) var(--theme-transition-easing);border:none;border-radius:8px;box-shadow:0 .5px 2px #00000047}.md-slider:not(:hover):not(:active)::-moz-range-thumb{opacity:0}.md-slider:hover::-moz-range-thumb{opacity:1}.md-slider:active::-moz-range-thumb{opacity:1;background:#ffffff1f;border:1px solid #ffffff2e;transform:scale(1.3);box-shadow:-3px 0 8px #007aff80,-1px 0 3px #007aff59,inset 0 0 0 .5px #ffffff26,0 1px 4px #0000001a,0 0 10px #78aaff26}.md-times{color:var(--music-times-color);font-variant-numeric:tabular-nums;flex-direction:row;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}@media (pointer:coarse) and (max-height:500px),(pointer:coarse) and (max-width:767px){.music-dropdown{transform-origin:100% 0;transform:scale(.75)}}.bg-switcher{bottom:calc(14px + env(safe-area-inset-bottom,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:200;-webkit-backdrop-filter:blur(12px);background:#00000080;border-radius:14px;flex-flow:column;align-items:center;gap:6px;width:36px;padding:8px 7px;display:flex;position:fixed}.bg-dot{box-sizing:border-box;cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;min-width:22px;height:22px;min-height:22px;transition:border-color .2s,transform .15s}.bg-dot:hover{transform:scale(1.15)}body[data-wallpaper=big-sur] .bg-dot[data-bg=big-sur],body[data-wallpaper=tahoe] .bg-dot[data-bg=tahoe],body[data-wallpaper=sequoia] .bg-dot[data-bg=sequoia],body[data-wallpaper=minimal] .bg-dot[data-bg=minimal]{border-color:#fff}.theme-toggle-btn{box-sizing:border-box;cursor:pointer;color:#ffffffe6;appearance:none;background:#ffffff26;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;margin:0;padding:0;transition:border-color .2s,transform .15s;display:flex}.theme-toggle-btn:hover{transform:scale(1.15)}body[data-notes-theme=white] .theme-toggle-btn .icon-moon,body[data-notes-theme=black] .theme-toggle-btn .icon-sun{display:none}.desktop-bg{z-index:0;opacity:0;pointer-events:none;transition:opacity 1s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}body[data-wallpaper=big-sur] [data-bg=big-sur],body[data-wallpaper=tahoe] [data-bg=tahoe],body[data-wallpaper=sequoia] [data-bg=sequoia],body[data-wallpaper=minimal] [data-bg=minimal]{opacity:1;pointer-events:auto}::-webkit-scrollbar{width:var(--scrollbar-gutter-width)}::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:999px;margin:6px 0 14px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px}.portrait-overlay{z-index:10000;background-color:var(--bg);font-family:var(--system-font);display:none;position:fixed;inset:0}.portrait-content{flex-direction:column;align-items:center;gap:20px;display:flex}.portrait-icon{color:var(--text-tertiary)}.portrait-text{color:var(--text-secondary);text-align:center;margin:0;font-size:15px;font-weight:500}@media (orientation:portrait) and (max-width:767px) and (pointer:coarse){.portrait-overlay{justify-content:center;align-items:center;display:flex}.menu-bar,.bg-switcher{display:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}