.announcement-board-container{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:none;border-bottom:none}.announcement-main-content{padding:1rem 2rem;display:flex;flex-direction:column;align-items:center}.announcements-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:800px}.toggle-area{background:linear-gradient(135deg,#8B4513 0%,#A0522D 50%,#8B4513 100%),repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(139,69,19,.1) 1px,rgba(139,69,19,.1) 2px);border-radius:20px;padding:.75rem 1.5rem;box-shadow:0 4px 20px #0000004d,inset 0 1px #fff3,inset 0 -1px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid #654321;max-width:200px;margin:0 auto;position:relative;overflow:hidden}.toggle-area .wood-knot{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#654321 0%,#8B4513 50%,#A0522D 100%);border-radius:50%;opacity:.8;box-shadow:inset 0 1px 2px #0000004d}.toggle-area .wood-ring{position:absolute;border:1px solid rgba(139,69,19,.3);border-radius:50%;opacity:.4}.toggle-area .wood-ring:nth-child(3){top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%)}.toggle-area .wood-ring:nth-child(4){top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%)}.toggle-area .wood-knot:nth-child(1){top:15%;left:20%;width:6px;height:6px}.toggle-area .wood-knot:nth-child(2){top:70%;right:25%;width:10px;height:10px}.toggle-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.toggle-area:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(139,69,19,.1) 2px,rgba(139,69,19,.1) 4px),repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(160,82,45,.05) 1px,rgba(160,82,45,.05) 3px);pointer-events:none;opacity:.6}.toggle-area:hover:before{left:100%}.toggle-area:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0000004d;background:linear-gradient(135deg,#A0522D 0%,#CD853F 50%,#A0522D 100%);border-color:#8b4513}.toggle-text{font-size:1.1rem;color:wheat;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);letter-spacing:1px;font-family:"Noto Serif JP",Yu Mincho,Hiragino Mincho ProN,serif;text-transform:none;writing-mode:horizontal-tb;text-orientation:mixed}.scroll-list-container{width:100%;background:linear-gradient(135deg,#8B4513 0%,#A0522D 50%,#8B4513 100%),repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,69,19,.1) 2px,rgba(139,69,19,.1) 4px);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3,inset 0 -1px #0003;overflow:hidden;backdrop-filter:blur(15px);border:2px solid #654321;margin-top:1rem;position:relative}.scroll-list-container:before{content:"";position:absolute;top:10px;right:15px;width:12px;height:12px;background:radial-gradient(circle,#654321 0%,#8B4513 50%,#A0522D 100%);border-radius:50%;opacity:.6;box-shadow:inset 0 1px 2px #0000004d}.scroll-list-container:after{content:"";position:absolute;bottom:15px;left:20px;width:8px;height:8px;background:radial-gradient(circle,#654321 0%,#8B4513 50%,#A0522D 100%);border-radius:50%;opacity:.4;box-shadow:inset 0 1px 2px #0000004d}.scroll-list-container .wood-ring{position:absolute;border:1px solid rgba(139,69,19,.3);border-radius:50%;opacity:.3}.scroll-list-container .wood-ring:nth-child(1){top:50%;right:10px;width:40px;height:40px;transform:translateY(-50%)}.scroll-list-container .wood-ring:nth-child(2){top:50%;left:10px;width:30px;height:30px;transform:translateY(-50%)}.scroll-list{max-height:300px;overflow-y:auto;padding:1rem}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:rgba(139,69,19,.2);border-radius:4px}.scroll-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8B4513 0%,#A0522D 100%);border-radius:4px;transition:background-color .3s;border:1px solid #654321}.scroll-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#A0522D 0%,#8B4513 100%)}.announcement-item{background:rgba(255,255,255,.95);border-radius:16px;padding:1rem;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff4d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}.announcement-item:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff80;background:rgba(255,255,255,.98);border-color:#fff9}.announcement-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.announcement-title{font-size:1rem;font-weight:600;color:#fff;margin:0;line-height:1.4;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.announcement-date{font-size:.8rem;color:#ffffffe6;font-weight:500;white-space:nowrap}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.modal-content{background:white;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.5rem;color:#2f3542;line-height:1.3}.modal-close{background:none;border:none;font-size:2rem;color:#a0aec0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-body{padding:1rem 1.5rem 1.5rem}.modal-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.modal-meta .priority-badge{font-size:.9rem;padding:.4rem 1rem;background:#667eea;color:#fff;border-radius:20px;font-weight:500}.modal-meta .author,.modal-meta .date{font-size:.9rem;color:#4a5568}.modal-content-text{line-height:1.7;color:#2d3748;font-size:1rem}.modal-content-text p{margin:0 0 1rem}.modal-content-text p:last-child{margin-bottom:0}.content-break{height:.5rem;margin:0}.content-title{font-size:1.3rem;font-weight:700;color:#2d3748;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.content-subtitle{font-size:1.1rem;font-weight:600;color:#4a5568;margin:1.2rem 0 .8rem}.content-paragraph{line-height:1.7;color:#2d3748;margin:0 0 1rem;text-align:justify}.content-list-item{line-height:1.6;color:#2d3748;margin:.5rem 0;padding-left:.5rem}.content-indent{line-height:1.7;color:#2d3748;margin:.5rem 0;padding-left:1rem;border-left:3px solid #e2e8f0;background-color:#f8f9fa;border-radius:0 4px 4px 0;padding:.75rem 1rem;position:relative}.content-indent:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px}.content-paragraph strong,.content-list-item strong,.content-indent strong{font-weight:700;color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.1)}.content-paragraph em,.content-list-item em,.content-indent em{font-style:italic;color:#4a5568;font-weight:500}.content-paragraph code,.content-list-item code,.content-indent code{background:#f7fafc;color:#e53e3e;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.content-paragraph a,.content-list-item a,.content-indent a{color:#3182ce;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease;font-weight:500}.content-paragraph a:hover,.content-list-item a:hover,.content-indent a:hover{border-bottom-color:#3182ce;color:#2c5aa0;background-color:#f0f8ff;padding:.1rem .2rem;border-radius:3px}.error-container{text-align:center;padding:2rem;color:#4a5568}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#4a5568;font-size:.9rem}.loading-spinner-small{width:16px;height:16px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.retry-btn{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.retry-btn:hover{background:#5a67d8}.no-announcements{text-align:center;padding:2rem;color:#718096}.modal-images-container{margin-top:1.5rem}.images-title{font-size:1.1rem;color:#2d3748;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.grid-image-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:#f8f9fa;border:1px solid #e2e8f0}.grid-image-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.grid-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.grid-image:hover{opacity:.9}.image-error-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d;font-size:1.5rem}.images-limit-note{font-size:.9rem;color:#6c757d;text-align:center;margin:0;padding:.5rem;background:#f8f9fa;border-radius:6px;border:1px solid #e2e8f0}.modal-image-preview{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.toggle-area{padding:.6rem 1.2rem;max-width:180px}.toggle-text{font-size:1rem}.wood-knot:nth-child(1){top:12%;left:18%;width:5px;height:5px}.wood-knot:nth-child(2){top:75%;right:22%;width:8px;height:8px}.wood-ring:nth-child(3){width:50px;height:50px}.wood-ring:nth-child(4){width:35px;height:35px}.images-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.images-title{font-size:1rem}.announcement-main-content{padding:.5rem 1rem}.scroll-list{max-height:250px;padding:.75rem}.announcement-item{padding:.75rem}.announcement-content{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-header{padding:1rem 1rem .75rem}.modal-body{padding:.75rem 1rem 1rem}}@media (max-width: 480px){.images-grid{grid-template-columns:repeat(2,1fr);gap:.3rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-orange: #ff9a6b;--primary-yellow: #ffd06b;--sky-blue: #87ceeb;--ocean-blue: #4682b4;--warm-white: #faf8f3;--diary-brown: #8b4513;--text-brown: #5d4037;--shadow-color: rgba(0, 0, 0, .2)}body{font-family:PingFang SC,Microsoft YaHei,SimHei,sans-serif;background:linear-gradient(135deg,var(--primary-orange),var(--primary-yellow),var(--sky-blue));min-height:100vh;color:var(--text-brown);overflow-x:hidden;cursor:none}*,*:hover,*:focus,*:active,a,a:hover,a:focus,a:active,button,button:hover,button:focus,button:active,input,input:hover,input:focus,input:active,select,select:hover,select:focus,select:active,textarea,textarea:hover,textarea:focus,textarea:active,[role=button],[role=button]:hover,[role=button]:focus,[role=button]:active,.clickable,.clickable:hover,.clickable:focus,.clickable:active,[tabindex],[tabindex]:hover,[tabindex]:focus,[tabindex]:active{cursor:none!important;pointer-events:auto!important}*[style*=cursor],*[class*=styled],*[class*=sc-],div[class*=Lock],div[class*=Button],div[class*=Item],div[class*=Card],img[class*=Image],*[cursor=pointer],*[style*="cursor: pointer"],*[style*="cursor:pointer"]{cursor:none!important}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{pointer-events:auto}@media (prefers-reduced-motion: no-preference){.butterfly-cursor,.butterfly-wing{contain:layout style paint}}.butterfly-cursor{position:fixed;pointer-events:none!important;z-index:9999;width:40px;height:40px;top:0;left:0;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.butterfly-wing{width:100%;height:100%;object-fit:contain;animation:butterflyWings .6s infinite alternate ease-in-out;will-change:transform,filter;backface-visibility:hidden;transform:translateZ(0);image-rendering:optimizeSpeed;pointer-events:none!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}@keyframes butterflyWings{0%{transform:translateZ(0) scaleZ(1)}to{transform:translateZ(0) scale3d(1.1,1.1,1)}}.butterfly-cursor.on-clickable .butterfly-wing{animation:butterflyWingsClickable .4s infinite alternate ease-in-out}@keyframes butterflyWingsClickable{0%{transform:translateZ(0) scaleZ(1) rotate3d(0,0,1,-2deg)}to{transform:translateZ(0) scale3d(1.2,1.2,1) rotate3d(0,0,1,2deg)}}#root{height:100vh;width:100vw}.fade-in{animation:fadeIn .5s ease-in-out}.fade-out{animation:fadeOut .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.diary-paper{background:var(--warm-white);box-shadow:0 10px 30px var(--shadow-color);border-radius:8px}.summer-button{background:linear-gradient(45deg,var(--primary-orange),var(--primary-yellow));border:none;border-radius:25px;color:#fff;padding:12px 24px;font-size:16px;font-weight:600;cursor:none!important;transition:all .3s ease;box-shadow:0 4px 15px #ff9a6b4d}.summer-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9a6b66}@media (max-width: 768px){body{font-size:14px}.summer-button{padding:10px 20px;font-size:14px}}.audio-player{position:fixed;bottom:20px;right:20px;z-index:1000;background:rgba(255,255,255,.9);border-radius:50px;padding:10px 15px;backdrop-filter:blur(10px);box-shadow:0 4px 15px var(--shadow-color)}