*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background-color:#94c0ff;overflow-x:hidden;scrollbar-color:#7ab0ff #94c0ff}body{min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#94c0ff;color:#333;font-size:16px;line-height:1.5}a{color:navy;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.app{min-height:100vh;display:flex;flex-direction:column;max-width:800px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;outline:2px solid #94c0ff;outline-offset:-1px}.content{flex:1;padding:20px}.site-header{text-align:center}.site-footer{text-align:center;padding:16px 20px;color:#888;font-size:13px}.logo-link{display:inline-block}.logo-img{max-width:100%;height:auto}.main-nav{display:flex;justify-content:center;gap:20px;padding:12px 20px;flex-wrap:wrap;border-bottom:1px solid #ddd}.main-nav a{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:4px;transition:background .15s,color .15s}.main-nav a.active{background:#94c0ff;color:#003}.strip-viewer{text-align:center}.strip-frame{display:inline-block;max-width:100%;text-align:left}.strip-image-container{margin:5px 0 0;touch-action:pan-y;-webkit-user-select:none;user-select:none}.strip-image{max-width:100%;height:auto;image-rendering:auto;display:block;margin:0 auto}.strip-nav{display:flex;justify-content:center;gap:8px;padding:8px 0}.nav-btn{display:inline-block;padding:6px 14px;background:#94c0ff;color:#003;border-radius:4px;font-size:14px;font-weight:600;transition:background .15s}.nav-btn:hover{background:#7ab0ff;text-decoration:none}.nav-btn.disabled{opacity:.35;pointer-events:none}.start-link{margin:8px 0;font-size:14px}.boundary-link{margin:15px 0;padding:10px;background:#f0f6ff;border-radius:6px}.boundary-link a{font-weight:600;font-size:15px}.strip-caption{text-align:left;padding:12px 16px;margin:0;background:#f8f8f8;font-size:14px;line-height:1.6;color:#444}.strip-caption p{margin-top:10px}.strip-caption p:first-child{margin-top:0}.strip-tags-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:10px 0;font-size:13px}.strip-number{color:#666;font-weight:600}.strip-date{color:#888}.dongus{margin:0 6px;color:#ccc}.tag-pill{color:navy;font-size:13px}.tag-pill:hover{text-decoration:underline}.tag-count{color:#666;font-size:.7em}.archive h2,.tag-detail h2,.tag-list h2{text-align:center;font-size:22px;margin-bottom:10px}.archive-toggle{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.archive-toggle a{padding:6px 16px;border-radius:4px;font-weight:600}.archive-toggle a.active{background:#94c0ff;color:#003}.strip-scroll{display:flex;flex-direction:column;gap:24px;margin-top:15px}.scroll-strip{text-align:center}.scroll-strip-img{max-width:100%;height:auto;display:block;margin:0 auto}.scroll-strip-meta{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.scroll-strip-link{font-weight:600;color:navy}.scroll-strip-date{color:#888;font-size:13px}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:15px}.thumbnail-link{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5px;border-radius:4px;transition:background .15s}.thumbnail-link:hover{background:#f0f6ff;text-decoration:none}.thumbnail{width:100%;height:auto;border:1px solid #ddd;border-radius:3px}.thumb-label{display:block;font-size:12px;color:#666;margin-top:4px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:15px}.tag-cloud .tag-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#e8f0fe;border-radius:14px;line-height:1.3}.tag-cloud .tag-pill:hover{background:#d0e2fc;text-decoration:none}.tag-detail-count{text-align:center;color:#666;margin-bottom:10px}.back-link{display:inline-block;margin-bottom:15px;font-size:14px}.about h2{text-align:center;margin-bottom:15px}.about h3{margin-top:20px;margin-bottom:5px;font-size:18px}.about p{margin-top:10px}.about-nav{display:flex;gap:20px;margin-top:25px;justify-content:center}.about-nav a{padding:8px 18px;background:#94c0ff;color:#003;border-radius:4px;font-weight:600}.about-nav a:hover{background:#7ab0ff;text-decoration:none}@media(max-width:600px){.content{padding:12px}.main-nav{gap:12px;padding:10px 12px}.main-nav a{font-size:13px}.strip-nav{display:none}.strip-caption{padding:10px 12px;font-size:13px}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}}@media(orientation:landscape)and (max-height:600px)and (pointer:coarse){.site-header,.site-footer,.strip-tags-line,.strip-nav,.boundary-link,.start-link{display:none}.app{min-height:100vh;max-width:none;background:#222;border-radius:0}.content{padding:12px;display:flex;align-items:center;justify-content:center;min-height:100vh}.strip-viewer{text-align:center;width:100%}.strip-frame{display:block;max-width:100%}.strip-image-container{margin:0;line-height:0}.strip-image{width:100%;max-height:none;object-fit:contain}.strip-caption{padding:10px 20px;margin-top:8px;font-size:14px;line-height:1.5;max-height:25vh;overflow-y:auto;background:transparent;color:#aaa;text-align:left}.strip-caption p{margin-top:6px}}