:root{--accent: #7719aa;--accent-dark: #5c1387;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-title: "Calibri Light", "Segoe UI Light", "Segoe UI", sans-serif;--surface: #ffffff;--surface-alt: #faf9f8;--ink: #323130;--ink-soft: #605e5c;--line: #e1dfdd;--hover: #f0eef1;--accent-pale: color-mix(in srgb, var(--accent) 10%, var(--surface));--placeholder: #a19f9d;--taskbar-h: 48px}:root.dark{--surface: #292827;--surface-alt: #201f1e;--ink: #f3f2f1;--ink-soft: #a19f9d;--line: #3f3e3d;--hover: #373635;--accent-pale: color-mix(in srgb, var(--accent) 22%, var(--surface));--placeholder: #797775}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-ui);color:var(--ink);overflow:hidden}.window,.titlebar,.ribbon,.ribbon-tab,.sidebar,.notebook-header,.canvas,.note-title,.note-date,.note-body,.page-item,.add-page,.chip{transition:background-color .35s ease,color .35s ease,border-color .35s ease}.desktop{position:relative;height:100%;overflow:hidden;background:radial-gradient(120% 90% at 15% 90%,#2b4d8f 0%,transparent 55%),radial-gradient(110% 80% at 85% 15%,#7b3fa0 0%,transparent 55%),radial-gradient(90% 90% at 60% 70%,#1d5f8f 0%,transparent 60%),linear-gradient(160deg,#0f2a5e,#37246b,#143a6e)}.desktop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 15% 90%,#10203f 0%,transparent 55%),radial-gradient(110% 80% at 85% 15%,#33184a 0%,transparent 55%),linear-gradient(160deg,#060d1f,#150e2e,#081527);opacity:0;transition:opacity .5s ease;pointer-events:none}:root.dark .desktop:before{opacity:1}.desktop-icons{position:absolute;top:16px;left:16px;-webkit-user-select:none;user-select:none;z-index:1}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:8px 4px;border-radius:4px;cursor:default}.desktop-icon:hover{background:#ffffff1f}.desktop-icon-img{transition:transform .16s cubic-bezier(.2,0,0,1)}.desktop-icon:active .desktop-icon-img{transform:scale(.82)}.desktop-icon-img{display:block;width:38px;height:38px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.bin-icon{display:block;width:100%;height:100%;object-fit:contain}.desktop-icon-label{font-size:11.5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.window{position:absolute;z-index:2;width:min(1380px,calc(100vw - 64px));height:min(888px,calc(100vh - var(--taskbar-h) - 32px));display:flex;flex-direction:column;background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:0 24px 60px #00000073,0 4px 14px #0000004d;border:1px solid rgba(0,0,0,.25);transition:opacity .15s ease,transform .15s ease,background-color .35s ease,left .28s cubic-bezier(.2,0,0,1),top .28s cubic-bezier(.2,0,0,1),width .28s cubic-bezier(.2,0,0,1),height .28s cubic-bezier(.2,0,0,1),border-radius .28s cubic-bezier(.2,0,0,1)}.window.dragging{transition:none;box-shadow:0 32px 80px #0000008c,0 6px 18px #00000059}.window.hidden{opacity:0;transform:scale(.96) translateY(14px);pointer-events:none}.window.maximized{left:0!important;top:0!important;width:100vw!important;height:calc(100vh - var(--taskbar-h))!important;border-radius:0;border:none}.resize-handle{position:absolute;z-index:30;touch-action:none}.window.maximized .resize-handle{display:none}[data-resize=n],[data-resize=s]{left:10px;right:10px;height:5px;cursor:ns-resize}[data-resize=n]{top:0}[data-resize=s]{bottom:0}[data-resize=e],[data-resize=w]{top:10px;bottom:10px;width:5px;cursor:ew-resize}[data-resize=e]{right:0}[data-resize=w]{left:0}[data-resize=ne],[data-resize=nw],[data-resize=se],[data-resize=sw]{width:12px;height:12px;z-index:31}[data-resize=nw]{top:0;left:0;cursor:nwse-resize}[data-resize=se]{bottom:0;right:0;cursor:nwse-resize}[data-resize=ne]{top:0;right:0;cursor:nesw-resize}[data-resize=sw]{bottom:0;left:0;cursor:nesw-resize}.titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#fff;height:34px;padding:0 0 0 10px;flex-shrink:0;-webkit-user-select:none;user-select:none;cursor:default;touch-action:none}.titlebar-left{display:flex;align-items:center;gap:8px;pointer-events:none}.app-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.onenote-logo{display:block;width:100%;height:100%;object-fit:contain}.titlebar-text{font-size:12.5px;opacity:.95}.titlebar-controls{display:flex;height:100%}.control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:100%;font-size:11px;cursor:default;transition:background .1s}.control svg{display:block}.control:hover{background:#ffffff26}.control-close:hover{background:#e81123}.ribbon{display:flex;align-items:center;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 10px;height:38px;flex-shrink:0;-webkit-user-select:none;user-select:none}.ribbon-tab{padding:8px 14px;font-size:13px;color:var(--ink-soft);cursor:default;border-bottom:2.5px solid transparent}.ribbon-tab:hover{color:var(--accent)}.ribbon-tab.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}:root.dark .ribbon-tab.active,:root.dark .ribbon-tab:hover{color:color-mix(in srgb,var(--accent) 55%,#fff)}.workspace{display:flex;flex:1;min-height:0;position:relative}.menu-btn{display:none;align-items:center;justify-content:center;width:32px;height:30px;margin-right:2px;border:none;border-radius:5px;background:transparent;color:#fff;cursor:pointer;pointer-events:auto}.menu-btn:active{background:#fff3}.nav-scrim{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;background:#0006;opacity:0;pointer-events:none;transition:opacity .22s ease}.sidebar{width:220px;flex-shrink:0;background:var(--surface-alt);border-right:1px solid var(--line);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.notebook-header{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;font-size:14px;font-weight:600;color:var(--accent);border-bottom:1px solid var(--line)}:root.dark .notebook-header{color:color-mix(in srgb,var(--accent) 55%,#fff)}.notebook-chevron{font-size:11px;color:var(--ink-soft)}.page-list{list-style:none;padding:8px 0;overflow-y:auto}.page-group{display:block}.page-item{padding:9px 16px 9px 26px;font-size:13.5px;color:var(--ink);cursor:pointer;border-left:3px solid transparent}.page-item:hover{background:var(--hover)}.page-item.active{background:var(--accent-pale);border-left-color:var(--accent);font-weight:600;color:var(--accent-dark)}:root.dark .page-item.active{color:color-mix(in srgb,var(--accent) 40%,#fff)}.subpage-list{list-style:none;max-height:0;overflow:hidden;transition:max-height .2s ease}.subpage-list.expanded{max-height:300px}.page-item.subpage{padding:6px 12px 6px 42px;font-size:12px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-item.subpage.active{color:var(--accent-dark)}:root.dark .page-item.subpage.active{color:color-mix(in srgb,var(--accent) 40%,#fff)}.add-page{margin-top:auto;border:none;border-top:1px solid var(--line);background:transparent;font-family:inherit;font-size:13px;color:var(--ink-soft);text-align:left;padding:12px 16px;cursor:pointer}.add-page:hover{color:var(--accent);background:var(--hover)}.canvas{flex:1;background:var(--surface);overflow-y:auto}.note{max-width:1000px;padding:34px 46px 40px}.note-title{border:none;outline:none;width:100%;font-family:var(--font-title);font-weight:300;font-size:32px;color:var(--ink);padding-bottom:2px;background:transparent;cursor:default}.note-date{font-size:11.5px;color:var(--ink-soft);padding:4px 0 10px 1px;border-bottom:1px solid var(--line);margin-bottom:18px}.note-body{min-height:240px;outline:none;font-size:14.5px;line-height:1.7;color:var(--ink)}.note-body:empty:before{content:"Nothing here yet… click to start typing.";color:var(--placeholder);pointer-events:none}.note-body.has-content{-webkit-user-select:text;user-select:text}.note-body p{margin-bottom:13px;max-width:66ch}.note-text p,.note-text li{max-width:none}.typed .dots{display:inline-flex;align-items:center;gap:3.5px;margin-left:2px;vertical-align:baseline}.typed .dots i{width:4.5px;height:4.5px;border-radius:50%;background:currentColor;opacity:.28;animation:dot-pulse 1.25s ease-in-out infinite}.typed .dots i:nth-child(2){animation-delay:.16s}.typed .dots i:nth-child(3){animation-delay:.32s}.typed .type-hint{margin-left:7px;font-size:9.5px;letter-spacing:.01em;color:var(--placeholder);vertical-align:1px;-webkit-user-select:none;user-select:none}@keyframes dot-pulse{0%,62%,to{opacity:.28;transform:translateY(0)}31%{opacity:.95;transform:translateY(-2.5px)}}.typed.typing:after{content:"";display:inline-block;width:1.5px;height:1.05em;margin-left:1px;background:currentColor;vertical-align:text-bottom;animation:caret-blink 1.05s step-end infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.note-body .lede{font-size:16px;line-height:1.65;margin-bottom:16px}.note-body .muted{font-size:13px;color:var(--ink-soft)}.note-body h3{font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin:22px 0 2px;transition:color .35s ease}.note-body h3:first-child{margin-top:0}:root.dark .note-body h3{color:color-mix(in srgb,var(--accent) 50%,#fff)}.note-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);cursor:pointer;transition:color .35s ease}.note-body a:hover{border-bottom-color:var(--accent);background:var(--accent-pale)}.note-body a:has(strong){border-bottom:none}:root.dark .note-body a{color:color-mix(in srgb,var(--accent) 45%,#fff)}.link-list{list-style:none;margin:14px 0 16px;padding:0}.link-list li{position:relative;padding:5px 0 5px 18px;font-size:14px}.link-list .sub{margin:4px 0 2px;padding-left:16px}.link-list .sub li{font-size:13px;padding:3px 0 3px 16px}.link-list .sub li:before{font-size:11.5px;opacity:.7}.link-list li:before{content:">";position:absolute;left:1px;top:5px;font-size:13px;line-height:1.55;color:var(--accent);transition:color .35s ease}:root.dark .link-list li:before{color:color-mix(in srgb,var(--accent) 50%,#fff)}.media-links{padding-top:18px}.media-links p{font-size:13px;line-height:1.5;margin:0 0 4px;max-width:none}.media-links strong{color:var(--ink)}.social-line{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:22px;max-width:none}.social{display:inline-flex;align-items:center;gap:8px}.social-mark{width:16px;height:16px;flex-shrink:0;color:var(--ink);transition:color .35s ease}.social strong{color:var(--ink);font-weight:700;transition:color .35s ease}.social a{color:var(--accent);font-weight:400;text-decoration:underline;text-underline-offset:2px;border-bottom:none}.social a:hover{background:var(--accent-pale)}:root.dark .social a{color:color-mix(in srgb,var(--accent) 45%,#fff)}.xp-list{list-style:none;margin:4px 0 0;padding:0}.xp{display:grid;grid-template-columns:140px minmax(0,1fr);gap:26px;padding-bottom:32px}.xp-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;padding:14px;background:#fff;border:1px solid var(--line);border-radius:6px;transition:border-color .35s ease}.xp-logo img{max-width:100%;max-height:100%;object-fit:contain}.xp-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.xp-org{font-size:23px;font-weight:600;color:var(--ink);letter-spacing:-.015em;text-decoration:none;border-bottom:none;transition:color .15s ease}.xp-date{font-size:13px;color:var(--ink-soft);white-space:nowrap;flex-shrink:0}.xp-role{font-size:13.5px;color:var(--ink-soft);padding-top:3px}.xp-desc{font-size:14px;line-height:1.65;max-width:none;margin:12px 0 0}@media (max-width: 700px){.xp{grid-template-columns:82px minmax(0,1fr);gap:16px}}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{font-size:11px;letter-spacing:.02em;color:var(--ink-soft);border:1px solid var(--line);border-radius:3px;padding:3px 8px;background:var(--surface-alt)}.tag.award{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:600}.note-split{display:grid;grid-template-columns:clamp(210px,29%,300px) minmax(0,1fr);gap:24px;align-items:start}.note-split:has(.shot){grid-template-columns:clamp(240px,34%,360px) minmax(0,1fr)}.note-text{min-width:0}.note-media{display:flex;flex-direction:column;gap:12px;position:sticky;top:0;min-width:0}.shot{margin:0;min-height:0}.shot img{display:block;width:100%;height:auto;border-radius:5px;border:1px solid var(--line);background:var(--surface-alt);transition:border-color .35s ease}.shot figcaption{font-size:11.5px;line-height:1.35;color:var(--ink-soft);padding-top:5px}.shot.missing img{border-style:dashed}.shot.missing figcaption:before{content:"Photo pending —";color:var(--placeholder)}.headshot,.logo-box{width:100%;max-width:270px;aspect-ratio:1 / 1}.headshot{overflow:hidden;border-radius:5px;border:1px solid var(--line);background:var(--surface-alt);transition:border-color .35s ease}.headshot img{display:block;width:100%;height:100%;object-fit:cover}.headshot.missing{border-style:dashed;position:relative}.headshot.missing img{display:none}.headshot.missing:after{content:"Headshot pending";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--placeholder)}.logo-box{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:12px;row-gap:14px;align-items:center;align-content:start;padding-top:4px}.logo-cell{display:flex;align-items:center;min-width:0;max-width:100%}.logo-cell img{max-width:100%;max-height:46px;object-fit:contain}.cell-a{grid-area:1 / 1 / 2 / 3;justify-content:center}.cell-a img{width:81%;max-width:100%;max-height:100%}.cell-n{grid-area:2 / 1 / 3 / 3;justify-content:center}.cell-n img{max-height:46px}.cell-b{grid-area:3 / 1;justify-content:flex-end;padding-right:6px}.cell-b img{max-height:62px}.cell-c{grid-area:3 / 2;justify-content:flex-start;padding-left:6px}.cell-c img{max-height:78px}.logo-pair{grid-area:3 / 1 / 4 / 3;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.logo-slot{display:flex;align-items:center;min-width:0}.logo-slot img{max-width:100%;object-fit:contain}.logo-slot[data-name=UWCA] img{max-height:76px}.logo-slot[data-name=Google] img{max-height:30px}.logo-x{font-size:15px;color:var(--ink-soft);flex-shrink:0}.logo-cell.missing img,.logo-slot.missing img{display:none}.logo-cell.missing:after,.logo-slot.missing:after{content:attr(data-name);font-size:10.5px;color:var(--placeholder)}:root.dark .logo-cell img,:root.dark .logo-slot img{filter:brightness(1.35) contrast(1.05)}@media (max-width: 900px){.note-split{grid-template-columns:minmax(0,1fr);gap:18px}.note-media{position:static;flex-direction:row}.shot{flex:1}}.ribbon-panel{display:flex;align-items:stretch;gap:2px;background:var(--surface);border-bottom:1px solid var(--line);padding:6px 14px 4px;max-height:96px;flex-shrink:0;-webkit-user-select:none;user-select:none;position:relative;z-index:10;transition:max-height .22s ease,padding .22s ease,background-color .35s ease,border-color .35s ease}.ribbon-panel.collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;border-bottom-width:0}.ribbon-group{display:flex;flex-direction:column;align-items:center;padding:2px 12px 0}.ribbon-group-content{flex:1;display:flex;align-items:center}.ribbon-group-label{font-size:10.5px;color:var(--ink-soft);padding:4px 0 2px}.ribbon-sep{width:1px;background:var(--line);margin:4px 2px}.font-select{position:relative}.font-combo{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:160px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--ink);font-size:12.5px;padding:5px 8px;cursor:pointer;transition:border-color .1s,background-color .35s ease,color .35s ease}.font-combo:hover{border-color:var(--accent);background:var(--hover)}.font-combo-chevron{font-size:10px;color:var(--ink-soft)}.font-menu{position:absolute;top:calc(100% + 2px);left:0;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px #00000038;padding:4px;display:none;z-index:50}.font-select.open .font-menu{display:block}.font-menu-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;color:var(--ink);font-size:14px;text-align:left;padding:7px 10px;border-radius:3px;cursor:pointer}.font-menu-item:hover{background:var(--accent-pale)}.font-menu-check{width:14px;font-size:11px;color:transparent}.font-menu-item.selected .font-menu-check{color:var(--accent)}:root.dark .font-menu-item.selected .font-menu-check{color:color-mix(in srgb,var(--accent) 45%,#fff)}.color-swatches{display:flex;gap:5px}.color-swatch{width:22px;height:22px;border:1px solid rgba(0,0,0,.2);border-radius:3px;cursor:pointer;padding:0;transition:transform .1s,box-shadow .1s}.color-swatch:hover{transform:scale(1.12);box-shadow:0 2px 6px #00000040}.color-swatch.selected{outline:2px solid var(--ink);outline-offset:1.5px}.taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--taskbar-h);display:flex;align-items:center;background:#202026c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);-webkit-user-select:none;user-select:none;z-index:100;transition:background-color .35s ease}:root.dark .taskbar{background:#0c0c10d1}.taskbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;height:100%}.task-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:background .1s}.task-icon:hover{background:#ffffff1f}.task-icon:active{background:#ffffff0f}.task-icon>:not(.task-indicator){transition:transform .16s cubic-bezier(.2,0,0,1)}.task-icon:active>:not(.task-indicator){transform:scale(.8)}.win-logo{display:block;width:21px;height:21px}.onenote-task-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.theme-icon{font-size:17px;color:#ffd975;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.task-indicator{position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:6px;height:3px;border-radius:2px;background:transparent;transition:all .15s}.onenote-task.open .task-indicator{background:#4cc2ff;width:16px}.taskbar-right{margin-left:auto;padding-right:14px}.tray-clock{text-align:right;color:#fff;font-size:12px;line-height:1.4;padding:4px 8px;border-radius:6px}.tray-clock:hover{background:#ffffff1a}@media (max-width: 760px){:root{--taskbar-h: 52px}.window{position:fixed;left:0!important;top:0!important;width:100%!important;height:calc(100% - var(--taskbar-h))!important;border:none;border-radius:0;box-shadow:none}.resize-handle,.titlebar-controls,.desktop-icons{display:none}.titlebar{height:46px;padding-left:6px}.titlebar-left{gap:7px;min-width:0}.titlebar-text{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-btn{display:inline-flex}.ribbon{height:42px}.ribbon-tab{padding:10px 16px;font-size:14px}.ribbon-panel{flex-wrap:wrap;max-height:180px;row-gap:6px}.sidebar{position:absolute;z-index:40;top:0;bottom:0;left:0;width:78%;max-width:300px;transform:translate(-100%);transition:transform .24s cubic-bezier(.2,0,0,1);box-shadow:3px 0 20px #0000004d}.workspace.nav-open .sidebar{transform:none}.nav-scrim{display:block}.workspace.nav-open .nav-scrim{opacity:1;pointer-events:auto}.page-item{padding:13px 16px 13px 24px;font-size:15px}.page-item.subpage{padding:10px 14px 10px 40px;font-size:13px}.subpage-list.expanded{max-height:340px}.note{max-width:100%;padding:22px 18px 36px}.note-title{font-size:26px}.note-body{font-size:15px;min-height:0}.note-split,.note-split:has(.shot){grid-template-columns:minmax(0,1fr);gap:18px}.note-media{position:static;flex-direction:column}.note-media:has(.logo-box){display:contents}.headshot{order:1;margin-inline:auto;width:72%;max-width:330px}.note-text{order:2}.logo-box{order:3;margin-inline:auto;aspect-ratio:auto;max-width:300px;padding-top:6px}.cell-a img{width:92%}.xp{grid-template-columns:92px minmax(0,1fr);gap:15px;padding-bottom:26px}.xp-logo{padding:9px;border-radius:5px}.xp-head{flex-direction:column;align-items:flex-start;gap:2px}.xp-org{font-size:19px}.xp-date{font-size:12px}.xp-desc{font-size:13.5px;margin-top:9px}.social-line{gap:8px;margin-top:20px}.start-btn{display:none}.task-icon{width:46px;height:46px}.tray-date{display:none}.tray-clock{font-size:13px}}@media (max-width: 420px){.note{padding:18px 14px 30px}.headshot{width:76%;max-width:280px}.logo-box{max-width:260px}.xp{grid-template-columns:70px minmax(0,1fr);gap:12px}}