*{box-sizing:border-box}body{color:#1f2937;background:#f4f6fb;margin:0;font-family:Pretendard,Arial,sans-serif}.page{min-height:100vh;padding:40px 16px}.container{max-width:920px;margin:0 auto}.header{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:24px;padding:32px;box-shadow:0 16px 40px #2563eb40}.sub{opacity:.8;margin:0;font-size:14px}h1{margin:8px 0;font-size:34px}.desc{opacity:.9;margin:0}.menu{gap:10px;margin:18px 0;display:flex}.menu button,.filters button,.patternActions button,.todayBox button,.inputBox button,.recommendItem button{cursor:pointer;border:none;font-weight:700}.menu button{background:#e5e7eb;border-radius:14px;flex:1;padding:14px}.menu button.active,.filters button.active{color:#fff;background:#2563eb}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0;display:grid}.stats div,.todayBox,.card,.empty,.patternBox,.recommendBox{background:#fff;border-radius:18px;box-shadow:0 8px 24px #0000000f}.stats div{padding:20px}.stats strong{font-size:28px;display:block}.stats span{color:#6b7280;font-size:14px}.todayBox{justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px;display:flex}.todayBox p{color:#6b7280;margin:6px 0 0}.todayBox button,.inputBox button,.patternActions button,.recommendItem button{color:#fff;background:#2563eb;border-radius:14px;padding:12px 18px}.inputBox{grid-template-columns:1fr 140px 90px;gap:10px;margin-bottom:14px;display:grid}.inputBox input,.inputBox select,.patternFilters select{border:none;border-radius:16px;outline:none;padding:16px;font-size:15px}.filters{gap:10px;margin-bottom:20px;display:flex}.filters button{background:#e5e7eb;border-radius:12px;flex:1;padding:11px}.list{flex-direction:column;gap:12px;display:flex}.card{cursor:pointer;justify-content:space-between;align-items:center;padding:20px;display:flex}.card.done{opacity:.55}.problem{margin:0 0 8px;font-weight:700}.meta{color:#6b7280;align-items:center;gap:8px;font-size:12px;display:flex}.tag,.badges span{color:#1e40af;background:#e0ecff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.actions{align-items:center;gap:10px;display:flex}.check{color:#2563eb;font-weight:700}.deleteBtn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:12px;padding:8px 12px;font-weight:700}.deleteBtn:hover{background:#fecaca}.empty{text-align:center;color:#6b7280;padding:30px}.patternBox{padding:28px}.patternTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.subTitle{color:#2563eb;margin:0;font-weight:700}.patternBox h2{margin-top:8px;font-size:28px}.badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.patternFilters{gap:10px;margin:16px 0;display:flex}.patternFilters select{background:#f3f4f6}.patternContent{white-space:pre-line;background:#f8fafc;border-radius:18px;padding:20px;line-height:1.75}pre{color:#e5e7eb;background:#111827;border-radius:16px;padding:18px;font-size:13px;line-height:1.6;overflow-x:auto}code{font-family:Consolas,Monaco,monospace}.recommendGrid{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.recommendBox{padding:18px}.recommendBox h3{margin-top:0}.recommendItem{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.recommendItem a{color:#1d4ed8;font-weight:700;text-decoration:none}.recommendItem button{white-space:nowrap;padding:8px 10px;font-size:12px}.patternActions{justify-content:space-between;align-items:center;gap:10px;margin:20px 0;display:flex}.patternActions span{color:#374151;font-weight:700}.patternList{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.patternList button{cursor:pointer;text-align:left;background:#e5e7eb;border:none;border-radius:12px;padding:10px}.patternList button.selected{color:#fff;background:#2563eb;font-weight:700}@media (width<=760px){.stats,.recommendGrid,.patternList{grid-template-columns:1fr}.todayBox,.card,.patternTop{flex-direction:column;align-items:stretch}.inputBox{grid-template-columns:1fr}.actions{justify-content:space-between;width:100%}}