@import "https://fonts.googleapis.com/css2?family=Poor+Story&display=swap";:root{--bg:#f8f7ff;--card:#ffffffe0;--card-strong:#fff;--text:#23213d;--muted:#76728d;--line:#e4e0fb;--primary:#7c73ff;--primary-dark:#5a51d8;--blue:#dceeff;--purple:#eadfff;--yellow:#fff3bf;--green:#dff7dc;--orange:#ffe2ba;--pink:#ffe8f0;--shadow:0 18px 40px #3f358b1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#ffe8f0 0,#0000 28rem),radial-gradient(circle at 100% 0,#dff7dc 0,#0000 24rem),linear-gradient(#f8f7ff 0%,#f5fbff 100%);margin:0;font-family:Poor Story,Noto Sans KR,system-ui,sans-serif;font-size:18px}button,input,select,textarea{font:inherit}button{color:var(--text);cursor:pointer;background:#f0eeff;border:0;border-radius:16px;padding:.75rem 1rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #7c73ff29}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:#fff;background:linear-gradient(135deg,#7c73ff,#a078ff)}button.danger{color:#c44c5c;background:#fff0f0}input,select,textarea{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #7c73ff24}select{text-align:center;width:100%;min-height:38px;padding:.3rem .45rem;font-weight:900}.dajo-input{text-align:center;background:#fff7df;width:100%;min-height:38px;padding:.25rem .35rem;font-weight:900}.app-shell{width:min(1440px,100vw - 32px);padding:max(20px, env(safe-area-inset-top)) 0 max(80px, env(safe-area-inset-bottom));margin:0 auto}.card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid #ffffffc7}.hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#f2effff0);border-radius:30px;justify-content:space-between;align-items:center;gap:1rem;padding:28px;display:flex}.eyebrow{color:var(--primary-dark);letter-spacing:.04em;margin:0 0 4px;font-weight:900}h1{margin:0;font-size:clamp(2.5rem,5vw,4.2rem);line-height:.95}.subtitle{color:var(--muted);margin:12px 0 0;font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.status-strip{flex-wrap:wrap;gap:.6rem;margin-top:12px;display:flex}.status-strip span{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:.35rem .75rem;font-weight:800}.status-strip .online{color:#327935;background:#e2ffe0}.status-strip .offline{color:#9b5d10;background:#fff0d7}.user-panel,.toolbar,.sync-panel{border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:16px;padding:16px;display:flex}.sync-panel h2{margin:0 0 4px}.sync-panel p{color:var(--muted);margin:0}.sync-panel small{color:var(--primary-dark);font-weight:800}.sync-status{border:1px dashed var(--line);background:#f8f7ff;border-radius:16px;width:100%;padding:.65rem .9rem;font-weight:800}.user-id-box{flex-direction:column;gap:.2rem;min-width:min(100%,360px);display:flex}.user-id-box span,.user-id-box small{color:var(--muted)}.user-id-box strong{color:var(--primary-dark);word-break:break-word;font-size:1.35rem}.user-controls,.sync-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.user-controls{flex:620px;min-width:min(100%,320px)}.user-controls button{flex:none}.user-controls select,.user-controls .user-input{flex:240px;width:auto;min-width:220px;max-width:340px}.user-controls select{text-align-last:center}.toggle{border:1px solid var(--line);background:#f7f4ff;border-radius:999px;align-items:center;gap:.35rem;padding:.6rem .8rem;font-weight:800;display:inline-flex}.user-input,.search{min-width:min(100%,260px);padding:.75rem 1rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px;display:grid}.stat-card{border-radius:22px;flex-direction:column;justify-content:center;gap:.3rem;min-height:108px;padding:16px;display:flex}.stat-card span{color:var(--muted);font-weight:800}.stat-card strong{word-break:keep-all;overflow-wrap:normal;font-size:1.55rem;line-height:1.22}.stat-card em{color:var(--primary-dark);font-style:normal;font-weight:900}.stat-card-compact strong{font-size:1.25rem}.grade-summary-value{flex-wrap:wrap;align-items:center;gap:.35rem .55rem;display:flex}.grade-summary-value span{white-space:nowrap;color:var(--text);background:#f4f7ff;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:1.08rem;line-height:1.15;display:inline-flex}.grade-summary-value span:first-child{background:#dceeff}.grade-summary-value span:nth-child(2){background:#eadfff}.grade-summary-value span:nth-child(3){background:#fff3bf}.grade-summary-value span:nth-child(4){background:#dff7dc}.day-list{flex-direction:column;gap:18px;margin-top:18px;display:flex}.day-card{border-radius:30px;padding:18px}.day-header{grid-template-columns:180px 1fr auto;align-items:center;gap:14px;display:grid}.date-field{flex-direction:column;gap:.35rem;display:flex}.date-field label,.note-area label{color:var(--muted);font-weight:900}.date-field input{padding:.65rem .8rem;font-weight:900}.summary-pills{flex-wrap:wrap;gap:.45rem;display:flex}.summary-pills span{background:#f1f6ff;border:1px solid #dceaff;border-radius:999px;padding:.35rem .7rem;font-size:.98rem;font-weight:900}.card-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.record-grid{grid-template-columns:1.15fr .9fr;align-items:start;gap:16px;margin-top:16px;display:grid}.table-section{border:1px solid var(--line);background:#ffffffa6;border-radius:24px;padding:14px}.table-section h2{margin:0 0 10px;font-size:1.7rem}.record-table{gap:6px;display:grid}.record-table.three-cols{grid-template-columns:.55fr 1.2fr 1.2fr}.th,.td{border-radius:14px;justify-content:center;align-items:center;min-height:44px;padding:.25rem;display:flex}.th{color:var(--primary-dark);background:#ebe8ff;font-weight:900}.td{background:#fffc}.material-no{color:#575070;background:#f5f3ff;font-weight:900}.select.coupon-3배{background:#fff3bf}.select.coupon-4배{background:#ffe2ba}.select.rune-룬{background:#eef6ff}.select.rune-축룬{background:#dff7dc}.select.hunter-폴로{background:#edf4ff}.select.hunter-프리토{background:#f0efff}.select.hunter-에스페시아{background:#eafaf8}.select.grade-레어{background:#dceeff}.select.grade-에픽{background:#eadfff}.select.grade-유니크{background:#fff3bf}.select.grade-레전{background:#dff7dc}.material-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;margin-top:12px;display:flex}.material-row-actions span{color:var(--muted);border:1px solid var(--line);background:#f4f7ff;border-radius:999px;margin-right:auto;padding:.45rem .8rem;font-weight:900}.ghost-primary{color:var(--primary-dark);background:#fff;border-color:#cfc7ff}.note-area{flex-direction:column;gap:.5rem;margin-top:14px;display:flex}.note-area textarea{resize:vertical;width:100%;min-height:92px;padding:.85rem 1rem;line-height:1.35}.empty{text-align:center;border-radius:28px;padding:40px}.empty h2{margin-top:0}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#fff;z-index:9999;background:#2f2a55;border-radius:999px;padding:.85rem 1.1rem;font-weight:900;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0003}@media (width<=1040px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-grid,.day-header{grid-template-columns:1fr}.card-actions{justify-content:flex-start}}@media (width<=680px){body{font-size:16px}.app-shell{width:min(100vw - 16px,1440px);padding-top:10px}.hero{border-radius:24px;flex-direction:column;align-items:flex-start;padding:20px}.hero-actions{justify-content:flex-start;width:100%}.hero-actions button{flex:130px}.dashboard-grid{grid-template-columns:1fr}.user-panel,.toolbar,.sync-panel{align-items:stretch}.user-controls,.sync-actions{justify-content:flex-start}.user-controls button,.sync-actions button{flex:130px}.user-controls select,.user-controls .user-input{flex:100%;width:100%;min-width:0;max-width:none}.record-table.four-cols{grid-template-columns:.72fr .78fr .9fr .9fr}.record-table.three-cols{grid-template-columns:.48fr 1fr 1fr}.th,.td{min-height:40px;padding:.15rem}select{min-height:36px;padding:.2rem}}.select.coupon-2배{background:#e8f0ff}.sheet-paste-backdrop{z-index:9998;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c19385c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.sheet-paste-modal{background:#fffffff5;border-radius:28px;width:min(920px,100%);max-height:min(82vh,760px);padding:22px;overflow:auto}.sheet-paste-modal h2{margin:0 0 .35rem;font-size:2rem}.sheet-paste-modal p{color:var(--muted);margin:0 0 .9rem;font-weight:800}.sheet-paste-modal textarea{white-space:pre;width:100%;min-height:310px;padding:1rem;font-family:Noto Sans KR,system-ui,sans-serif;font-size:.95rem;line-height:1.45;overflow:auto}.modal-actions{justify-content:flex-end;gap:.65rem;margin-top:12px;display:flex}@media (width<=680px){.sheet-paste-modal{padding:16px}.sheet-paste-modal textarea{min-height:240px}.modal-actions button{flex:120px}}.local-backup-panel{background:linear-gradient(135deg,#ffffffeb,#e8fff7eb)}.local-backup-panel .sync-status{background:#ffffffbf}.toolbar{align-items:stretch}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.toolbar-left{flex:460px;min-width:min(100%,280px)}.toolbar-right{flex:0 auto;justify-content:flex-end;margin-left:auto}.date-filter{min-width:170px;padding:.75rem 1rem;font-weight:900}.toolbar .search{flex:280px}.view-hint{color:var(--primary-dark);border:1px solid var(--line);white-space:nowrap;background:#f4f1ff;border-radius:999px;flex:220px;padding:.55rem .8rem;font-weight:900}.empty-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1rem;display:flex}.missing-date-state{background:#ffffffeb}.summary-grade-chips{flex-wrap:wrap;align-items:center;gap:.35rem;background:0 0!important;border:0!important;padding:0!important;display:inline-flex!important}.grade-chip{white-space:nowrap;color:#2b2848;border:1px solid #50467814;border-radius:999px;align-items:center;padding:.22rem .55rem;line-height:1.1;display:inline-flex}.grade-chip.grade-레어{background:var(--blue)}.grade-chip.grade-에픽{background:var(--purple)}.grade-chip.grade-유니크{background:var(--yellow)}.grade-chip.grade-레전{background:var(--green)}@media (width<=680px){.toolbar-left,.toolbar-right{width:100%}.toolbar-right{justify-content:flex-start}.toolbar-right button{flex:145px}.date-filter,.toolbar .search,.view-hint{flex:100%;width:100%}}.onboarding-hero{margin-top:48px}.onboarding-card{border-radius:28px;margin-top:18px;padding:24px}.onboarding-card h2{margin-top:0}.important-hint{background:#f0edff;border:1px solid #dcd6ff;border-radius:14px;width:fit-content;padding:.4rem .6rem;font-weight:900;color:#5a3fd0!important}.section-title-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:10px;display:flex}.section-title-row h2{margin:0}.sunday-toggle{border:1px solid var(--line);color:var(--primary-dark);white-space:nowrap;background:#f7f4ff;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .7rem;font-weight:900;display:inline-flex}.sunday-toggle input{width:1rem;height:1rem;accent-color:var(--primary)}.record-table.six-cols{grid-template-columns:.72fr .68fr .52fr .72fr .72fr .72fr}.record-table.five-cols{grid-template-columns:.78fr .72fr .56fr .82fr .82fr}.record-table.four-cols{grid-template-columns:.82fr .75fr .86fr .86fr}.type-summary-value,.summary-type-chips{flex-wrap:wrap;align-items:center;gap:.35rem;background:0 0!important;border:0!important;padding:0!important;display:inline-flex!important}.hunter-chip{white-space:nowrap;color:#2b2848;border:1px solid #50467814;border-radius:999px;align-items:center;padding:.22rem .55rem;font-weight:900;line-height:1.1;display:inline-flex}.hunter-chip.hunter-폴로{background:#edf4ff}.hunter-chip.hunter-프리토{background:#f0efff}.hunter-chip.hunter-에스페시아{background:#eafaf8}@media (width<=680px){.section-title-row{flex-direction:column;align-items:flex-start}.record-table.six-cols{grid-template-columns:.58fr .62fr .48fr .66fr .66fr .66fr}.record-table.five-cols{grid-template-columns:.62fr .68fr .52fr .78fr .78fr}.record-table.four-cols{grid-template-columns:.72fr .78fr .9fr .9fr}}.help-modal{border-radius:26px;width:min(720px,100vw - 32px);max-height:min(760px,100vh - 48px);padding:22px;overflow:auto}.help-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:14px;display:flex}.help-header h2{margin:0;font-size:2rem}.help-content{gap:14px;display:grid}.help-content section{border:1px solid var(--line);background:#ffffffa8;border-radius:18px;padding:14px 16px}.help-content h3{color:var(--primary-dark);margin:0 0 8px}.help-content p{color:var(--text);margin:6px 0}