@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=Kaisei+Decol&family=M+PLUS+Rounded+1c:wght@300;400;500;700;800&family=RocknRoll+One&display=swap";:root{font-family:"M PLUS Rounded 1c",Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;color-scheme:light;color:#555;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #ff9a9e;--accent-color: #a18cd1;--bg-gradient: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--bg-gradient-pastel: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);--bg-gradient-cute: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:transparent}h1{font-size:3.2em;line-height:1.1;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.1)}button{border-radius:20px;border:2px solid white;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:#fffc;color:#555;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0000000d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}button:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #a18cd14d;color:var(--accent-color);border-color:var(--accent-color)}button:active{transform:translateY(0)}input[type=text],input[type=number],select{font-family:inherit;background-color:#ffffffe6;border:2px solid transparent;color:#333;border-radius:12px;padding:8px 12px;transition:all .2s;box-shadow:inset 0 2px 4px #0000000d}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-color);background-color:#fff;box-shadow:0 0 0 3px #a18cd133}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.main-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.layout-left{flex:1;min-width:300px;border-right:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;position:relative}.layout-right{flex:2;background-image:var(--bg-gradient-cute);background-attachment:local;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow-y:auto;padding:24px;box-shadow:-5px 0 15px #0000000d}@media(max-width:768px){.main-layout{flex-direction:column;height:auto;overflow-y:visible}.layout-left{height:40vh;width:100%;min-width:0}.layout-right{height:auto;width:100%;flex:none}}