@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#322518;font-synthesis:none;text-rendering:optimizelegibility;background:#efe3cf;font-family:Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.workspace-shell{background:#f8efdf;min-height:100vh;overflow:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf1eb;border-bottom:1px solid #4f371f1f;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5vw,76px);display:flex;position:relative}.brand{color:#382719;letter-spacing:-.05em;font-family:Gowun Batang,serif;font-size:clamp(30px,3vw,44px);font-weight:700;text-decoration:none}.brand span{color:#dfa82e;margin-left:7px;font:18px sans-serif}.login{color:#fff9ed;cursor:pointer;background:#463421;border:0;border-radius:14px;padding:11px 24px;font-weight:600;box-shadow:0 8px 22px #3725132e}.workspace{isolation:isolate;background:linear-gradient(119deg,#ffffffdb 0 14%,#0000 31%),linear-gradient(#e9d7bc 0 60%,#a8784c 60% 62%,#ba895d 62% 100%);min-height:calc(100vh - 92px);position:relative;overflow:hidden}.workspace:before{content:"";z-index:-1;transform-origin:top;background:repeating-linear-gradient(102deg,#0000 0 120px,#48291421 121px 123px);position:absolute;inset:60% 0 0;transform:perspective(600px)rotateX(55deg)scale(1.35)}.sunlight{clip-path:polygon(0 0,70% 0,100% 100%,12% 100%);pointer-events:none;background:linear-gradient(128deg,#ffffeba6,#0000 62%);width:58%;height:86%;position:absolute;inset:0 auto auto 0}.window{background:#cde5d0;border:14px solid #966a42;border-bottom-width:22px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(30vw,420px);height:min(35vw,380px);padding:11px;display:grid;position:absolute;top:5%;left:4%;box-shadow:inset 0 0 60px #fff5c2cc,0 14px 28px #4126112e}.window span{opacity:.72;background:linear-gradient(#d8f0e2,#fff2b8);border-right:7px solid #a4764c}.window span:last-child{border:0}.shelf{background:#8a5d37;border:16px solid #754c2c;grid-template-columns:repeat(3,1fr);gap:12px;width:min(31vw,470px);height:44%;padding:18px;display:grid;position:absolute;top:7%;right:5%;box-shadow:0 25px 50px #341d0d42}.shelf span{background:linear-gradient(135deg,#c7a57d,#9a744f);border:2px solid #4d2f1966;box-shadow:inset 0 0 0 8px #ffffff14}.desk{z-index:2;background:linear-gradient(#b68150,#81502f);position:absolute;box-shadow:0 24px 40px #391f0e42}.desk:after{content:"";border-left:22px solid #70452a;border-right:22px solid #70452a;height:160px;position:absolute;top:100%;left:8%;right:8%}.desk--left{width:34%;height:105px;bottom:14%;left:3%;transform:skewY(-2deg)}.desk--right{width:34%;height:125px;bottom:11%;right:12%;transform:skewY(2deg)}.desk i{background:#3d4440;border:8px solid #b9aa92;border-radius:5px;width:105px;height:65px;position:absolute;bottom:100%;left:18%;transform:skewY(2deg)}.desk b{background:#718b58;border-radius:50% 50% 8px 8px;width:52px;height:62px;position:absolute;bottom:100%;right:18%}.desk em{background:#e1c797;width:70px;height:16px;position:absolute;bottom:100%;left:48%;box-shadow:0 -12px #f2dfb9,0 -24px #cab184}.future-slot{color:#4b341f7a;letter-spacing:-.03em;border:2px dashed #5b3f2547;position:absolute}.future-slot--wall{border-radius:22px;place-items:center;width:270px;height:120px;display:grid;top:19%;right:16%;transform:rotate(1deg)}.future-slot--desk{border-radius:12px;width:120px;height:60px;bottom:26%;right:20%;transform:skewY(2deg)}.plant{z-index:3;width:70px;height:110px;position:absolute;bottom:8%;left:43%}.plant i{clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);background:#aa754c;width:42px;height:48px;position:absolute;bottom:0;left:18px}.plant span{transform-origin:bottom;background:#69804e;border-radius:100% 0;width:25px;height:55px;position:absolute;bottom:40px;left:31px;transform:rotate(-38deg)}.plant span:nth-child(2){transform:rotate(40deg)scale(.9)}.note-card{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaefeb;border:1px solid #7b552a3d;border-radius:28px;width:min(43vw,560px);padding:clamp(25px,3vw,42px);position:absolute;top:clamp(40px,9vh,110px);left:clamp(24px,9vw,140px);box-shadow:0 28px 70px #432b1638,inset 0 1px #ffffffe6}.note-card:after{content:"";background:radial-gradient(circle at 35% 30%,#ffe59a,#bd7b20 65%,#714217);border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;right:54px;box-shadow:0 8px 12px #442b1447}.note-card__label{border-bottom:1px solid #d9b977;align-items:center;gap:10px;padding-bottom:17px;font-weight:700;display:flex}.note-card__label span{color:#ffd862;background:#4a3826;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.note-card time{color:#927b62;margin-top:20px;font-size:12px;display:block}.note-card h1{letter-spacing:-.055em;margin:8px 0 22px;font-size:clamp(27px,3vw,42px);line-height:1.25}.note-card__content{color:#645342;gap:13px;font-size:clamp(14px,1.25vw,17px);line-height:1.75;display:grid}.note-card__content p,.note-card__loading{margin:0}.note-card__state{color:#8b765f;align-items:center;gap:8px;margin-top:25px;font-size:12px;display:inline-flex}.note-card__state i{background:#d4b16c;border-radius:50%;width:7px;height:7px}.note-card__state--connected i{background:#79965b}.note-card__state--error i{background:#b96655}.mini-stage{z-index:10;width:230px;height:280px;position:absolute;top:39%;left:54%}.mini-message{white-space:nowrap;color:#564126;background:#fffcf1e6;border-radius:16px 16px 16px 3px;padding:12px 16px;font-size:13px;position:absolute;top:-35px;left:86px;box-shadow:0 12px 28px #4b311729}.mini-wrap{filter:drop-shadow(0 18px 22px #d18f1c47);width:220px;height:240px;animation:4s ease-in-out infinite float;position:relative}.mini{background:radial-gradient(circle at 38% 25%,#fff1a0 0,#ffd45c 38%,#efa92b 82%);border:3px solid #fff7b4eb;border-radius:52% 49% 57% 48%;width:160px;height:166px;position:absolute;top:40px;left:28px;box-shadow:inset 10px 10px 24px #ffffff73,0 0 40px #ffc94e}.mini__leaf{background:linear-gradient(135deg,#ffe97c,#f0af2c);border:3px solid #fff0a2;width:52px;height:31px;position:absolute;top:-43px}.mini__leaf--left{border-radius:100% 15% 100% 20%;left:38px;transform:rotate(29deg)}.mini__leaf--right{border-radius:15% 100% 20%;left:78px;transform:rotate(-27deg)}.mini__eye{background:#3b2818;border-radius:50%;width:12px;height:21px;position:absolute;top:68px;box-shadow:inset 3px 2px #7d5b31}.mini__eye--left{left:49px}.mini__eye--right{right:49px}.mini__cheek{filter:blur(2px);background:#ef704a47;border-radius:50%;width:24px;height:12px;position:absolute;top:91px}.mini__cheek--left{left:22px}.mini__cheek--right{right:22px}.mini__mouth{background:#6f321c;border-radius:3px 3px 50% 50%;width:20px;height:15px;position:absolute;top:94px;left:72px}.mini__arm{background:#f6ba37;border:2px solid #ffe994;width:42px;height:27px;position:absolute;top:95px}.mini__arm--left{border-radius:90% 10% 90% 30%;left:-28px;transform:rotate(-24deg)}.mini__arm--right{border-radius:10% 90% 30%;right:-30px;transform:rotate(25deg)}.mini__tail{border-bottom:10px solid #f2b02d;border-right:18px solid #f2b02d;border-radius:0 0 100%;width:57px;height:55px;position:absolute;bottom:-18px;right:-18px;transform:rotate(18deg)}.mini-shadow{filter:blur(8px);background:#5333172e;border-radius:50%;width:100px;height:20px;position:absolute;bottom:8px;left:58px}.mini-spark{z-index:2;color:#ffd050;text-shadow:0 0 12px #fff4a5;animation:2.1s infinite alternate twinkle;position:absolute}.mini-spark--one{top:90px;left:0}.mini-spark--two{animation-delay:.8s;top:32px;right:5px}.dock{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaefe6;border:1px solid #6343232e;border-radius:22px;gap:8px;padding:9px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #3d261238}.dock__item{color:#68533c;cursor:pointer;background:0 0;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-width:105px;padding:12px 18px;font-weight:600;display:flex}.dock__item span{font-size:22px}.dock__item--active{color:#49351f;background:#f7d177;box-shadow:inset 0 1px #fff4bd}.dock__mini-dot{background:#f4b62f;border-radius:50%;width:20px;height:20px;box-shadow:0 -5px 0 -2px #f4b62f,0 0 10px #ffd65e}@keyframes float{50%{transform:translateY(-12px)rotate(1deg)}}@keyframes twinkle{to{opacity:.35;transform:scale(.72)}}@media (width<=780px){.topbar{height:72px;padding:0 20px}.brand{font-size:30px}.login{padding:9px 16px}.workspace{background:linear-gradient(#ead9bd 0 63%,#af7b50 63%);min-height:calc(100vh - 72px)}.window{width:62vw;height:42vh;top:2%;left:-8%}.shelf{opacity:.75;width:55vw;height:34%;top:5%;right:-14%}.desk--left{width:67%;bottom:12%;left:-16%}.desk--right{width:63%;bottom:9%;right:-22%}.future-slot--wall,.future-slot--desk,.plant{display:none}.note-card{border-radius:22px;width:auto;padding:25px;top:28px;left:18px;right:18px}.note-card h1{font-size:29px}.note-card__content{gap:9px;font-size:14px}.note-card__content p:last-child{display:none}.mini-stage{transform-origin:100% 0;top:49%;left:auto;right:5%;transform:scale(.72)}.dock{border-radius:20px;justify-content:space-around;width:calc(100% - 28px);bottom:15px}.dock__item{flex:1;min-width:0;padding:11px 7px;font-size:13px}}@media (prefers-reduced-motion:reduce){.mini-wrap,.mini-spark{animation:none}}