*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}:root{--bg: #e8e8e8;--text: #090909;--shadow-a: #c5c5c5;--shadow-b: #ffffff;--sat-yellow: #f5c518;--card-bg: #e8e8e8}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .5s,color .5s;height:100%}body.is-dark{--bg: #212121;--text: #e0e0e0;--shadow-a: rgb(25,25,25);--shadow-b: rgb(60,60,60);--card-bg: #212121;background:#212121}#nav-wrap{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000}#main-nav{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:8px 20px;border-radius:50px;background:var(--card-bg);box-shadow:4px 4px 8px var(--shadow-a),-4px -4px 8px var(--shadow-b);transition:background .5s,box-shadow .5s;white-space:nowrap}.nav-brand{font-size:15px;font-weight:700;color:var(--text);letter-spacing:.01em;transition:color .5s;cursor:default;-webkit-user-select:none;user-select:none}#nav-study-btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:600;color:#b0b0b0;text-decoration:none;padding:5px 12px;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap}#nav-study-btn:hover{color:var(--text);background:var(--shadow-a)}#scroll-driver{position:relative}#horizontal-track{position:sticky;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:row;overflow:hidden}.panel{width:100vw;height:100vh;flex-shrink:0;position:relative;overflow:hidden}#panel-anim{background:transparent}#anim-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#reveal-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}#reveal-row{display:flex;flex-direction:column;align-items:flex-start}#reveal-satisfied{font-size:clamp(48px,7vw,90px);font-weight:700;color:#e0e0e0;letter-spacing:-.02em;line-height:1;position:relative;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}#reveal-satisfied.visible{opacity:1;transform:translateY(0)}#span-sat{color:#e0e0e0;transition:color .4s ease}#span-rest{color:#e0e0e0}#span-sat.yellow{color:#f5c518}#sat-line{position:absolute;bottom:-10px;left:0;height:5px;width:0;background:#f5c518;border-radius:0 0 50% 50%/0 0 8px 8px;transition:width .6s cubic-bezier(.25,.46,.45,.94)}#reveal-yet{font-size:clamp(18px,2.5vw,32px);font-weight:300;color:#a0a0a099;margin-top:16px;letter-spacing:.06em;align-self:flex-end;padding-right:4px;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}#reveal-yet.visible{opacity:1;transform:translateY(0)}#panel-study{background:#212121;display:flex;align-items:center;justify-content:center}#study-inner{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;padding:40px 24px}#btn-study-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:700;color:#b0b0b0;text-decoration:none;padding:14px 48px;border-radius:50px;background:#212121;box-shadow:4px 4px 10px #191919,-4px -4px 10px #3c3c3c;transition:background .15s,color .15s,box-shadow .15s;letter-spacing:.05em;display:inline-block}#btn-study-panel:hover{color:#9ee5fa;background:#9ee5fa14;box-shadow:4px 4px 14px #141414,-4px -4px 14px #414141}#btn-study-panel:active{transform:scale(.97)}#panel-study{background:#1a1a1a!important;border-left:1px solid #333}#btn-study-panel{font-size:20px!important;color:#e0e0e0!important;padding:18px 64px!important;background:#1a1a1a!important;box-shadow:6px 6px 14px #0d0d0d,-6px -6px 14px #2e2e2e!important}#btn-study-panel:hover{color:#9ee5fa!important}#study-inner{gap:28px!important;padding:60px 40px!important}#nav-wrap{transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}.nav-hidden{transform:translate(-50%) translateY(-80px)!important;opacity:0;pointer-events:none}.nav-drop{transform:translate(-50%) translateY(0)!important;opacity:1}#nav-study-btn{transition:background .15s,color .15s,box-shadow .15s,font-size .6s cubic-bezier(.34,1.56,.64,1),padding .6s cubic-bezier(.34,1.56,.64,1)}#nav-study-btn.nav-study-grow{font-size:18px!important;padding:10px 32px!important;background:#f5c518!important;color:#111!important;box-shadow:0 4px 20px #f5c51866!important}#forthcoming{position:fixed;top:98px;left:50%;transform:translate(-50%) translateY(10px);font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);font-weight:700;letter-spacing:.04em;opacity:0;pointer-events:none;z-index:999;white-space:nowrap;transition:opacity .7s ease .5s,transform .7s ease .5s}#forthcoming.visible{opacity:.85;transform:translate(-50%) translateY(0)}#scroll-hint{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(calc(-50% + 80px));display:flex;flex-direction:row;align-items:center;gap:8px;opacity:0;pointer-events:none;z-index:999;transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.56,.64,1);color:var(--text)}#scroll-hint.visible{opacity:.75;transform:translate(-50%) translateY(calc(-50% + 80px))}#scroll-hint.hidden{opacity:0;transition:opacity .4s ease}#scroll-hint span{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#scroll-hint svg{width:18px;height:18px;animation:scroll-bounce 1.8s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}#nav-info-wrap{position:relative;display:flex;align-items:center;justify-content:center}#nav-info-btn{width:26px;height:26px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:5px;transition:background .15s,transform .15s}#nav-info-btn svg{width:13px;height:13px;fill:var(--text);opacity:.45;transition:opacity .2s;flex-shrink:0}#nav-info-btn:hover svg,#nav-info-wrap.tooltip-open #nav-info-btn svg{opacity:.9}#nav-info-btn:hover{background:var(--shadow-a);transform:translateY(-1px)}#nav-info-btn:active{transform:scale(.95) rotate(1.7deg)}#nav-tooltip{position:fixed;top:56px;right:auto;left:50%;transform:translate(-50%) translateY(-8px);width:min(300px,calc(100vw - 48px));max-height:260px;overflow-x:hidden;overflow-y:auto;background:var(--card-bg);box-shadow:4px 4px 16px var(--shadow-a),-4px -4px 16px var(--shadow-b);border-radius:14px;padding:16px 18px;box-sizing:border-box;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:2000;scrollbar-width:thin;scrollbar-color:var(--shadow-a) transparent}#nav-tooltip::-webkit-scrollbar{width:4px}#nav-tooltip::-webkit-scrollbar-thumb{background:var(--shadow-a);border-radius:2px}#nav-info-wrap.tooltip-open #nav-tooltip{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}#nav-tooltip p{font-size:12px;line-height:1.65;color:var(--text);margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}#nav-tooltip p:last-child{margin-bottom:0}.tooltip-author{font-size:11px!important;font-weight:700;opacity:.5;letter-spacing:.04em;margin-bottom:12px!important}#nav-tooltip em{font-style:italic;color:#f5c518}#nav-study-btn{position:relative;overflow:hidden;transition:background .15s,color .15s,transform .15s,box-shadow .15s!important}#nav-study-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f}#nav-study-btn:active{transform:scale(.95) rotate(1.7deg)!important}#btn-study-panel{transition:background .15s,color .15s,box-shadow .15s,transform .2s!important}#btn-study-panel:hover{transform:translateY(-3px)!important}#btn-study-panel:active{transform:scale(.95) rotate(1.7deg)!important}
