:root{color:#25221d;--glow-x:50vw;--glow-y:50vh;background:#f7f0e5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(520px circle at var(--glow-x) var(--glow-y), #ffda9f3d, transparent 64%), radial-gradient(720px circle at 18vw 20vh, #baddbe3d, transparent 64%), radial-gradient(780px circle at 84vw 18vh, #c1d9ff33, transparent 66%), linear-gradient(180deg, #fbf3e8 0%, #f7efe4 52%, #f1e4d2 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.view-whiteboard.app-shell:active{cursor:grabbing}.view-desk,.view-notebook,.is-transitioning{cursor:default}.ambient{z-index:0;pointer-events:none;filter:blur(46px);opacity:.34;border-radius:999px;position:fixed;transform:translateZ(0)}.ambient-one{background:#92cea85c;width:390px;height:390px;top:10vh;left:9vw}.ambient-two{background:#ffd89c57;width:450px;height:450px;bottom:8vh;right:9vw}.desk-scene{z-index:12;transform-origin:50% 34%;background:radial-gradient(720px at 24% 20%,#fffae8c2,#0000 62%),radial-gradient(720px at 78% 16%,#dceed557,#0000 66%),linear-gradient(#f8eadb 0%,#f4e1ce 64%,#d5a878 64.2%,#bf8852 100%);place-items:center;transition:opacity .68s,transform .92s cubic-bezier(.16,1,.3,1),filter .76s;display:grid;position:fixed;inset:0;overflow:hidden}.is-transitioning.view-desk .desk-scene,.view-whiteboard .desk-scene{opacity:0;pointer-events:none;filter:blur(6px);transform:scale(5.8)translateY(-8vh)}.is-transitioning.view-whiteboard .desk-scene{opacity:1;filter:blur();transform:scale(1)translateY(0)}.view-notebook .desk-scene{opacity:0;pointer-events:none;filter:blur(8px);transform:scale(1.18)translateY(26vh)}.window-light{background:#ffffff75;width:min(145px,10vw);height:66vh;position:absolute;top:0;left:0;overflow:hidden;box-shadow:22px 0 46px #fff8e694}.window-light span{background:#ffffffa8;height:28px;margin:18px -8px;display:block;transform:rotate(-16deg);box-shadow:0 1px 7px #9b825f14}.wall-light{filter:blur(36px);background:#fff5d475;border-radius:50%;width:44vw;height:44vw;position:absolute;top:-18vw;left:50%;transform:translate(-50%)}.desk-whiteboard{cursor:pointer;background:radial-gradient(800px at 54% 36%,#ffffffd6,#0000 52%),linear-gradient(#fffffbf7,#f8f6eef0),#fffef6;border:10px solid #cf9f65b3;border-radius:10px;width:min(900px,66vw);height:min(430px,48vh);transition:transform .24s,box-shadow .24s,filter .24s;position:absolute;top:clamp(48px,7vh,72px);box-shadow:0 34px 90px #5b432629,inset 0 0 0 1px #5047370f}.board-title,.board-subtitle{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.board-title{letter-spacing:-.04em;font-size:clamp(38px,4.4vw,64px);font-weight:880;line-height:1;top:40%}.board-subtitle{color:#28241e99;font-size:clamp(15px,1.8vw,20px);font-weight:740;top:calc(40% + 72px)}.board-paper{color:#332b1a9e;background:#fff4b8;border-radius:14px 14px 18px;place-items:center;width:118px;height:82px;font-size:13px;font-weight:820;display:grid;position:absolute;box-shadow:0 10px 26px #4f3a1c21}.paper-one{top:20%;left:9%;transform:rotate(-5deg)}.paper-two{background:#ddf2da;top:22%;right:12%;transform:rotate(4deg)}.paper-three{background:#fce0c7;bottom:16%;left:15%;transform:rotate(3deg)}.board-photo,.board-doc{position:absolute;box-shadow:0 13px 28px #4b39201f}.board-photo{background:radial-gradient(circle at 68% 30%,#f6d9a2 0 8px,#0000 9px),linear-gradient(145deg,#6f9a83 0 42%,#d8e4d4 43% 54%,#5c7f9b 55%);border:8px solid #fffdf6;width:88px;height:66px;top:19%;left:23%;transform:rotate(-2deg)}.board-photo:before{content:"";background:#7b633d;border-radius:50%;width:12px;height:12px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.board-doc{background:linear-gradient(90deg,#6a8eaa40 0 28%,#0000 29%),repeating-linear-gradient(#0000 0 13px,#443d2f1a 14px),#fffaf1;border-radius:3px;width:122px;height:150px;top:31%;right:8%}.board-doc:before{content:"";background:#be914c;border:3px solid #a57736;border-radius:8px 8px 3px 3px;width:28px;height:22px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.desk-lamp{z-index:2;width:150px;height:160px;position:absolute;bottom:clamp(146px,22vh,230px);left:clamp(46px,17vw,250px)}.lamp-neck{transform-origin:bottom;background:#c9baa1;border-radius:999px;width:10px;height:118px;position:absolute;bottom:26px;left:62px;transform:rotate(-14deg)}.lamp-head{background:linear-gradient(160deg,#f4efe3,#d8c9ad);border-radius:50% 50% 18px 18px;width:72px;height:58px;position:absolute;top:12px;left:74px;transform:rotate(-18deg);box-shadow:0 12px 26px #573e2026}.lamp-head:after{content:"";background:#ffe5aeb8;border-radius:50%;height:12px;position:absolute;bottom:-3px;left:8px;right:8px}.lamp-base{background:#d7c9b1;border-radius:50%;width:88px;height:18px;position:absolute;bottom:2px;left:30px;box-shadow:0 9px 18px #50361c24}.desk-clock{background:#fbfaf2;border:10px solid #fffcf4db;border-radius:50%;width:96px;height:96px;position:absolute;top:clamp(78px,12vh,120px);right:min(8vw,118px);box-shadow:0 18px 42px #4c371e1f}.desk-clock span,.desk-clock b{transform-origin:bottom;background:#322d26b8;border-radius:999px;width:4px;display:block;position:absolute;top:50%;left:50%}.desk-clock span{height:28px;transform:translate(-50%,-100%)rotate(36deg)}.desk-clock b{height:21px;transform:translate(-50%,-100%)rotate(-70deg)}.book-rack{background:#5840251a;border-radius:24px;align-items:flex-end;gap:8px;width:270px;height:170px;padding:18px 18px 20px;display:flex;position:absolute;bottom:clamp(156px,21vh,220px);left:clamp(210px,29vw,470px);box-shadow:inset 0 -6px #69452314}.book-rack:after{content:"";background:#5c3d1d42;border-radius:999px;height:10px;position:absolute;bottom:12px;left:10px;right:10px}.book{z-index:1;cursor:pointer;border:0;border-radius:9px 9px 5px 5px;width:30px;height:116px;transition:transform .18s,filter .18s;position:relative;box-shadow:inset 0 0 0 1px #fff3,0 11px 22px #3e2b1926}.book:hover{filter:brightness(1.04);transform:translateY(-7px)scale(1.04)}.book span{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;width:104px;font-size:9px;font-weight:850;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)rotate(-90deg)}.desk-surface{background:linear-gradient(90deg,#ffffff1a,#0000 24%,#ffffff1f 52%,#0000),linear-gradient(#d8aa74,#bf8249);height:clamp(205px,28vh,275px);position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 44px #704b2629}.desk-surface:before{content:"";background:#ffeecc57;height:18px;position:absolute;top:0;left:0;right:0}.plant{width:128px;height:130px;position:absolute;bottom:54px;right:clamp(52px,12vw,175px)}.leaf{transform-origin:bottom;background:#6fa66f;border-radius:42px 42px 8px;width:42px;height:78px;position:absolute;bottom:48px;left:50%;box-shadow:inset 10px 0 #ffffff1f}.leaf-one{transform:translate(-68%)rotate(-34deg)}.leaf-two{background:#5f9864;height:92px;transform:translate(-34%)rotate(3deg)}.leaf-three{background:#7fb783;transform:translate(10%)rotate(34deg)}.pot{background:linear-gradient(#e2a466,#b56f3e);border-radius:12px 12px 22px 22px;width:70px;height:54px;position:absolute;bottom:14px;left:31px;box-shadow:0 16px 28px #53351b29}.open-notebook{cursor:pointer;perspective:700px;background:0 0;border:0;border-radius:18px;width:min(280px,27vw);height:120px;transition:transform .18s,filter .18s;position:absolute;bottom:44px;left:50%;transform:translate(-50%)rotate(-3deg)}.open-notebook:hover{filter:brightness(1.02);transform:translate(-50%)translateY(-5px)rotate(-3deg)scale(1.025)}.notebook-cover{background:linear-gradient(90deg,#76614221 0 24px,#0000 25px),radial-gradient(160px at 72% 20%,#ffffff52,#0000 48%),linear-gradient(145deg,#f3eadc,#e2d1b9);border:1px solid #5742291f;border-radius:18px 14px 14px 18px;position:absolute;inset:0;box-shadow:0 20px 34px #4c331933,inset 0 1px #ffffff94}.notebook-spine{background:#725b3d33;border-radius:999px;width:12px;position:absolute;top:9px;bottom:9px;left:22px}.notebook-label{color:#4e3d278c;letter-spacing:.08em;text-transform:uppercase;background:#fffaedb3;border:1px solid #6d583a24;border-radius:12px;place-items:center;width:134px;height:48px;font-size:12px;font-weight:860;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notebook-band{background:#7c6a5557;width:12px;position:absolute;top:0;bottom:0;right:42px}.open-notebook:hover .notebook-cover{transform:rotateX(5deg)}.canvas{z-index:1;transform-origin:0 0;will-change:transform;opacity:0;pointer-events:none;transition:opacity .52s;position:absolute;top:0;left:0}.is-transitioning.view-desk .canvas,.view-whiteboard .canvas,.is-transitioning.view-whiteboard .canvas{opacity:1}.view-whiteboard .canvas{pointer-events:auto}.is-transitioning.view-whiteboard .canvas{opacity:.18;pointer-events:none;filter:blur(5px)}.canvas:before{content:"";background:radial-gradient(800px at 22% 28%,#f2dda847,#0000 62%),radial-gradient(900px at 76% 64%,#b8d9c43d,#0000 64%),#fffdf5;border:1px solid #544c3d14;border-radius:70px;position:absolute;inset:260px;box-shadow:inset 0 1px #ffffffe6,0 30px 90px #60482914}.widget{transform-origin:50%;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#fffdf7e6;border:1px solid #413a2c1a;border-radius:30px;transition:transform .21s cubic-bezier(.2,.8,.2,1),box-shadow .21s,border-color .21s,filter .21s;position:absolute;overflow:hidden;box-shadow:0 20px 48px #46351c1f,0 5px 16px #46351c0d,inset 0 1px #ffffffd1}.widget:before{content:"";background:#fff5c29e;border-radius:999px;width:64px;height:16px;position:absolute;top:14px;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 4px 8px #56432014}.widget:hover{filter:saturate(1.03);transform:scale(1.03);box-shadow:0 28px 70px #46351c2b,0 8px 24px #46351c14,inset 0 1px #ffffffdb}.widget.selected{border-color:#55765c6b;box-shadow:0 30px 78px #3e2f1c2e,0 0 0 4px #759d7521,inset 0 1px #ffffffe0}.widget-projects{border-radius:34px}.widget-experience{transform:rotate(-1.2deg)}.widget-research{transform:rotate(1.1deg)}.widget-blog{transform:rotate(-.7deg)}.widget-visitor{transform:rotate(.8deg)}.widget-experience:hover,.widget-research:hover,.widget-blog:hover,.widget-visitor:hover{transform:rotate(0)scale(1.03)}.color-paper{background:linear-gradient(#fffdf5f5,#f9f4e6eb)}.color-white{background:linear-gradient(135deg,#fffef9f5,#f6f3e9eb)}.color-mint{background:linear-gradient(135deg,#dbf4e0f2,#fafff8eb)}.color-blue{background:linear-gradient(135deg,#d2e4fbf5,#f9fcffeb)}.color-peach{background:linear-gradient(135deg,#ffe2cbf5,#fffaf4eb)}.color-yellow{background:linear-gradient(135deg,#fff1a9f5,#fffad9eb)}.color-lavender{background:linear-gradient(135deg,#e5defff2,#fcfaffeb)}.widget-inner{flex-direction:column;gap:16px;width:100%;height:100%;padding:30px 26px 24px;display:flex;position:relative}.widget-header{grid-template-columns:1fr auto;align-items:start;gap:6px 12px;display:grid}.widget-header span,.widget-header b{color:#26231d7a;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:840}.widget-header h3{letter-spacing:-.045em;grid-column:1/-1;margin:2px 0 0;font-size:clamp(25px,3vw,38px);line-height:1}.widget-header p{color:#26231d9e;grid-column:1/-1;max-width:92%;margin:0;font-size:14px;font-weight:650;line-height:1.42}.project-pin-list{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid;overflow:hidden}.project-pin{text-align:left;cursor:pointer;background:#ffffff70;border:1px solid #3f372714;border-radius:18px;min-width:0;padding:14px;transition:transform .16s,background .16s,box-shadow .16s}.project-pin:hover{background:#ffffffbd;transform:translateY(-2px);box-shadow:0 10px 22px #44331a14}.project-pin strong,.project-pin span,.project-pin em{display:block}.project-pin strong{font-size:15px;line-height:1.1}.project-pin span{color:#26231d99;margin-top:7px;font-size:12px;font-weight:640;line-height:1.35}.project-pin em{color:#26231d6b;margin-top:8px;font-size:11px;font-style:normal;font-weight:780}.lined-list{color:#26231db3;gap:13px;margin:0;padding:0 0 0 20px;font-size:15px;font-weight:650;line-height:1.45;display:grid}.skill-cloud,.tag-row,.property-tags,.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-cloud span,.tag-row span,.property-tags span,.modal-tags span{color:#23221ea8;white-space:nowrap;background:#ffffff75;border:1px solid #23221e1a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:760}.research-stack{gap:10px;display:grid}.research-stack p,.blog-lines p,.simple-widget p{color:#26231dad;margin:0;font-size:15px;font-weight:650;line-height:1.45}.research-stack p{background:#ffffff61;border-radius:17px;padding:14px 16px}.blog-lines{gap:10px;display:grid}.blog-lines p{border-bottom:1px solid #40372614;padding-bottom:10px}.blog-lines b,.blog-lines span{display:block}.blog-lines b{color:#26231dd6;margin-bottom:4px}.visitor-widget{overflow:hidden}.add-note-button,.open-button{color:#fffaf0;cursor:pointer;background:#23201ce6;border:0;border-radius:999px;align-self:flex-start;padding:10px 15px;font-weight:810;transition:transform .16s,background .16s,box-shadow .16s}.add-note-button:hover,.open-button:hover{background:#171512;transform:translateY(-1px);box-shadow:0 10px 22px #35281626}.note-composer{background:#ffffff80;border:1px solid #443a2717;border-radius:18px;gap:8px;padding:10px;display:flex}.note-composer input{background:#ffffffc2;border:1px solid #362f221f;border-radius:12px;outline:none;flex:1;min-width:0;padding:10px 12px}.note-composer button{color:#fff8e9;cursor:pointer;background:#2f2a23;border:0;border-radius:12px;padding:10px 12px;font-weight:800}.note-feedback{color:#4e3c1f94;margin:-4px 0 0;font-size:12px;font-weight:760}.visitor-note-field{flex:1;min-height:220px;position:relative}.empty-note{color:#372d1a6b;font-weight:750;position:absolute;top:58px;left:24px}.visitor-sticky{color:#332b18c7;background:linear-gradient(160deg,#fff08f,#ffe277);border-radius:6px 6px 16px;width:145px;min-height:100px;padding:15px 14px;font-size:13px;font-weight:760;line-height:1.32;animation:.26s cubic-bezier(.2,1.25,.35,1) note-pop;position:absolute;box-shadow:0 14px 26px #553d142e}@keyframes note-pop{0%{opacity:0;transform:scale(.78)rotate(0)}to{opacity:1}}.simple-widget{justify-content:space-between}.mini-map,.property-panel,.project-log,.reset-button,.back-desk-button{z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);cursor:default;background:#fffcf3c2;border:1px solid #3a32261a;position:fixed;box-shadow:0 18px 44px #372a171c,inset 0 1px #ffffffc2}.back-desk-button{color:#24211d;cursor:pointer;border-radius:999px;padding:12px 17px;font-weight:850;transition:background .16s,transform .16s,box-shadow .16s;top:18px;left:50%;transform:translate(-50%)}.back-desk-button:hover{background:#ffffffed;transform:translate(-50%)translateY(-1px);box-shadow:0 20px 52px #322a1921,inset 0 1px #ffffffd1}.mini-map{border-radius:24px;width:220px;padding:14px;top:18px;left:18px}.mini-title{color:#23221e94;margin-bottom:8px;font-size:12px;font-weight:820}.mini-canvas{cursor:crosshair;touch-action:none;background:#362f230e;border-radius:15px;position:relative;overflow:hidden}.mini-widget{cursor:pointer;background:#352f233d;border:0;border-radius:4px;padding:0;transition:background .14s,transform .14s;position:absolute}.mini-widget:hover{background:#352f2375}.mini-widget.active{background:#2a261f}.mini-viewport{cursor:grab;pointer-events:auto;touch-action:none;background:#ffffff4d;border:1.5px solid #24201aeb;border-radius:6px;position:absolute;box-shadow:0 0 0 1px #ffffff80}.mini-viewport:active{cursor:grabbing}.property-panel{border-radius:24px;width:302px;padding:17px;top:18px;right:18px}.property-eyebrow{color:#23221e6b;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:820}.property-panel h2{letter-spacing:-.045em;margin:6px 0 15px;font-size:23px;line-height:1}.property-grid{grid-template-columns:74px minmax(0,1fr);gap:7px 10px;font-size:12px;display:grid}.property-grid span{color:#23221e70;font-weight:720}.property-grid b{color:#24211d;overflow-wrap:anywhere;min-width:0;font-weight:760}.property-tags{margin-top:14px}.property-hint{color:#23221e80;border-top:1px solid #23221e14;margin:14px 0 0;padding-top:13px;font-size:12px;font-weight:670;line-height:1.35}.project-log{border-radius:24px;bottom:18px;left:18px;overflow:auto}.project-log.closed{resize:none;width:270px}.project-log.open{resize:both;width:370px;min-width:300px;max-width:min(540px,100vw - 36px);min-height:190px;max-height:min(430px,100vh - 140px)}.log-toggle{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;gap:14px;width:100%;padding:16px 18px;display:flex}.log-toggle span{color:#24211d;font-weight:860}.log-toggle em{color:#23221e70;white-space:nowrap;font-style:normal;font-weight:760}.log-list{gap:7px;padding:0 12px 12px;display:grid}.log-list button{cursor:pointer;background:#ffffff61;border:1px solid #2a241a14;border-radius:16px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;transition:background .15s,transform .15s;display:grid}.log-list button:hover{background:#ffffffbd;transform:translateY(-1px)}.log-list span,.log-list em{color:#23221e75;font-size:12px;font-style:normal;font-weight:750}.log-list strong{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;font-size:13px;overflow:hidden}.reset-button{color:#24211d;cursor:pointer;border-radius:999px;padding:13px 19px;font-weight:850;transition:background .16s,transform .16s,box-shadow .16s;bottom:22px;left:50%;transform:translate(-50%)}.reset-button:hover{background:#ffffffed;transform:translate(-50%)translateY(-1px);box-shadow:0 20px 52px #322a1921,inset 0 1px #ffffffd1}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#fff6e161;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.notebook-page-view{z-index:38;cursor:default;background:radial-gradient(760px at 18% 12%,#fff7de70,#0000 58%),linear-gradient(135deg,#d7aa73 0%,#c88d52 52%,#b77a43 100%);place-items:center;padding:26px;animation:.42s cubic-bezier(.16,1,.3,1) notebook-room-in;display:grid;position:fixed;inset:0;overflow:hidden}.notebook-page-view:before{content:"";opacity:.7;background:linear-gradient(90deg,#ffffff1a,#0000 18%,#ffffff14 56%,#0000),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 70px);position:absolute;inset:0}.notebook-desk-plane{background:#ffe7be1f;border-radius:38px;width:min(980px,76vw);height:min(620px,70vh);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:inset 0 1px #ffffff2e}@keyframes notebook-room-in{0%{opacity:0;filter:blur(8px);transform:scale(1.05)translateY(24px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.modal-card,.notebook-modal{border:1px solid #3a32261f;position:relative;box-shadow:0 30px 88px #3324133d}.modal-card{border-radius:34px;width:min(740px,100vw - 34px);min-height:430px;padding:38px;animation:.24s cubic-bezier(.16,1,.3,1) card-expand}@keyframes card-expand{0%{opacity:0;transform:scale(.88)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close,.modal-jump{cursor:pointer;border:0;border-radius:999px;padding:10px 15px;font-weight:800;transition:transform .16s,background .16s}.modal-close{z-index:2;color:#25231f;background:#ffffff9e;position:absolute;top:22px;right:22px}.modal-close:hover,.modal-jump:hover{transform:translateY(-1px)}.modal-type{color:#23221e80;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:850}.modal-card h2{letter-spacing:-.065em;max-width:600px;margin:0;font-size:clamp(42px,7vw,78px);line-height:.9}.modal-card p:not(.modal-type){color:#23221eb8;max-width:600px;margin:28px 0 0;font-size:17px;font-weight:620;line-height:1.52}.modal-tags{margin-top:24px}.modal-jump{color:#fffaf0;background:#21201deb;margin-top:34px}.notebook-modal{background:#f6dfb8;border-radius:28px;width:min(980px,100vw - 30px);max-height:calc(100vh - 40px);animation:.42s cubic-bezier(.16,1,.3,1) notebook-in;overflow:auto;transform:rotate(-2deg)}@keyframes notebook-in{0%{opacity:0;transform:translateY(42px)scale(.9)rotate(-7deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-2deg)}}.notebook-spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:44px;display:grid}.notebook-spread article{background:repeating-linear-gradient(#0000 0 28px,#4f3f2a14 29px),#fff8e8;min-height:500px;padding:34px;position:relative}.notebook-kicker{color:#5c462a70;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:860}.contents-list{gap:10px;display:grid}.contents-list button{color:#302619b8;cursor:pointer;text-align:left;background:#ffffff42;border:0;border-radius:14px;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:12px;transition:transform .15s,background .15s;display:grid}.contents-list button:hover,.contents-list button.active{background:#ffffff94;transform:translateY(-1px)}.contents-list span{color:#5a462a6b;font-size:12px;font-weight:860}.contents-list strong{font-size:14px}.notebook-entry{transform-origin:0;animation:.32s cubic-bezier(.16,1,.3,1) page-turn-next}.notebook-entry.turn-prev{transform-origin:100%;animation-name:page-turn-prev}@keyframes page-turn-next{0%{opacity:0;transform:rotateY(-18deg)translate(-18px)}to{opacity:1;transform:rotateY(0)translate(0)}}@keyframes page-turn-prev{0%{opacity:0;transform:rotateY(18deg)translate(18px)}to{opacity:1;transform:rotateY(0)translate(0)}}.notebook-controls{justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;bottom:34px;left:34px;right:34px}.notebook-controls button,.page-dots button{color:#302619b8;cursor:pointer;background:#ffffff70;border:0;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:820}.notebook-controls button:disabled{cursor:default;opacity:.36}.page-dots{gap:6px;display:flex}.page-dots button{width:30px;height:30px;padding:0}.page-dots button.active{color:#fff9ea;background:#3e3323d6}.page-number{color:#523f275c;font-size:12px;font-weight:860;position:absolute;bottom:18px;right:28px}.desk-scene{transform-origin:50% 32%;background:radial-gradient(900px at 50% 16%,#ffffff9e,#0000 58%),radial-gradient(580px at 78% 30%,#fbedd57a,#0000 64%),linear-gradient(#fbf7f0 0%,#f6efe6 62%,#ead8c2 62.2%,#dcc09e 100%)}.room-light{pointer-events:none;opacity:.82;background:linear-gradient(90deg,#ffffff61,#0000 18% 82%,#fff3),radial-gradient(680px at 48% 26%,#ffffff9e,#0000 72%);position:absolute;inset:0}.desk-whiteboard{background:linear-gradient(145deg,#ffffffbd,#fff6),linear-gradient(#fbfaf6,#f4f1eb);border:1px solid #b4aea48c;border-radius:30px;width:min(900px,66vw);height:min(460px,50vh);top:clamp(52px,7.5vh,82px);left:50%;transform:translate(-50%);box-shadow:0 24px 56px #483a2a1a,0 2px 8px #483a2a14,inset 0 1px #ffffffeb,inset 0 0 0 10px #ffffff47}.desk-whiteboard:hover{transform:translate(-50%)translateY(-3px)scale(1.008);box-shadow:0 30px 70px #483a2a21,0 2px 8px #483a2a14,inset 0 1px #fffffff5,inset 0 0 0 10px #ffffff52}.pin{color:#191816;text-align:left;position:absolute}.pin:before{content:"";background:radial-gradient(circle at 35% 30%,#b5aa99,#6e6659);border-radius:50%;width:12px;height:12px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #2d23162e}.pin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8d6;border:1px solid #5f584e1a;border-radius:10px;width:190px;min-height:152px;padding:22px;box-shadow:0 14px 28px #4a3b2617}.pin-card small{color:#1e1c19a8;margin-bottom:17px;font-size:12px;font-weight:780;display:block}.pin-card strong{font-size:17px;font-weight:680;line-height:1.38;display:block}.pin-card span,.pin-card p{color:#1e1c199e;margin:11px 0 0;font-size:12px;font-weight:560;line-height:1.55}.pin-photo{background:#fffdf8;border-radius:5px;width:136px;padding:10px 10px 14px;box-shadow:0 16px 28px #4a3b2621}.photo-image{border-radius:2px;width:100%;height:110px;display:block}.mountain-image{background:linear-gradient(145deg,#0000 45%,#2a4c43db 46% 63%,#0000 64%),linear-gradient(35deg,#0000 38%,#829aa49e 39% 62%,#0000 63%),radial-gradient(circle at 72% 20%,#fff7def2 0 13px,#0000 14px),linear-gradient(#e8eef0,#aebeca 55%,#516f75)}.desk-image{background:radial-gradient(42px at 76% 66%,#83a66d 0 28px,#0000 29px),linear-gradient(90deg,#ffffffbd 0 24%,#0000 25%),linear-gradient(#eef2f0 0 48%,#d6b690 49%);height:116px}.pin-photo em{color:#24201c8f;text-align:center;margin-top:10px;font-size:11px;font-style:normal;display:block}.pin-sticky{background:linear-gradient(145deg,#fff0a8,#ffe595);border-radius:3px 3px 14px;width:134px;min-height:134px;padding:28px 24px;font-size:18px;font-weight:560;line-height:1.45;box-shadow:0 17px 28px #59431a1f}.pin-sticky span{display:block}.pin-photo-mountain{top:13%;left:8%}.pin-recent{width:206px;top:12%;left:31%}.pin-focus{top:14%;left:60%;transform:rotate(.8deg)}.pin-current{width:150px;top:12%;right:7%}.pin-about{width:190px;bottom:10%;left:8%}.pin-photo-desk{width:160px;bottom:17%;left:43%}.pin-curious{background:#cfe2f3;width:106px;min-height:96px;padding:24px 20px;font-size:15px;bottom:7%;left:36%;transform:rotate(-1deg)}.pin-highlights{width:174px;bottom:10%;right:14%}.desk-surface{background:radial-gradient(400px 90px at 50% 12%,#ffffff52,#0000 70%),repeating-linear-gradient(0deg,#7a512509 0 1px,#0000 1px 18px),linear-gradient(90deg,#ffffff2e,#0000 18%,#ffffff24 50%,#0000 84%),linear-gradient(#ead0ae,#dfbd91 48%,#d7ad78);height:clamp(210px,27vh,255px);box-shadow:0 -10px 24px #5b41251a}.desk-surface:before{background:#fff6e570;height:14px}.plant{width:150px;height:162px;bottom:38px;left:clamp(92px,12vw,190px);right:auto}.leaf{background:linear-gradient(130deg,#91ad6e,#55763d);width:38px;height:82px;bottom:56px;box-shadow:inset 9px 0 #ffffff1f}.leaf-four{background:linear-gradient(130deg,#a1bd7d,#64884b);height:76px;transform:translate(44%)rotate(51deg)}.pot{background:radial-gradient(circle at 42% 18%,#ffffff4d,#0000 34%),linear-gradient(#f2eee6,#d7cab9);border-radius:20px 20px 30px 30px;width:78px;height:78px;bottom:18px;left:39px}.desk-clock{background:#2d2e2c;border:8px solid #cbb48a;width:92px;height:92px;inset:auto auto 54px clamp(230px,21vw,330px)}.desk-clock span,.desk-clock b{background:#f4e6c8}.book-rack{width:232px;height:150px;box-shadow:none;background:0 0;gap:5px;padding:10px 10px 0;bottom:58px;left:auto;right:clamp(190px,20vw,310px)}.book-rack:after{display:none}.book{border-radius:3px 3px 2px 2px;width:31px;box-shadow:0 9px 18px #3426161f,inset 1px 0 #ffffff2e}.book-1{background:#75685b}.book-2{background:#f5efe2}.book-3{background:#f1eadf}.book-4{background:#232321}.book-5{background:#34322d}.book-6{background:#776b56}.book-2 span,.book-3 span{color:#1e1c189e}.desk-lamp{width:160px;height:190px;bottom:46px;left:auto;right:clamp(38px,7vw,105px)}.lamp-neck{background:#ddd8d0;width:8px;height:138px;bottom:35px;left:82px;transform:rotate(0)}.lamp-head{background:linear-gradient(150deg,#fff,#e8e2d8);border-radius:52px 52px 20px 20px;width:94px;height:68px;top:13px;left:22px;transform:rotate(13deg);box-shadow:0 13px 24px #46321b1a}.lamp-base{background:#ebe5dc;width:96px;height:20px;bottom:12px;left:42px}.open-notebook{width:min(270px,23vw);height:118px;bottom:34px;transform:translate(-50%)rotate(-1deg)}.notebook-cover{background:linear-gradient(90deg,#82745e29 0 22px,#0000 23px),radial-gradient(150px at 75% 20%,#ffffff57,#0000 48%),linear-gradient(145deg,#f4eee3,#e0d2bd);border-radius:15px}.desk-pen{background:linear-gradient(90deg,#151513,#34312d 70%,#caa15f 71% 84%,#111);border-radius:999px;width:120px;height:13px;position:absolute;bottom:58px;left:calc(50% + 210px);transform:rotate(-12deg);box-shadow:0 8px 13px #39271524}.notebook-left{border-radius:24px 8px 8px 24px;box-shadow:inset -10px 0 18px #5e462614}.notebook-right{border-radius:8px 24px 24px 8px;box-shadow:inset 10px 0 18px #5e462614}.notebook-spread h2{letter-spacing:-.035em;margin:0 0 18px;font-size:25px;line-height:1}.notebook-spread p{color:#2a2319b3;margin:0 0 12px;font-size:15px;font-weight:630;line-height:1.5}@media (width<=980px){.desk-whiteboard{width:76vw}.book-rack{transform-origin:100% 100%;right:22px;transform:scale(.82)}.open-notebook{width:min(340px,48vw)}}@media (width<=900px){.canvas{transform-origin:0 0;scale:.86}.property-panel{width:min(250px,100vw - 24px);padding:14px;top:12px;right:12px}.property-panel h2{font-size:20px}.mini-map{transform-origin:0 0;top:12px;left:12px;transform:scale(.88)}.project-log{bottom:12px;left:12px}.project-log.closed{width:230px}.project-log.open{width:min(330px,100vw - 24px);max-height:320px}.reset-button{bottom:14px}.notebook-spread{grid-template-columns:1fr;padding:28px}.notebook-left,.notebook-right{border-radius:22px}}@media (width<=640px){.desk-whiteboard{border-width:9px;width:86vw;height:38vh;top:44px}.board-title{font-size:42px}.board-subtitle{top:calc(38% + 54px)}.board-paper{width:92px;height:64px;font-size:11px}.desk-clock,.book-rack{display:none}.plant{transform-origin:0 100%;transform:scale(.78)}.open-notebook{width:250px;left:57%}.property-panel{width:226px;top:auto;bottom:74px;right:12px}.property-grid{grid-template-columns:62px minmax(0,1fr)}.property-hint,.property-tags{display:none}.project-log.closed{width:210px}.log-toggle{padding:13px 14px}}.desk-scene{transform-origin:50% 26%;z-index:5;background:radial-gradient(1000px at 17% 8%,#fffff4f5,#0000 58%),radial-gradient(820px at 78% 18%,#ece3ceb3,#0000 62%),linear-gradient(#f8f0e5 0%,#efe3d2 68%,#d7b17c 68.4%,#ca9557 100%);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .56s,filter .72s;position:absolute;inset:0;overflow:hidden}.mode-transition-board .desk-scene,.mode-whiteboard .desk-scene{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(3.95)translateY(-16vh)}.mode-transition-desk .desk-scene{opacity:1;filter:blur();transform:scale(1.04)}.room-shadow{background:radial-gradient(950px ellipse at 50% 22%, transparent 0 42%, #75563417 88%), linear-gradient(90deg, #82694e1a, transparent 18%, transparent 82%, #82694e1a);pointer-events:none;position:absolute;inset:0}.window-light{opacity:.78;background:repeating-linear-gradient(170deg,#fffffff5 0 19px,#e8e1d39e 19px 27px),linear-gradient(90deg,#ffffffdb,#0000);width:150px;height:76vh;position:absolute;top:0;left:0;box-shadow:42px 0 115px #ffffff6b}.window-light:after{content:"";filter:blur(8px);background:linear-gradient(90deg,#ffffff5c,#0000);width:650px;height:130px;position:absolute;top:44vh;left:60px;transform:rotate(2deg)}.home-whiteboard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;z-index:6;background:linear-gradient(#fffffce0,#f9f7efc4),#fffefa;border:1px solid #5b482f29;border-radius:34px;width:min(1240px,75vw);height:min(660px,65vh);transition:transform .28s,box-shadow .28s;position:absolute;top:6.8vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 38px 120px #4b371e38,inset 0 0 0 12px #ffffff3d,inset 0 0 0 2px #5b482f0f}.home-whiteboard:hover{transform:translate(-50%)translateY(-3px)scale(1.006);box-shadow:0 50px 138px #4b371e45,inset 0 0 0 12px #ffffff47,inset 0 0 0 2px #5b482f0f}.board-nav{color:#26231f;align-items:center;gap:34px;font-size:15px;font-weight:650;display:flex;position:absolute;top:28px;left:5.5%;right:5.5%}.board-nav .logo{letter-spacing:-.08em;margin-right:24px;font-family:Georgia,serif;font-size:42px}.board-nav .active{text-underline-offset:8px;text-decoration:underline}.board-nav b{opacity:.72;margin-left:auto;font-weight:400}.board-nav i{background:#413a301a;border-radius:999px;width:44px;height:24px;position:relative}.board-nav i:after{content:"";background:#58504557;border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:6px}.pin{background:radial-gradient(circle at 35% 35%,#b7aa8e,#6e614d 70%);border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1e160c47}.pinned-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffc9e;border:1px solid #4b41321c;border-radius:12px;padding:20px;position:absolute;box-shadow:0 16px 36px #47341f21}.pinned-card h2{margin:0 0 14px;font-size:16px}.pinned-card ul{color:#413b33;gap:13px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.pinned-card li:before{content:"□";color:#6d6254;margin-right:12px;font-size:12px}.latest-card{width:230px;height:255px;top:16%;left:7%}.current-card{width:230px;height:190px;top:54%;left:7%}.highlight-card{width:245px;height:215px;top:51%;right:10%}.mini-landscape{background:linear-gradient(160deg,#ffffff26,#0000 40%),linear-gradient(145deg,#536b66 0 28%,#cdd9cf 28% 37%,#7a8d7b 37% 55%,#d9e2d7 55% 61%,#536f85 61% 100%);border-radius:4px;height:116px;box-shadow:inset 0 0 0 1px #0000000f}.latest-card h3{margin:14px 0 8px;font-size:17px;line-height:1.2}.latest-card p{color:var(--muted);justify-content:space-between;margin:0;font-size:12px;display:flex}.profile-intro{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf7b8;border:1px solid #564b3b1f;border-radius:28px;flex-direction:column;align-items:center;width:min(455px,39%);min-height:400px;padding:44px 42px 32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #4d371f24,inset 0 1px #ffffffbd}.avatar-ring{background:linear-gradient(#ffffffeb,#ebe0cba8);border-radius:50%;width:150px;height:150px;padding:8px;overflow:hidden;box-shadow:0 12px 36px #503d2633,inset 0 0 0 1px #5d4e3914}.avatar-ring img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-intro h1{letter-spacing:-.04em;margin:24px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500}.profile-intro .role{letter-spacing:.34em;text-transform:uppercase;color:#5c5349;margin:0;font-size:11px;font-weight:800}.profile-intro .bio{color:#686056;max-width:330px;margin:24px 0 22px;font-size:14px;line-height:1.5}.profile-actions{gap:12px;display:flex}.profile-actions span{background:#ffffff80;border:1px solid #4d413314;border-radius:12px;place-items:center;width:48px;height:40px;font-size:12px;font-weight:800;display:grid;box-shadow:0 8px 18px #3d301f14}.guestbook-sticky{text-align:left;background:linear-gradient(#fff1b8,#f7dda1);border-radius:4px 4px 18px 5px;width:175px;height:150px;padding:26px 24px 18px;position:absolute;top:17%;right:12%;transform:rotate(-1.5deg);box-shadow:0 18px 35px #5037162e}.guestbook-sticky b{border-bottom:1px solid #59503a;margin-bottom:12px;padding-bottom:6px;font-family:Georgia,serif;font-size:24px;font-style:italic;font-weight:500;display:block}.guestbook-sticky i{font-style:normal;position:absolute;top:18px;right:14px}.guestbook-sticky p{color:#383329;margin:0;font-size:12px;line-height:1.55}.guestbook-sticky small{position:absolute;bottom:10px;right:18px}.quote-card{color:#5e554a;background:#fffffc85;border-radius:13px;justify-content:center;align-items:center;gap:32px;height:64px;font-size:14px;display:flex;position:absolute;bottom:4%;left:24%;right:24%;box-shadow:0 12px 30px #4634201c}.quote-card span{color:#3f372e}.quote-card em{color:#463e34;font-style:normal}.desk-surface{z-index:7;background:linear-gradient(90deg,#ffffff24,#0000 34%,#5c3c1c0f),repeating-linear-gradient(0deg,#68461e0f 0 1px,#0000 1px 8px),linear-gradient(#e6c391,#ca9358 86%);height:31vh;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 20px 40px #ffffff2e,inset 0 1px #67452529}.wood-line{background:#ffffff5c;height:20px;position:absolute;top:0;left:0;right:0}.plant{z-index:10;width:170px;height:230px;position:absolute;bottom:5vh;left:6vw}.plant span{transform-origin:bottom;background:linear-gradient(135deg,#8ab870,#3f7d4b);border-radius:100% 0;width:50px;height:115px;position:absolute;bottom:80px;left:60px;box-shadow:inset 10px 0 16px #ffffff2e}.plant span:first-child{left:32px;transform:rotate(-45deg)}.plant span:nth-child(2){height:135px;bottom:92px;left:62px;transform:rotate(-20deg)}.plant span:nth-child(3){bottom:88px;left:86px;transform:rotate(18deg)}.plant span:nth-child(4){height:103px;left:105px;transform:rotate(48deg)}.plant span:nth-child(5){height:86px;bottom:70px;left:18px;transform:rotate(-70deg)}.plant span:nth-child(6){height:86px;bottom:70px;left:116px;transform:rotate(72deg)}.plant b{background:linear-gradient(#d79a58,#b97438);border-radius:15px 15px 28px 28px;width:76px;height:56px;position:absolute;bottom:22px;left:55px}.clock{z-index:11;background:#2f2b25;border:6px solid #b68c4c;border-radius:50%;width:95px;height:95px;position:absolute;bottom:7vh;left:16vw;box-shadow:0 15px 30px #2a1c0d33}.clock:before{content:"";border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:9px}.clock span,.clock b{transform-origin:bottom;background:#f1d8a6;border-radius:999px;width:2px;position:absolute;top:50%;left:50%}.clock span{height:31px;transform:translate(-50%,-100%)rotate(0)}.clock b{height:24px;transform:translate(-50%,-100%)rotate(48deg)}.closed-notebook{z-index:12;cursor:pointer;background:linear-gradient(#f5efe1,#e8ddca);border:1px solid #58463026;border-radius:10px 16px 16px 10px;width:320px;height:86px;position:absolute;bottom:4.4vh;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 22px 40px #51351933,inset 14px 0 #d2cabcc2}.closed-notebook span{color:#5e52426b;font-family:Georgia,serif;font-size:20px}.closed-notebook:after{content:"";background:#3e39325c;width:8px;position:absolute;top:0;bottom:0;right:50px}.pen{z-index:12;background:linear-gradient(90deg,#2d2924,#111,#c6a257 64%,#2a2420);border-radius:999px;width:180px;height:12px;position:absolute;bottom:7.8vh;left:62%;transform:rotate(11deg);box-shadow:0 10px 18px #321e0a2e}.lamp{z-index:12;width:210px;height:280px;position:absolute;bottom:9vh;right:5vw}.lamp span{background:#f0eadf;border-radius:999px;width:11px;height:178px;position:absolute;bottom:48px;right:65px;transform:rotate(10deg);box-shadow:9px 0 16px #3c2d1c14}.lamp b{background:linear-gradient(#fff,#f0eadf);border-radius:80px 80px 25px 25px;width:154px;height:78px;position:absolute;top:38px;right:22px;transform:rotate(14deg);box-shadow:0 20px 30px #4635201f}.lamp i{background:#f1eadf;border-radius:50%;width:100px;height:16px;position:absolute;bottom:0;right:54px;box-shadow:0 8px 18px #3c2b181f}.book-rack{z-index:13;background:linear-gradient(#7a4f242e,#613b1952);border-radius:10px 10px 4px 4px;align-items:flex-end;gap:9px;width:290px;height:220px;padding:18px 16px 34px;display:flex;position:absolute;bottom:7.5vh;right:12vw;box-shadow:inset 0 -8px #50301638,0 18px 32px #472c1426}.book-rack strong{color:#e4bc65;letter-spacing:.08em;background:#2a1d10a8;border:1px solid #eab74499;border-radius:2px;padding:4px 0;font-size:12px;position:absolute;bottom:7px;left:18px;right:18px}.desk-book{cursor:pointer;border-radius:5px 5px 2px 2px;width:34px;min-width:34px;transition:transform .2s;position:relative;box-shadow:inset -7px 0 #0000001f,0 8px 18px #22180e21}.desk-book:hover{transform:translateY(-8px)}.desk-book small{color:#241f18;white-space:normal;text-align:center;background:#ffffffd1;border-radius:4px;padding:3px 2px;font-size:9px;line-height:1.05;position:absolute;bottom:13px;left:4px;right:4px;overflow:hidden}.book-1{background:#5f8f82;height:130px}.book-2{background:#719bc3;height:145px}.book-3{background:#c79399;height:118px}.book-4{background:#cdbb62;height:138px}.book-5{background:#8b78b4;height:124px}.book-6{background:#62665b;height:150px}.view-whiteboard .desk-scene,.view-notebook .desk-scene{opacity:0;pointer-events:none}