:root{--xkcd: #6E7B91}@media screen and (min-width: 768px){html{overflow-y:scroll}}body{min-height:100vh;margin:0;display:flex;flex-direction:column;overflow-x:hidden}.comic-container{max-width:800px;margin:0 auto;text-align:center;flex:1}.navigation{display:flex;justify-content:center;gap:20px;margin:20px 0;-webkit-user-select:none;user-select:none}.management{display:flex;justify-content:center;gap:20px;margin:20px 0;flex-wrap:wrap}.comic-image{max-width:100%;height:auto}.read-status{margin:10px 0;font-style:italic;color:#666}a{color:var(--xkcd);text-decoration:none}a:hover{text-decoration:underline}.button.button{color:#fff;cursor:pointer;transition:background-color .3s;background-color:var(--xkcd);border:1.5px solid #333333;border-radius:3px;box-shadow:0 0 5px gray;font-size:16px;font-variant:small-caps;font-weight:600;margin:0 4px;padding:1.5px 12px;text-align:center;font-family:Lucida,Helvetica,sans-serif;text-decoration:none}@media (hover: hover){.button:hover{background-color:#fff;color:var(--xkcd)}}.button:active{background-color:#fff;color:var(--xkcd)}.button:disabled.button:disabled{background-color:#b0bec5;cursor:not-allowed}.button.danger{background-color:#b94646;border-color:#b71c1c}.button.danger:hover,.button.danger:active{background-color:#fff;color:#d32f2f}#comicDisplay{padding:10px;border-radius:16px}.previously-read{background-color:#eceff1}.just-read{box-shadow:inset 0 0 0 4px #b0bec5}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;border-radius:8px;width:80%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#333}.close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.close:hover{color:#333}.settings-section{margin-bottom:20px}.settings-section h3{margin:0 0 10px;color:#666;font-size:1.1em}.settings-section .button.button{margin-bottom:10px}.modal.active{display:block}.toggle-container{display:flex;align-items:center;margin:10px 0}.toggle-label{margin-left:10px;color:#333;font-size:16px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--xkcd)}input:checked+.toggle-slider:before{transform:translate(26px)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--xkcd)}.footer{text-align:center;padding:10px;margin-top:auto;color:#999;font-size:14px;border-top:1px solid #eee}.footer-note,.footer p p{color:#aaa;font-style:italic;margin-top:-10px}.interactive-message{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin:20px 0;text-align:center}.interactive-message p{margin:10px 0;color:#666}.calendar-container{max-width:1200px;margin:0 auto;padding:20px;flex:1}.calendar-grid{display:grid;gap:8px;padding:20px;max-width:1200px;margin:0 auto}.calendar-grid{grid-template-columns:repeat(10,1fr)}@media screen and (max-width: 1024px){.calendar-grid{grid-template-columns:repeat(8,1fr)}}@media screen and (max-width: 768px){.calendar-grid{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width: 480px){.calendar-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:10px}}@media screen and (max-width: 320px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}.calendar-comic{display:inline-block;min-width:0;padding:4px 12px;border-radius:4px;text-align:center;background:#fff;border:1px solid green;transition:transform .2s,box-shadow .2s;cursor:pointer;font-size:1.1em}.calendar-comic:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.calendar-comic.read{background:#81c784;border-color:var(--xkcd)}.calendar-comic.unread{background-color:#fff;border-color:#ccc}.comic-status{font-size:.9em;color:#666}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px 0}.pagination span{color:#666}.pagination .button{min-width:40px}.comic-meta{margin:10px 0;font-size:.9em;color:#666}.comic-link{margin-bottom:5px}.comic-news{margin:10px 0;font-style:italic;color:#666}.comic-alt-text{margin:10px 0;padding:10px;background-color:#f5f5f5;border-radius:4px;color:#333;font-size:.95em;line-height:1.4}.comic-alt-text a{display:inline-block;margin-top:8px}@media screen and (max-width: 480px){.management .button{padding:1.5px 8px}.navigation{margin:20px 0}.management .button span,.navigation .button span,.button[href="/calendar"] span{display:none}.modal-content{margin:10% auto;width:90%;padding:15px}}