html,body{box-sizing:border-box;width:100%;min-height:100%;margin:0;padding:0}body{color:#201a18;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2b231e;background-image:linear-gradient(90deg,#0000 50%,#ffffff03 50%),radial-gradient(circle,#ffffff05 0%,#0000 80%),linear-gradient(#00000040 1px,#0000 1px);background-size:100px 100%,100% 100%,100% 6px;font-family:Patrick Hand,cursive;font-size:18px}.desk-container{box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:3rem 1.5rem;display:flex;overflow-x:hidden}.notebook{box-sizing:border-box;background-color:#fcf9f2;border-left:2px solid #ddd2c4;border-radius:6px 20px 20px 6px;width:100%;max-width:820px;min-height:85vh;margin-right:3rem;padding:4rem 3rem 4rem 6rem;position:relative;box-shadow:0 15px 35px #0006,0 3px 10px #0003,inset 0 0 40px #00000008,-12px 0 #1b1613}.spiral-binding{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;align-items:center;width:2rem;display:flex;position:absolute;top:3.5rem;bottom:3.5rem;left:1.8rem}.spiral-ring{background:linear-gradient(#e0e0e0 0%,#b8b8b8 20%,#8c8c8c 50%,#5c5c5c 85%,#b8b8b8 100%);border-radius:8px;width:3.8rem;height:1.1rem;position:relative;box-shadow:0 4px 6px #00000059,inset 0 1px 2px #ffffffb3}.spiral-ring:before{content:"";background:#25201d;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:.15rem;left:2.2rem;box-shadow:inset 0 2px 4px #000c}.tabs-container{z-index:5;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:5rem;right:-2.75rem}.tab-item{color:#1a1513;text-align:center;border:1.5px solid #201a18;border-left:none;border-radius:0 10px 10px 0;width:3.5rem;padding:.4rem 1rem .4rem .6rem;font-family:Caveat,cursive;font-size:1.4rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:block;box-shadow:3px 3px 6px #00000026}.tab-blog{background-color:#f7ca59}.tab-about{background-color:#6fb2ec}.tab-tags{background-color:#84d896}.tab-rss{background-color:#eb8d6a}.tab-item:hover{padding-left:.9rem;transform:translate(8px);box-shadow:5px 3px 8px #0003}.tab-item.active{border-right-style:dashed;width:3.8rem;font-weight:800;transform:translate(-4px)}.paper-content{box-sizing:border-box;background-image:linear-gradient(90deg,#ff9e9e 1.5px,#0000 1.5px),linear-gradient(#0000 96.5%,#ccdeec 96.5%);background-position:2.2rem 0,0 .8rem;background-size:100% 100%,100% 2rem;min-height:100%;padding-left:3.2rem;padding-right:.5rem}.paper-content p{text-align:justify;word-break:break-word;margin:0 0 2rem;line-height:2rem}.paper-content h1,.paper-content h2,.paper-content h3{color:#8c2514;margin:0 0 2rem;font-family:Caveat,cursive;font-weight:700}.paper-content h1{margin-top:1rem;font-size:2.6rem;line-height:4rem;display:inline-block;transform:rotate(-1deg)}.paper-content h2{color:#2b6170;margin-top:2rem;font-size:1.8rem;line-height:2rem}.paper-content h3{font-size:1.4rem;line-height:2rem}.paper-content ul,.paper-content ol{margin:0 0 2rem;padding-left:2rem;line-height:2rem}.paper-content li{line-height:2rem}.paper-content table{border-collapse:collapse;width:100%;margin:0 0 2rem;font-size:1rem;line-height:2rem}.paper-content th{text-align:left;color:#2b6170;border-bottom:2px solid #201a18;padding:0 .5rem;font-family:Caveat,cursive;font-size:1.25rem}.paper-content td{border-bottom:1px dashed #ccdeec;padding:0 .5rem}.paper-content blockquote{background-color:#faf7ef;border-left:3px solid #ff9e9e;margin:0 0 2rem 1rem;padding:0 1rem;font-style:italic;box-shadow:1px 1px 4px #0000000d}.doodle{pointer-events:none;opacity:.15;background-repeat:no-repeat;background-size:contain;position:absolute}.doodle-stain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M30,50 C20,30 50,15 70,30 C90,45 80,75 60,85 C40,95 20,80 30,50 Z' fill='none' stroke='%23704d31' stroke-width='4' stroke-dasharray='3 3'/%3E%3Ccircle cx='65' cy='60' r='18' fill='none' stroke='%23704d31' stroke-width='1.5'/%3E%3Cpath d='M75,65 Q85,75 90,70' fill='none' stroke='%23704d31' stroke-width='1'/%3E%3C/svg%3E");width:120px;height:120px;bottom:2rem;right:2rem}@media (width<=850px){.desk-container{padding:1rem .5rem}.notebook{border-radius:4px;margin-right:0;padding:5rem 1.25rem 2rem 2.8rem;box-shadow:0 8px 20px #0000004d}.spiral-binding{width:1.2rem;top:2rem;bottom:2rem;left:.8rem}.spiral-ring{width:2.2rem;height:.75rem;box-shadow:0 2px 4px #0000004d}.spiral-ring:before{width:.5rem;height:.5rem;top:.1rem;left:1.3rem}.tabs-container{flex-direction:row;justify-content:space-around;gap:.35rem;width:auto;position:absolute;top:1.25rem;left:2.8rem;right:0}.tab-item{border:1.5px solid #201a18;border-radius:6px;flex:1;width:auto;padding:.3rem .5rem;font-size:1.1rem;box-shadow:1px 2px 4px #0000001a}.tab-item:hover{padding-left:.5rem;transform:translateY(-3px)}.tab-item.active{border-bottom-style:dashed;border-right-style:solid;width:auto;transform:translateY(3px)}.paper-content{background-position:1rem 0,0 .8rem;padding-left:1.5rem;font-size:17px}}