:root{color:#e1e1e1;background-color:#121212}body{margin:0}html{scroll-behavior:smooth}.app-layout{display:flex;min-height:100vh}.sidebar+.content,.content{margin-left:var(--sidebar-width,140px);flex:1}.content{padding:0 1.5vw 12px;box-sizing:border-box}.page-section{min-height:100vh;padding:36px 24px;display:flex;align-items:center}.section-inner{max-width:900px}.activity-section{padding:2vh 0 2px;display:flex;align-items:flex-start}.activity-inner{max-width:none;width:100%}.page-section:nth-child(odd){background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.page-section h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.page-section p{color:#cdd6e0;line-height:1.6}.activity-section:nth-child(odd){background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.activity-section p{color:#cdd6e0;line-height:1.6}.quotes-section{min-height:100vh;padding:36px 24px;display:flex;align-items:center}.quotes-inner{max-width:900px}.quotes-section:nth-child(odd){background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.quotes-section h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.quotes-section p{color:#cdd6e0;line-height:1.6}.docs-section{min-height:100vh;padding:12px 24px;display:flex;align-items:flex-start}.docs-inner{max-width:900px}.docs-section:nth-child(odd){background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.docs-section h1{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.docs-section p{color:#cdd6e0;line-height:1.6}.activity-cards{display:flex;flex-direction:row;gap:12px;margin-top:12px;align-items:stretch;overflow-x:hidden;flex-wrap:wrap;padding-bottom:6px;width:100%}.note-card{flex:1 1 0%;min-width:0;max-width:none;height:auto;min-height:0;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;padding:12px;box-shadow:0 6px 26px #0000008c;display:flex;flex-direction:column;box-sizing:border-box;position:relative;overflow:visible}.activity-cards>.note-card:nth-child(1),.activity-cards>.note-card:nth-child(3){flex:2 1 0%}.activity-cards>.note-card:nth-child(2),.activity-cards>.note-card:nth-child(4){flex:1 1 0%}.card-header .custom-select{flex:1;min-width:0}.card-header .custom-select-button{width:100%;min-width:0}.card-body.animate{animation:cardFadeSlide .36s ease both}@keyframes cardFadeSlide{0%{opacity:0;transform:translateY(8px) scale(.995)}60%{opacity:1;transform:translateY(-4px) scale(1.002)}to{opacity:1;transform:translateY(0) scale(1)}}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;color:#e6eefc}.card-header label{font-weight:500;font-size:.9rem;color:var(--muted);display:inline-block;width:var(--form-label-width, auto);min-width:0}.card-header .custom-select-button,.card-header .custom-select-button.open{transform:translate(-6px)}.card-copy-btn{position:absolute;top:12px;left:12px;z-index:40;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#14181cf2,#0c1014f2);color:var(--muted);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:64px;min-width:64px;white-space:nowrap}.card-copy-btn:hover{color:var(--accent)}.card-copy-btn.copied{color:#fff;background:linear-gradient(90deg,#60a5fa1f,#60a5fa0f);box-shadow:inset 0 0 0 1px #60a5fa0f}.card-header select{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg,#0a0e14f2,#060a0ef2);color:var(--muted);border:1px solid rgba(255,255,255,.04);padding:6px 28px 6px 8px;border-radius:6px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.card-header select:focus{outline:none;color:#fff;background:linear-gradient(90deg,#60a5fa1f,#60a5fa0f);box-shadow:inset 0 0 0 1px #60a5fa0f}.custom-select{position:relative;display:inline-block}.custom-select-button{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:180px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#0a0e14f2,#060a0ef2);color:var(--muted)}.custom-select-button.open{color:#fff;background:linear-gradient(90deg,#60a5fa1f,#60a5fa0f);box-shadow:inset 0 0 0 1px #60a5fa0f}.custom-select-chevron{opacity:.9}.custom-select-list-wrap{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;min-width:0}.custom-select-list{background:linear-gradient(180deg,#0a0e14fa,#060a0ef5);border-radius:10px;padding:6px;box-shadow:0 8px 30px #00000080;list-style:none;margin:0;max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%}.custom-select-list li{margin:0;padding:0}.custom-select-list::-webkit-scrollbar{width:10px}.custom-select-list::-webkit-scrollbar-track{background:transparent}.custom-select-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff08,#ffffff05);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.custom-select-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff0d,#ffffff08)}.custom-select-item{width:100%;text-align:left;padding:8px 10px;background:linear-gradient(180deg,#0a0e14fa,#060a0ef5);color:var(--muted);border-radius:8px;border:none}.custom-select-item:hover{background:linear-gradient(180deg,#0e1216fa,#080c10f5);color:var(--accent)}.custom-select-item.active{background:linear-gradient(90deg,#60a5fa29,#60a5fa14);color:#fff}.card-body{margin-top:6px;color:#cdd6e0;font-size:.95rem;line-height:1.5;display:flex;flex-direction:column;overflow:visible}.activity-form{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:12px;row-gap:10px;min-height:0;height:auto}.card-body{margin-top:12px;color:#cdd6e0;font-size:.95rem;line-height:1.5;display:flex;flex-direction:column;overflow:visible}.card-body>.activity-form{flex:1 1 auto;overflow:visible;padding-right:6px;box-sizing:border-box;height:auto;min-height:0;margin-top:0}.form-row{display:contents}.form-label{font-size:.9rem;font-weight:600;color:var(--muted);white-space:nowrap;margin:0}.form-input{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#0a0e14f2,#060a0ef2);color:#e6eefc;min-width:0;width:100%;box-sizing:border-box}.form-textarea{padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#0a0e14f2,#060a0ef2);color:#e6eefc;min-height:120px;resize:vertical;min-width:0;width:100%;box-sizing:border-box}.form-input:focus,.form-textarea:focus,.form-input[aria-expanded=true]{outline:none;color:#fff;background:linear-gradient(90deg,#60a5fa1f,#60a5fa0f);box-shadow:inset 0 0 0 1px #60a5fa0f}.form-input[type=date]::-webkit-calendar-picker-indicator{-webkit-filter:invert(1) brightness(1) contrast(1);filter:invert(1) brightness(1) contrast(1)}.form-input[type=date]{color:#fff}.date-picker-button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#0a0e14f2,#060a0ef2);color:#e6eefc;min-width:0;width:100%;box-sizing:border-box;cursor:pointer}.date-picker-button .date-picker-value{opacity:.95}.date-picker-button .date-picker-icon{opacity:.9}.date-picker-popover{min-width:260px;background:linear-gradient(180deg,#0a0e14fa,#060a0ef5);border-radius:10px;padding:10px;box-shadow:0 8px 30px #00000080}.date-picker-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);margin-bottom:8px}.date-picker-nav{background:transparent;border:none;color:var(--muted);padding:6px;border-radius:6px;cursor:pointer}.date-picker-month{font-weight:600;color:#e6eefc}.date-picker-calendar{width:100%;border-collapse:collapse}.date-picker-calendar th{color:var(--muted);font-weight:600;padding:6px;font-size:.8rem}.date-picker-day{width:36px;height:36px;border-radius:6px;border:none;background:transparent;color:#e6eefc;cursor:pointer}.date-picker-day.muted{opacity:.32}.date-picker-day:hover{background:linear-gradient(180deg,#0e1216fa,#080c10f5);color:var(--accent)}.date-picker-day.selected{background:linear-gradient(90deg,#60a5fa29,#60a5fa14);color:#fff}.date-picker-popover{box-sizing:border-box}.date-picker-wrapper{width:100%}.date-picker-button:focus,.date-picker-button.open{outline:none;color:#fff;background:linear-gradient(90deg,#60a5fa1f,#60a5fa0f);box-shadow:inset 0 0 0 1px #60a5fa0f}@media(max-width:640px){.activity-form{display:block}.form-row{display:flex;flex-direction:column;gap:6px}.form-label{width:auto;margin-bottom:4px}}@media(max-width:1200px){.activity-cards{flex-wrap:wrap;gap:14px}.note-card{flex:1 1 calc(50% - 10px);max-width:48%;height:auto;min-height:0;padding:12px}}@media(max-width:900px){.activity-cards{gap:12px;flex-wrap:wrap}.note-card{flex:1 1 100%;max-width:100%;height:auto;min-height:0}}@media(max-width:768px){.sidebar+.content,.content{margin-left:0;padding-top:0}}.activity-controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.activity-controls .card-toggle-btn{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#14181cf2,#0c1014f2);color:var(--muted);cursor:pointer;font-weight:600;transition:all .16s ease}.activity-controls .card-toggle-btn:hover,.activity-controls .card-toggle-btn.open:hover{color:var(--accent)}.activity-controls .card-toggle-btn.open{color:var(--muted);background:linear-gradient(180deg,#14181cf2,#0c1014f2);border:1px solid rgba(255,255,255,.04);box-shadow:none}.activity-cards.only-two>.note-card{flex:1 1 0%!important;max-width:none}@media(max-width:1200px){.activity-cards.only-two>.note-card{flex-basis:calc(50% - 10px);max-width:48%}}.card-toggle-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:8px;flex-shrink:0}.card-toggle-btn span{vertical-align:middle}:root{--bg: #0f1720;--muted: #9aa4b2;--accent: #60a5fa}.sidebar{position:fixed;left:0;top:0;bottom:0;width:max-content;min-width:140px;padding:20px 12px;background:linear-gradient(180deg,#0a0e14fa,#060a0ef5);box-shadow:2px 0 8px #0006;display:flex;align-items:flex-start;box-sizing:border-box;z-index:1000}.sidebar ul{list-style:none;padding:0;margin:0;width:auto}.sidebar li{margin:8px 0}.sidebar a{display:block;padding:10px 12px;color:var(--muted);text-decoration:none;border-radius:8px;font-weight:500}.sidebar a:hover{color:var(--accent);background:#ffffff05}.sidebar a.active{color:#fff;background:linear-gradient(90deg,#60a5fa1f,#60a5fa0f);box-shadow:inset 0 0 0 1px #60a5fa0f}.dropdown{list-style:none;margin:6px 0 0 8px;padding:0}.dropdown{list-style:none;margin:6px 0 0 8px;padding:0;opacity:0;transform:translateY(-6px);max-height:0;overflow:hidden;transition:opacity .18s ease,transform .18s ease,max-height .18s ease;pointer-events:none;will-change:opacity,transform,max-height}.dropdown.open{opacity:1;transform:translateY(0);max-height:480px;pointer-events:auto}.dropdown li{margin:6px 0}.dropdown a{display:block;padding:8px 10px;color:var(--muted);font-size:.95rem;border-radius:6px}.dropdown a:hover{color:var(--accent);background:#ffffff05}.dropdown a.active{color:#fff;background:linear-gradient(90deg,#60a5fa29,#60a5fa0f)}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width,140px);max-width:var(--sidebar-width,140px);padding:10px;overflow:hidden}.sidebar ul{display:block;max-height:100vh;overflow-y:auto;padding:0;margin:0}.sidebar li{margin:8px 0}}.endorsements-root{--endorse-accent: rgba(96,165,250,.08);--accent: #60a5fa;--muted: #cdd6e0;--text: #e6eefc;--card-bg: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));display:flex;flex-direction:column;gap:12px;align-items:stretch;padding:12px 8px}.endorsements-main{display:flex;gap:20px;align-items:flex-start}.endorsements-header{display:flex;gap:12px;align-items:center;justify-content:flex-start;white-space:nowrap}.endorsements-header h1{margin:0;font-size:2rem;font-weight:700;letter-spacing:.2px}.endorsements-modes{display:flex;gap:8px;align-items:center}.mode-btn{background:transparent;border:0;color:var(--text);padding:9px 14px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1.02rem}.mode-btn:focus{outline:3px solid rgba(96,165,250,.22);outline-offset:3px}.mode-btn.active{background:var(--endorse-accent);color:var(--accent);box-shadow:0 8px 22px #02061714}.endorsements-main{gap:22px}.endorsements-left{width:clamp(480px,40vw,900px);max-width:55%;display:flex;flex-direction:column;gap:8px}.endorsement-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:background-color .26s cubic-bezier(.2,.9,.2,1),color .2s ease,transform .2s ease,box-shadow .2s ease;background:transparent;color:var(--text)}.endorsement-item strong{font-weight:700;font-size:1.08rem}.endorsement-item:hover,.endorsement-item:focus,.endorsement-item.active{background:var(--endorse-accent);transform:translate(6px);color:var(--text);box-shadow:0 6px 18px #0206172e}.endorsements-right{flex:1 1 auto;min-height:120px;display:flex;align-items:flex-start}.endorsements-left,.endorsement-item{min-width:0}.endorsement-item strong{display:block;white-space:nowrap;overflow:visible;text-overflow:unset;font-size:.95rem;letter-spacing:.4px}.endorsement-desc-card{background:var(--card-bg);border-radius:8px;padding:14px 16px;box-shadow:0 8px 30px #00000080;max-width:72ch;color:var(--text);min-width:260px;min-height:110px;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;opacity:0;transform:translateY(10px) scale(.992);transition:opacity .9s cubic-bezier(.22,.8,.2,1),transform .9s cubic-bezier(.22,.8,.2,1);will-change:opacity,transform}.endorsement-desc-card.visible{opacity:1;transform:translateY(0) scale(1)}.endorsement-desc-inner{opacity:0;transform:translateY(8px);transition:opacity 1s ease,transform 1s ease}.endorsement-desc-card.visible .endorsement-desc-inner{opacity:1;transform:translateY(0)}.endorsement-desc-inner h3,.endorsement-desc-inner p{opacity:0;transform:translateY(6px);transition:opacity .9s cubic-bezier(.22,.8,.2,1),transform .9s cubic-bezier(.22,.8,.2,1)}.endorsement-desc-card.visible .endorsement-desc-inner h3{opacity:1;transform:translateY(0);transition-delay:.2s}.endorsement-desc-card.visible .endorsement-desc-inner p{opacity:1;transform:translateY(0);transition-delay:.5s}.endorsement-desc-card h3{margin:0 0 8px;font-size:18px}.endorsement-desc-card p{margin:0;color:var(--muted);line-height:1.45;letter-spacing:.25px;font-size:1rem}.endorsement-placeholder{color:var(--muted);font-style:italic}@media(max-width:900px){.endorsements-root{flex-direction:column}.endorsements-left{width:100%;flex-direction:row;flex-wrap:wrap}.endorsement-item{flex:1 1 auto}.endorsement-item strong{white-space:normal;font-size:1.02rem}.endorsements-header h1{font-size:1.12rem}.mode-btn{padding:8px 10px;font-size:.98rem}}