@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:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.day-header-main{grid-template-columns:220px minmax(0,1fr);align-items:stretch;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{grid-template-rows:repeat(3,30px);align-content:start;gap:.7rem;width:100%;display:grid}.summary-row{align-items:center;gap:.42rem;min-width:0;display:flex}.summary-pills .summary-chip{text-align:center;white-space:nowrap;background:#f1f6ff;border:1px solid #dceaff;border-radius:999px;flex:none;justify-content:center;align-items:center;height:30px;padding:0 .68rem;font-size:.9rem;font-weight:900;line-height:1;display:inline-flex}.summary-pills .hunter-chip,.summary-pills .grade-chip{padding:0 .68rem;line-height:1}.summary-pills .blessed-prediction-pill{padding-inline:.72rem}.card-actions{flex-wrap:nowrap;justify-content:flex-end;align-self:start;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-main{grid-template-columns:1fr}.card-actions{justify-content:flex-end}.summary-pills{grid-template-rows:none}.summary-row{flex-wrap:wrap;min-height:30px}}@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}.admin-panel{border-radius:24px;margin-top:16px;padding:16px}.admin-header,.admin-controls,.admin-daily-list,.admin-user-row{align-items:center;gap:.65rem;display:flex}.admin-header{justify-content:space-between;margin-bottom:12px}.admin-header h2{margin:0 0 4px;font-size:1.7rem}.admin-header small{color:var(--primary-dark);font-weight:900}.admin-controls{flex-wrap:wrap;margin-top:10px}.admin-controls input{min-height:42px;padding:.65rem .85rem;font-weight:900}.admin-controls input[type=password]{flex:260px}.admin-daily-controls input[type=date]{min-width:170px}.admin-daily-controls span{color:var(--muted);border:1px solid var(--line);background:#f4f7ff;border-radius:999px;padding:.45rem .8rem;font-weight:900}.admin-daily-list{flex-wrap:wrap;margin-top:10px}.admin-daily-list button{color:var(--primary-dark);border:1px solid var(--line);background:#fff}.admin-user-table{gap:6px;margin-top:12px;display:grid}.admin-user-row{border:1px solid var(--line);background:#ffffffb8;border-radius:16px;grid-template-columns:minmax(180px,1.3fr) 90px minmax(150px,1fr) minmax(130px,.9fr) minmax(260px,1.1fr);align-items:center;min-height:48px;padding:.45rem;display:grid}.admin-user-head{color:var(--primary-dark);background:#ebe8ff;font-weight:900}.admin-user-row strong,.admin-user-row span{min-width:0}.admin-user-row strong{overflow-wrap:anywhere}.admin-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.admin-row-actions button{padding:.55rem .7rem}.admin-user-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#ffffffa8;border-radius:16px;padding:18px;font-weight:900}.toolbar{display:block}.toolbar-main{gap:.6rem;width:100%;display:grid}.toolbar-top,.toolbar-bottom,.toolbar-date-group,.toolbar-character-slot,.toolbar-right{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.toolbar-top,.toolbar-bottom{width:100%}.toolbar-top{justify-content:flex-start}.toolbar-bottom{justify-content:space-between}.toolbar-date-group{flex:none}.toolbar-character-slot{flex:auto;margin-left:0}.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:2 520px;max-width:none}.view-hint{max-width:none;color:var(--primary-dark);border:1px solid var(--line);white-space:nowrap;background:#f4f1ff;border-radius:999px;flex:360px;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-top,.toolbar-bottom,.toolbar-date-group,.toolbar-character-slot,.toolbar-right{width:100%}.toolbar-character-slot{margin-left:0}.toolbar-right{justify-content:flex-start;margin-left:0}.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}.view-date-control{background:linear-gradient(135deg,#f0edff,#fff);border:2px solid #d8d0ff;border-radius:22px;align-items:center;gap:.45rem;padding:.45rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffc7}.view-date-label{white-space:nowrap;color:var(--primary-dark);background:#fff;border:1px solid #d8d0ff;border-radius:999px;padding:.45rem .65rem;font-weight:900}.view-date-control .date-filter{color:#332a82;background:#fff;border-color:#c9c1ff;min-width:166px}.today-button{color:var(--primary-dark);background:#edeaff}.character-filter-control,.character-add-control,.character-site-actions{background:linear-gradient(135deg,#f4fbff,#fff);border:2px solid #d8e8ff;border-radius:22px;align-items:center;gap:.45rem;padding:.45rem;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffc7}.character-filter-label{white-space:nowrap;color:#2d5f91;background:#fff;border:1px solid #cde3ff;border-radius:999px;padding:.45rem .65rem;font-weight:900}.character-filter-control select{color:#264c78;background:#fff;border-color:#bedbff;min-width:128px;max-width:190px}.character-filter-control button,.character-add-control button,.character-site-actions button{white-space:nowrap;padding:.62rem .82rem}.character-site-actions{background:#fff;border-color:#d8d0ff}.character-add-control input{border-color:#bedbff;width:180px;min-width:0;padding:.65rem .8rem;font-weight:900}.record-date-field{background:#fff8e8;border:2px dashed #ffd18a;border-radius:18px;padding:.55rem}.record-date-field label{color:#aa6710}.record-date-field input{color:#734408;background:#fffaf0;border-color:#ffd18a;width:100%}.record-date-field small{color:#9b6a27;font-weight:900;line-height:1.1}.record-character-pill{color:#285b90;word-break:break-all;background:#e6f3ff;border:1px solid #b9d9ff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin-top:.35rem;padding:.24rem .62rem;font-weight:900;line-height:1.1;display:inline-flex}.summary-pills .blessed-prediction-pill{color:#4a3410;box-shadow:none;background:#fff7df!important;border-width:1px!important;display:inline-flex!important}.blessed-prediction-zero{background:#f2f4ff!important;border-color:#d8defa!important}.blessed-prediction-mid{background:#fff2c6!important;border-color:#ffd166!important}.blessed-prediction-high{background:#ffe4bd!important;border-color:#ffaf54!important}.blessed-prediction-max{background:#dff7dc!important;border-color:#7ed56f!important}.blessed-prediction-low{background:#f1f6ff!important;border-color:#c9defc!important}.blessed-prediction-none{background:#f7f4ff!important;border-color:#d8d0ff!important}.ratio-summary-value,.grade-ratio-summary-value{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.grade-ratio-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}.grade-ratio-chip.grade-레어{background:#dceeff}.grade-ratio-chip.grade-에픽{background:#eadfff}.grade-ratio-chip.grade-유니크{background:#fff3bf}.grade-ratio-chip.grade-레전{background:#dff7dc}@media (width<=680px){.view-date-control{grid-template-columns:auto 1fr;width:100%;display:grid}.view-date-control .date-filter{width:100%;min-width:0}.character-filter-control,.character-add-control,.character-site-actions{grid-template-columns:auto 1fr auto;width:100%;display:grid}.character-add-control{grid-template-columns:1fr auto}.character-site-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.character-filter-control select,.character-add-control input{width:100%;min-width:0;max-width:none}.record-date-field{max-width:none}}@media (width<=760px){.admin-header{align-items:flex-start}.admin-controls input,.admin-controls button{flex:140px}.admin-user-row{grid-template-columns:1fr;align-items:stretch;gap:.35rem}.admin-user-head{display:none}.admin-row-actions{justify-content:flex-start}.admin-row-actions button{flex:96px}}