:root{font-size:16px;--theory:#8400ff;--elective:#ffcc00;--lab:skyblue;--project:#9c4cac;--free:#f44336;--bg:#f0f0f0;--card:#ffffff;--text:#333333;--active:limegreen}*{box-sizing:border-box}body{font-family:"Annie Use Your Telescope",'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg);color:var(--text);margin:0;font-size:1rem}header{display:flex;flex-wrap:wrap;gap:0.9375rem;padding:1.25rem;background-color:#151B23;color:whitesmoke}header > *:first-child{flex-basis:100%}header > div{display:flex;gap:0.625rem;align-items:center;flex:1}header button{background:none;flex:0 0 auto;border:none;color:whitesmoke;font-size:1.25rem;cursor:pointer;padding:0.5rem 0.75rem;border-radius:0.25rem;transition:background-color 0.2s}header button:hover{background-color:rgba(255,255,255,0.1)}button:not(.default-btn){font-family:'annie use your telescope',sans-serif}#editBtn{margin-left:auto}header h1{font-size:1.5rem;margin:0 0 0 0;font-weight:600;text-align:center;width:100%}#dayinfo{font-size:1.25rem;flex:1 1 auto;text-align:center;font-weight:500}main{padding:1rem}.period{background-color:var(--card);border-radius:0.75rem;padding:0.9375rem;margin-bottom:0.75rem;box-shadow:0 2px 5px rgba(0,0,0,0.1);display:flex;justify-content:space-between;align-items:center;border-left:0.375rem solid transparent}.period.active{border-color:var(--active);box-shadow:0 0 0 2px rgba(34,197,94,0.3)}.info{display:flex;flex-direction:column;gap:0.3125rem}.time{font-size:1.125rem;opacity:0.7}.subject{font:1em noto sans,sans-serif;font-weight:500;margin-top:0.25rem}.type{font:1rem "annie use your telescope",sans-serif;padding:0.375rem 0.625rem;border-radius:999px;color:#fff;font-weight:600;white-space:nowrap}.theory{background-color:var(--theory)}.elective{background-color:var(--elective);color:#333333}.lab,.workshop{background-color:var(--lab)}.project,.seminar,.other{background-color:var(--project)}.free,.sp,.break{background-color:var(--free)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background-color:var(--card);border-radius:0.75rem;width:90%;max-width:37.5rem;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.3)}.about-modal-content{max-width:42rem}.about-body ul{margin-top:0.5rem;padding-left:1.25rem}.about-body li{margin-bottom:0.5rem;line-height:1.4}.about-body a{color:inherit}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text)}.close-btn{background:none;border:none;font-size:1.75rem;color:#666;cursor:pointer;padding:0}.close-btn:hover{color:#333}.modal-body{padding:1.25rem;overflow-y:auto;flex:1}.modal-footer{padding:1.25rem;border-top:1px solid #e0e0e0;display:flex;gap:0.625rem;justify-content:flex-end}.period-editor{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:0.5rem;padding:0.75rem;margin-bottom:0.625rem}.period-editor input,.period-editor select{width:100%;padding:0.5rem;margin:0.5rem 0;border:1px solid #ddd;border-radius:0.25rem;font-size:1.125rem;font-family:inherit}.period-editor label{display:block;margin-top:0.5rem;margin-bottom:0.25rem;font-weight:600;font-size:1.125rem;color:#555}.period-editor-row{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}.btn-danger,.btn-secondary,.btn-save{padding:0.625rem 1rem;border:none;border-radius:0.375rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background-color 0.2s}.btn-danger{background-color:#f44336;color:white}.btn-danger:hover{background-color:#d32f2f}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0}.btn-save{background-color:#4caf50;color:white}.btn-save:hover{background-color:#45a049}#editDay{width:100%;padding:0.625rem;border:1px solid #ddd;border-radius:0.375rem;font-size:1.125rem}