.calendar-page{width:100%;min-height:100vh;background:#fdf6ee;padding-bottom:80px;box-sizing:border-box}.calendar-container{width:100%;padding:20px;box-sizing:border-box}.calendar-year{text-align:center;font-size:15px;font-weight:700;color:#000}.calendar-month{display:flex;justify-content:center;align-items:center;gap:35px;margin-bottom:1px}.month-number{font-size:20px;font-weight:700;color:#000}.month-button{width:40px;height:40px;border:none;background:#fdf6ee;cursor:pointer;font-size:24px;color:#000}.month-button:hover{background:#fff3e6}.week-header{display:grid;grid-template-columns:repeat(7,1fr)}.week-cell{height:40px;display:flex;justify-content:center;align-items:center;background:#fdf6ee;border:none;font-size:14px;font-weight:700;color:#000}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-cell{height:80px;display:flex;justify-content:center;align-items:flex-start;padding-top:4px;background:#fff;border:1px solid #FDF6EE;cursor:pointer;font-size:10px;font-weight:700;color:#000;position:relative}.calendar-cell:hover{background:#fff}.other-month{color:#c9b9aa;background:#fff}.selected{background:#ffe1b9;color:#fff;font-weight:700;border-color:#ffe1b9}.selected:hover{background:#ffe1b9}.calendar-header{position:relative;height:25px}.calendar-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;font-size:15px;font-weight:700}.calendar-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:0}.calendar-icon svg{font-size:36px}.calendar-detail{width:100%;min-height:140px;max-height:350px;margin-top:20px;background:#fff;padding:15px;box-sizing:border-box;border-radius:10px;overflow-y:auto}.calendar-cell{height:80px;display:flex;justify-content:center;align-items:flex-start;padding-top:4px;background:#fff;border:1px solid #FDF6EE;cursor:pointer;font-size:10px;font-weight:700;color:#000;position:relative;z-index:0}.diary-detail-layout{display:flex;width:100%;min-height:110px}.diary-date{width:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333}.diary-year-month{font-size:14px;margin-bottom:8px}.diary-day{font-size:32px;font-weight:700}.diarytext-small{flex:1;padding-left:20px;overflow-y:auto;font-family:Inter,sans-serif;font-size:12px;line-height:18px;color:var(--mainText);white-space:pre-wrap;word-break:break-word}.topic-icon{width:45px;height:45px;object-fit:contain;position:absolute;left:50%;top:50%;transform:translate(-50%,-35%);z-index:0;pointer-events:none}.calendar-empty{width:100%;min-height:80px;display:flex;justify-content:center;align-items:center}:root{--background-color: #fdf6ee;--primary-color: #655C23;--secondary-color: #FDF6EE 50%;--mainText: #000000;--noteText: #655C23 50%;--buttonText: #FFFFFF;--marginTop: 40px;--marginLeft: 16px;--marginRight: 16px;--corner-large: 32px;--corner-medium: 12px;--corner-small: 5px;--emotion-niko: #FAD26C;--emotion-yata: #F6741F;--emotion-suki: #F5C3DB;--emotion-waku: #F6B535;--emotion-heto: #999568;--emotion-moya: #C4B5D6;--emotion-siku: #B8D0F6;--emotion-ira: #D15480;--emotion-maa: #B4B533}.content{padding:19px 16px 50px;margin:0 auto}.background{background-color:var(--background-color);min-height:100vh}#title-style{font-family:Inter,sans-serif;font-size:16px;color:var(--mainText)}#subtitle-style{font-family:Inter,sans-serif;font-size:12px;color:var(--mainText)}#note-style{font-family:Inter,sans-serif;font-size:12px;color:var(--noteText)}#diarytext-large{font-family:Inter,sans-serif;font-size:16px;letter-spacing:0%;line-height:30px;color:var(--mainText)}#diarytext-small{font-family:Inter,sans-serif;font-size:12px;letter-spacing:0%;line-height:18px;color:var(--mainText)}.bottom-navigation{position:fixed;bottom:0;width:100%;height:50px;display:flex;justify-content:space-around;align-items:center;background-color:#fff}.nav-item{color:var(--primary-color);display:flex;flex-direction:column;align-items:center;border:none;background:none;font-size:11px;width:100%;padding:12 20px;justify-content:space-between;box-sizing:border-box}.nav-item svg{font-size:22px;margin-bottom:5px}.button-area{margin-top:auto;display:flex;align-items:center;gap:12px;justify-content:center}.button-large{background-color:var(--primary-color);color:var(--buttonText);padding:10px 20px;border:none;border-radius:var(--corner-large);cursor:pointer;display:block}.button-large:hover{opacity:.5}.button-x{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary-color);color:var(--buttonText);cursor:pointer;display:block}.button-x:hover{opacity:.5}.writediary{width:160px;height:50px;border:none;border-radius:10px;background:#232323;color:var(--buttonText);font-weight:700;cursor:pointer;display:block;margin-top:30px}.writediary:hover{opacity:.5}body{margin:0}.topic-cloud-page h1{text-align:center;padding-top:30px;font-size:24px}.topic-cloud-page h2{text-align:center;padding-top:30px;font-size:16px}.arrow-btn{background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;color:#333;padding:0 10px}.date-display{display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif}.year-num{font-size:14px;font-weight:700;color:#333}.month-num{font-size:22px;font-weight:700;color:#000;line-height:1.2}.cloud-card{width:80%;max-width:420px;margin:30px auto;padding:20px;background-color:#fff;border-radius:25px;overflow:hidden}.bubble-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform;animation:tilt 4s ease-in-out infinite}.topic-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.period-buttons button:active{background-color:#000;color:#fff}.bubble{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-weight:700;text-align:center;cursor:pointer;will-change:transform,opacity;animation:appear .5s ease-out;box-shadow:none;transition:transform .2s ease}@keyframes appear{0%{opacity:0;transform:scale(.2)}70%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes tilt{0%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}.bubble:hover{transform:scale(1.15)!important}.emotion-page{padding:24px;display:flex;flex-direction:column;align-items:center}.date{background:#d9d9d9;padding:6px 18px;border-radius:8px;font-size:14px;margin-top:20px}.today{margin-top:30px;font-size:20px;font-weight:700}.title{margin-top:10px;margin-bottom:40px;font-size:15px;text-align:center}.emotion-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:30px 15px;justify-items:center}.emotion-card{background:var(--background-color);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center}.emoji-image{width:70px;height:70px;object-fit:contain}.emotion-card p{margin-top:10px;font-size:18px;color:#000}.detail-page{min-height:100vh;width:100%}.diary-card{height:550px;display:flex;border-radius:40px;background:#fff;flex-direction:column;padding:24px}.date-area{margin-bottom:80px}.card-area{padding:48px 16px 100px}.card-top{display:flex;flex-direction:column;gap:20px}.card-title{text-align:center;font-size:16px;font-weight:700;margin-top:24px;margin-bottom:0;color:var(--primary-color)}.emotion-row{display:flex;justify-content:center;align-items:center;gap:0px}.emotion-image{width:80px;height:80px}.emotion-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.emotion-name{margin:0;font-size:24px;color:var(--primary-color)}.diary-text{height:350px;resize:none;border:none;outline:none;font-size:16px;letter-spacing:0%;line-height:40px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,var(--primary-color) 40px);background-attachment:local;overflow-y:auto}.write-button-area{position:fixed;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:16px;z-index:1000}.emotion-reset-btn{position:static;border:2px solid var(--primary-color);background:#fff;color:var(--primary-color);border-radius:999px;padding:4px 12px;font-size:10px;cursor:pointer}.year-month{color:#fff;margin-bottom:15px;font-size:20px}.date-row{display:flex;align-items:flex-end;margin-bottom:12px}.day{color:#fff;font-size:48px;font-weight:700;line-height:1}.week{color:#fff;margin-left:10px;font-size:24px;font-weight:500}.emotion-image{width:130px;object-fit:contain}.diarytext-large::placeholder{color:#999}.topic-cloud-page{width:100%;min-height:100vh;margin:0 auto;background:#fff8f0;overflow:hidden;position:relative}.topic-cloud-page h2{text-align:center;padding-top:10px;margin:0;font-size:16px}.topic-cloud-page h1{text-align:center;padding-top:10px;margin:0;font-size:24px}.content-width{width:80%;max-width:420px;margin-left:auto;margin-right:auto;box-sizing:border-box}.cloud-card{box-sizing:border-box;margin-top:20px;padding:20px;background-color:#fff;border-radius:25px;overflow:hidden}.period-buttons{display:flex;justify-content:space-around;margin-bottom:25px}.period-buttons button{width:100px;height:30px;border:1px solid #333;border-radius:40px;background-color:#fff;color:#000;font-family:Inter,sans-serif;font-size:16px;cursor:pointer}.calendar-controller{display:flex;align-items:center;justify-content:center;gap:30px;margin:0}.arrow-btn{background:none;border:none;font-size:24px;font-weight:700;cursor:pointer}.date-display{display:flex;flex-direction:column;align-items:center}.year-num{font-size:14px;font-weight:700}.month-num{font-size:22px;font-weight:700}.cloud-container{position:relative;width:100%;height:360px;overflow:visible}.bubble{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-weight:700;text-align:center;cursor:pointer;animation:appear .5s ease-out}.word-diary-area{width:80%;max-width:420px;margin:20px auto;box-sizing:border-box}.word-diary-area h3{text-align:center;font-size:16px}.diary-scroll-area{width:100%;max-height:300px;overflow-y:auto}.calendar-detail{width:100%;min-height:70px!important;max-height:70px!important;box-sizing:border-box;background:#fff;border-radius:10px;margin-bottom:5px;overflow:hidden}.diary-detail-layout{display:flex;align-items:flex-start;height:70px;gap:5px}.diary-date{width:60px;text-align:center;margin-top:0}.diary-year-month{font-size:12px}.diary-day{font-size:22px;font-weight:700;transform:translateY(-10px)}.diarytext-small{flex:1;font-size:13px;line-height:1.3;margin-top:-3px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.topicMemo{text-align:center}.character-badge{position:absolute;top:16px;right:16px;width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;z-index:10}.character-badge-image{width:80%;height:80%;object-fit:contain}