:root{--bg:#21150e;--ink:#f1ddbd;--muted:#c9af8c;--accent:#e0b778;--line:#9c784c;--dialog-bg:#221c14}body{background:radial-gradient(ellipse at 50% 30%,#5a4024,#100c09 90%);padding:35px 25px 0}.cabinet{position:relative;max-width:1120px;margin:auto;padding:0 65px 0;border:14px ridge #35281c;border-bottom:0;border-radius:80px 80px 0 0;background:url('./assets/wood.svg') center top /700px auto;box-shadow:inset 0 0 0 3px #110d08,inset 0 0 90px #000a,0 0 50px #000b;isolation:isolate;overflow:hidden}.cabinet:before{content:"";position:absolute;inset:4px;border:1px solid #b092564d;border-radius:60px 60px 0 0;pointer-events:none}.hinge{position:absolute;left:-2px;width:38px;height:120px;border:2px solid #66543e;border-radius:6px;background:linear-gradient(90deg,#100e0c,#554b3b,#13110e);box-shadow:4px 4px 6px #000;z-index:2}.hinge:before,.hinge:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:linear-gradient(35deg,#9e8967 40%,#181611 45%,#181611 55%,#8a795e 60%);border:1px solid #100e08;left:12px}.hinge:before{top:12px}.hinge:after{bottom:12px}.hinge-one{top:300px}.hinge-two{top:920px}.cabinet-header{position:relative;text-align:center;padding:108px 0 33px}.picture-light{position:absolute;top:43px;width:58%;height:13px;left:21%;border-radius:5px;background:linear-gradient(#443e33,#171916 35%,#10110d 75%,#efb960 90%);box-shadow:0 5px 6px #f5bb4c50,0 40px 40px 15px #ffb65a1c;border:1px solid #897553}.picture-light:before{content:"";position:absolute;left:38%;right:38%;height:27px;top:-18px;border:2px outset #9c7c41;border-radius:4px;background:linear-gradient(#272011,#584121,#a4712f)}.picture-light:after{content:"";position:absolute;top:14px;left:-25%;right:-25%;height:290px;background:radial-gradient(ellipse at 50% 0,#e7a65020,transparent 68%);pointer-events:none}.top-controls{position:absolute;top:80px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}.top-controls .icon-button{color:#d8bc8a}.saved-tag{transform:rotate(5deg);padding:12px 17px;background:linear-gradient(105deg,#c8b590,#b39c77);box-shadow:3px 5px 3px #0008;color:#312516;display:flex;gap:7px;align-items:center;font-size:17px;border:1px solid #9c8560}.saved-tag:before{content:"";position:absolute;width:8px;height:8px;border:3px solid #785c34;border-radius:50%;top:-7px;left:50%;background:#231a10}.saved-tag .icon{width:17px}.saved-tag b{font-weight:400}.cabinet-header .brand-word{font:150px/.92 var(--gothic);background:linear-gradient(110deg,#c49450 15%,#ffe4a5 40%,#b88743 55%,#ebc482 80%);background-clip:text;color:transparent;text-shadow:2px 5px 4px #0002;filter:drop-shadow(2px 4px 1px #100b04);letter-spacing:-4px}.cabinet-header .brand-sub{letter-spacing:12px;font-size:12px;margin-top:17px}.cabinet-header h1{font-size:32px;font-weight:400;color:#d5bd94;margin:23px 0 0}.tool-rack{position:relative;padding:0 8px 0;margin-top:17px}.tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;position:relative;z-index:1}.tool{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 0 16px;isolation:isolate}.tool-art{width:100%;height:248px;filter:drop-shadow(5px 8px 4px #000c);transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .4s;overflow:visible}.tool:before{content:"";width:65%;height:16px;border-radius:50%;background:#090704;position:absolute;bottom:66px;box-shadow:inset 0 3px 5px #000,0 1px 1px #9d6b38;z-index:-1}.tool-label{display:block;width:100%;font-size:19px;line-height:1;min-height:42px;padding:10px 3px;background:linear-gradient(120deg,#1c1b17,#10100c);border:2px ridge #997348;border-radius:4px;box-shadow:0 2px 5px #000a;text-align:center;color:#dabf92}.tool[aria-pressed=true] .tool-art{transform:translateY(-17px) rotate(-3deg);filter:drop-shadow(0 4px 8px #e3ab5433) drop-shadow(6px 10px 5px #0009)}.tool[aria-pressed=true] .tool-label{border-color:#f2c47c;box-shadow:0 0 5px #f6c16c,0 0 18px #f6ae6c77;color:#ffe2b0}.shelf{position:absolute;left:-20px;right:-20px;bottom:0;height:80px;border:5px ridge #624226;border-radius:20px 20px 3px 3px;background:linear-gradient(#c38a431a,#0008),url('./assets/wood.svg') center center/800px;box-shadow:0 12px 12px #000b}.drawer{margin:5px -12px 35px;border:3px ridge #4e351f;background:linear-gradient(0deg,#0005,transparent),url('./assets/wood.svg');box-shadow:0 5px 10px #0007}#drawer-toggle{display:flex;gap:17px;align-items:center;justify-content:center;min-height:57px;width:100%;font-size:18px;color:#d4b58a}.drawer-pull{width:54px;height:16px;border:4px ridge #c19b5d;border-radius:4px 4px 12px 12px;box-shadow:0 3px 5px #000}.drawer-hint{font:7px var(--sans);letter-spacing:2px;color:#c5ab85}#lower-drawer{padding:10px 15px 0;background:radial-gradient(ellipse at 50% 0,#e9b16b17,#0008);border-top:3px solid #1b110b;box-shadow:inset 0 9px 12px #0009}#lower-drawer .tool-art{height:205px}#lower-drawer .tool:before{bottom:61px}.workbench{position:relative;border:12px ridge #65442a;border-radius:11px;background:url('./assets/wood.svg');padding:8px;box-shadow:0 13px 22px #000b,0 0 0 3px #201209}.bench-paper{position:relative;background:radial-gradient(ellipse at 50% 20%,#f0e5cd,#d1b995);color:#2e281d;border:1px solid #968465;padding:37px 39px 30px;box-shadow:inset 0 0 25px #8b63332b;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:0 24px}.bench-paper:before{content:"";position:absolute;inset:0;background:url('./assets/texture.svg');opacity:.2;pointer-events:none}#bench-content{z-index:1}.bench-paper .eyebrow{font-size:9px;letter-spacing:3px;color:#5a4830}.bench-paper h2{font-size:49px;line-height:1;margin:16px 0 22px;font-weight:600;letter-spacing:-1px}.bench-paper p{font-size:25px;line-height:1.17;color:#4e3d29}.bench-facts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.bench-facts span{border:1px solid #a9926c;border-radius:6px;padding:7px 10px;display:flex;align-items:center;gap:7px;font:10px var(--sans)}.bench-facts .icon{width:17px;height:17px}.bench-paper .primary{border:2px ridge #e3bf79;border-radius:5px;width:100%;font-size:28px;padding:13px 18px;color:#fff0d4;background:linear-gradient(110deg,#815b2c,#b28644 20%,#5d3d1d);box-shadow:1px 3px 5px #604b3280;text-shadow:0 1px 1px #0008}.bench-paper .primary:hover{filter:brightness(1.15)}.paper-screw{position:absolute;width:14px;height:14px;background:radial-gradient(at 30% 20%,#ba9b64,#392918 60%,#17140f);border-radius:50%;box-shadow:0 0 0 2px #a78a59,2px 2px 3px #000;z-index:2}.paper-screw:after{content:"";position:absolute;left:3px;right:3px;top:6px;height:2px;background:#171109;transform:rotate(35deg)}.paper-screw.one{top:19px;left:19px}.paper-screw.two{top:19px;right:19px}.paper-screw.three{bottom:19px;left:19px}.paper-screw.four{bottom:19px;right:19px}#bench-preview{align-self:center;text-align:center;border:1px solid #a68b63;background:linear-gradient(120deg,#fff3,#9b7f4833);padding:19px 13px;border-radius:8px;transform:rotate(2deg)}#bench-preview .tool-art{height:210px;filter:drop-shadow(4px 6px 3px #5a42265a)}#bench-preview span{font:8px var(--sans);letter-spacing:2px;color:#604b30;display:block;border-top:1px solid #bba57d;padding-top:12px}#bench-choices{grid-column:1/-1;margin-top:27px;border-top:1px solid #aa9169;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}#bench-choices .choice-info{font:9px/1.5 var(--sans);color:#60513c;text-align:center}#bench-choices button{border:1px solid #9e8154;border-radius:3px;padding:10px;display:flex;align-items:center;gap:8px;font-size:17px;min-height:44px}#bench-choices .icon{width:18px}#bench-choices button:disabled{opacity:.5}.pinned-board{margin:36px 7px 30px;display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:center}.pinned-board .eyebrow{font-size:7px;letter-spacing:2px;color:#c5a276}.pinned-board h2{font-size:29px;line-height:1;margin:12px 0}#pinned-notes{display:flex;gap:14px}.pin-note{position:relative;padding:24px 17px 17px;flex:1;max-width:220px;transform:rotate(-3deg);background:linear-gradient(100deg,#ccba98,#b5a281);color:#362a19;box-shadow:2px 4px 7px #0009;font-size:20px;line-height:1.1;min-height:100px;text-align:left}.pin-note:nth-child(even){transform:rotate(3deg)}.pin-note:before{content:"";position:absolute;left:50%;top:7px;width:7px;height:7px;border-radius:50%;background:radial-gradient(at 30% 20%,#cfaa63,#4e3b1c);box-shadow:1px 2px 2px #46321a}.pin-note small{display:block;font:7px var(--sans);letter-spacing:1px;margin-bottom:10px;color:#675232}.notes-empty{font-size:21px;line-height:1.2;color:#baa07a;font-style:italic}.desk{position:relative;padding:35px 20px 24px;min-height:180px;display:flex;justify-content:space-between;gap:25px;align-items:end;margin:0 -65px;background:linear-gradient(#7a502a77,#0004),url('./assets/wood.svg') center center /100%;border-top:7px ridge #7b522e;box-shadow:0 -10px 14px #0009,inset 0 15px 10px #22170bb3}.leather-pad{width:65%;padding:23px 20px 12px;border:1px dashed #806842;border-radius:17px;background:linear-gradient(130deg,#30271d,#191914);box-shadow:0 4px 0 3px #140e09,0 7px 10px #0008;text-align:center;color:#998261}.leather-pad>.icon{display:block;width:27px;height:27px;margin:auto auto 10px}.leather-pad>span{font:8px/1.8 var(--sans);letter-spacing:2px}.leather-pad button{display:block;margin:6px auto 0;font-size:14px;min-height:35px}.cloth{width:160px;padding:25px 20px;background:repeating-linear-gradient(0deg,#b1a08055 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#a6947755 0 1px,transparent 1px 3px),#b8aa8d;border:3px dashed #a49477;color:#4b3b23;transform:rotate(6deg);box-shadow:3px 6px 4px #0008;text-align:center;font-size:20px;line-height:1.05;z-index:1}.cloth .icon{width:20px;margin:9px auto 0;display:block}.stationery{position:absolute;right:10px;top:-133px;width:76px;height:155px;pointer-events:none}.pen-pot{position:absolute;bottom:0;height:88px;width:76px;border:3px ridge #a27b3e;border-radius:5px 5px 17px 17px;background:linear-gradient(90deg,#523511,#d3a754 30%,#826030 55%,#291e0e);box-shadow:4px 5px 5px #000b;color:#614a21;display:grid;place-items:center}.pen-pot .icon{width:34px;height:34px}.stationery i{position:absolute;width:7px;height:117px;bottom:20px;left:20px;transform:rotate(-9deg);background:linear-gradient(90deg,#1d1911,#ceb273,#352412);border-radius:60% 60% 0 0}.stationery i:nth-child(2){left:40px;transform:rotate(10deg);height:132px}.stationery i:nth-child(3){left:55px;transform:rotate(18deg);height:112px}.first-entry .picture-light{animation:warmup .8s ease-out}.first-entry .tool-art{animation:toolseat 1s cubic-bezier(.22,.7,.2,1) backwards}.first-entry .tool:nth-child(even) .tool-art{animation-delay:.15s}@keyframes warmup{from{filter:brightness(.2)}to{filter:brightness(1)}}@keyframes toolseat{from{opacity:0;translate:0 -25px}to{opacity:1;translate:0 0}}
@media(max-width:800px){body{padding:15px 12px 0}.cabinet{padding-inline:35px;border-width:10px;border-radius:65px 65px 0 0}.cabinet-header{padding-top:100px}.cabinet-header .brand-word{font-size:125px}.cabinet-header h1{font-size:28px}.tool-art{height:205px}.tool-label{font-size:16px}.tools{gap:6px}.bench-paper{padding:32px 27px 25px;grid-template-columns:minmax(0,1fr) 130px;gap:18px}.bench-paper h2{font-size:41px}.bench-paper p{font-size:23px}.bench-facts{gap:5px}.bench-facts span{font-size:8px;padding:7px}.bench-paper .primary{font-size:25px}#bench-preview{padding:15px 9px}#bench-preview .tool-art{height:185px}.desk{margin-inline:-35px}.pinned-board{grid-template-columns:1fr 1.5fr;gap:17px}.pin-note{font-size:18px}.pinned-board h2{font-size:26px}}
@media(max-width:580px){body{padding:0}.cabinet{padding-inline:18px;border:7px ridge #3b2b1c;border-bottom:0;border-radius:42px 42px 0 0}.cabinet:before{border-radius:31px 31px 0 0}.cabinet-header{padding:93px 0 29px}.picture-light{top:36px;left:14%;width:72%;height:10px}.picture-light:before{height:22px;top:-15px}.top-controls{top:65px}.top-controls .icon-button{width:36px;height:44px}.saved-tag{font-size:12px;padding:10px 9px;gap:4px;transform:rotate(4deg)}.saved-tag .icon{width:12px}.cabinet-header .brand-word{font-size:106px;letter-spacing:-3px}.cabinet-header .brand-sub{letter-spacing:8px;font-size:8px;margin-top:15px}.cabinet-header h1{font-size:23px;line-height:1.2;margin:23px auto 0;max-width:260px}.tool-rack{padding:0;margin-top:10px}.tools{gap:5px}.tool-art{height:161px}.tool-label{font-size:13px;min-height:35px;border-width:1px;padding:10px 0;letter-spacing:-.4px}.tool{padding-bottom:9px}.tool:before{bottom:45px;height:11px}.tool[aria-pressed=true] .tool-art{transform:translateY(-10px) rotate(-3deg)}.shelf{left:-10px;right:-10px;height:55px;border-width:3px;border-radius:9px 9px 2px 2px}.drawer{margin:3px -7px 28px;border-width:2px}#drawer-toggle{min-height:48px;font-size:15px;gap:10px}.drawer-pull{width:36px;height:13px;border-width:3px}.drawer-hint{font-size:5px;letter-spacing:1px}#lower-drawer{padding:8px 5px 0}#lower-drawer .tool-art{height:144px}#lower-drawer .tool:before{bottom:44px}.workbench{border-width:7px;padding:5px;border-radius:7px}.bench-paper{padding:25px 19px 19px;grid-template-columns:minmax(0,1fr) 80px;gap:0 14px}.bench-paper .eyebrow{font-size:7px;letter-spacing:2px}.bench-paper h2{font-size:32px;line-height:1.02;margin:12px 0 17px;letter-spacing:-.7px}.bench-paper p{font-size:20px;line-height:1.16}.bench-facts{margin:16px 0;gap:5px;flex-direction:column;align-items:flex-start}.bench-facts span{font-size:8px;padding:6px 7px;gap:5px}.bench-facts .icon{width:14px;height:14px}.bench-paper .primary{font-size:23px;min-height:48px;gap:5px;padding:8px 11px}.bench-paper .primary .icon{width:20px}#bench-preview{padding:12px 4px}#bench-preview .tool-art{height:172px}#bench-preview span{font-size:6px;letter-spacing:1px;padding-top:10px}#bench-choices{margin-top:24px;padding-top:12px;gap:8px}#bench-choices button{padding:8px;font-size:15px;gap:4px}#bench-choices .icon{width:15px}#bench-choices .choice-info{font-size:8px}.paper-screw{width:10px;height:10px;box-shadow:0 0 0 1px #a78a59,2px 2px 3px #000}.paper-screw:after{top:4px;left:2px;right:2px;height:1px}.paper-screw.one{top:13px;left:13px}.paper-screw.two{top:13px;right:13px}.paper-screw.three{bottom:13px;left:13px}.paper-screw.four{bottom:13px;right:13px}.hinge{width:19px;height:80px;left:-5px}.hinge:before,.hinge:after{left:7px;width:5px;height:5px}.hinge-one{top:200px}.hinge-two{top:745px}.pinned-board{display:block;margin:30px 7px 26px}.pinned-board>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.pinned-board .eyebrow{font-size:6px;letter-spacing:1px}.pinned-board h2{font-size:23px;margin:0}#pinned-notes{gap:13px}.pin-note{font-size:18px;min-height:92px;max-width:50%;padding:23px 13px 14px}.notes-empty{font-size:20px;margin:0 65px 0 0;min-height:77px}.desk{margin-inline:-18px;padding:24px 13px 20px;min-height:162px;gap:17px}.leather-pad{padding:17px 10px 9px;border-radius:12px;width:66%}.leather-pad>span{font-size:6px;letter-spacing:1px}.leather-pad>.icon{width:24px;height:24px}.leather-pad button{font-size:12px}.cloth{width:104px;padding:20px 10px;font-size:17px;transform:rotate(6deg);border-width:2px}.stationery{right:5px;top:-98px;transform:scale(.65);transform-origin:bottom right}}
@media(max-width:360px){.cabinet{padding-inline:12px}.tool-label{font-size:11px}.tool-art{height:141px}.bench-paper{padding-inline:14px;grid-template-columns:minmax(0,1fr) 62px;gap:10px}.bench-paper h2{font-size:29px}.bench-paper .primary{font-size:21px}.desk{margin-inline:-12px}.saved-tag{font-size:11px}.cabinet-header .brand-word{font-size:97px}}
.cabinet-header .brand-word{font-family:Unifraktur,Georgia,serif;font-size:150px;line-height:.92;display:block}.leather-pad>[data-icon]{display:block;margin:0 auto 12px}.leather-pad>[data-icon] .icon{width:29px;height:29px}@media(max-width:800px){.cabinet-header .brand-word{font-size:125px}}@media(max-width:580px){.cabinet-header .brand-word{font-size:106px}}@media(max-width:360px){.cabinet-header .brand-word{font-size:97px}}
.top-controls{z-index:3}
.cabinet,.workbench{background-image:url('./assets/wood.jpg')}.shelf{background-image:linear-gradient(#c38a431a,#0008),url('./assets/wood.jpg')}.drawer{background-image:linear-gradient(0deg,#0005,transparent),url('./assets/wood.jpg')}.desk{background-image:linear-gradient(#7a502a77,#0004),url('./assets/wood.jpg')}.remedy-dialog::backdrop{backdrop-filter:none;background:#0b0908e8}