:root{--color-main: #e8735a;--color-main-dark: #c95a42;--color-main-soft: #fbe5df;--color-ink: #2a2340;--color-ink-soft: #6b6580;--color-line: #e3e0ea;--color-bg: #faf8f6;--color-card: #ffffff;--color-gray-soft: #eceaf0;--color-danger: #c0392b;--font-base: 18px;--font-small: 16px;--font-large: 22px;--font-title: 26px;--tap: 52px;--radius: 14px;--gap: 12px;--tabbar-h: 72px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-ink);font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:var(--font-base);line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}.app{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px)}.page{padding:16px}.page-header{display:flex;align-items:center;gap:8px;min-height:var(--tap);margin-bottom:12px}.page-header h1{font-size:var(--font-title);margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.back-button{flex:none;min-width:var(--tap);min-height:var(--tap);border:none;background:none;font-size:var(--font-large);color:var(--color-main-dark);font-weight:700;cursor:pointer;padding:0 8px 0 0}.section-title{font-size:var(--font-large);margin:24px 0 12px}.empty{color:var(--color-ink-soft);text-align:center;padding:32px 8px}.notice{color:var(--color-ink-soft);font-size:var(--font-small)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--color-card);border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom)}.tabbar-inner{max-width:640px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.tab{height:var(--tabbar-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--color-ink-soft);font-size:14px;font-weight:700}.tab svg{width:28px;height:28px}.tab.active{color:var(--color-main-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap);padding:0 20px;border-radius:var(--radius);border:2px solid var(--color-ink);background:var(--color-card);color:var(--color-ink);font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none;touch-action:manipulation}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--color-main);border-color:var(--color-main);color:#fff}.btn-danger{border-color:var(--color-danger);color:var(--color-danger)}.btn-danger-fill{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-quiet{border-color:var(--color-line)}.btn-block{display:flex;width:100%}.btn-small{min-height:48px;padding:0 14px;font-size:var(--font-small)}.btn-row{display:flex;flex-wrap:wrap;gap:var(--gap)}.btn-row>.btn{flex:1 1 auto}.field{display:block;margin-bottom:16px}.field-label{display:block;font-weight:700;margin-bottom:6px}.field-label small{font-weight:400;color:var(--color-ink-soft)}.input{width:100%;min-height:var(--tap);padding:0 14px;border:2px solid var(--color-line);border-radius:var(--radius);background:var(--color-card);font-size:var(--font-base)}.input:focus{outline:none;border-color:var(--color-main)}.checkbox{display:flex;align-items:center;gap:12px;min-height:var(--tap);font-weight:700;cursor:pointer}.checkbox input{width:28px;height:28px;accent-color:var(--color-main)}.error{color:var(--color-danger);font-weight:700;margin:0 0 12px}.filters{display:flex;gap:8px;overflow-x:auto;margin:12px 0 16px;padding-bottom:4px}.chip{flex:none;min-height:48px;padding:0 16px;border-radius:999px;border:2px solid var(--color-line);background:var(--color-card);font-weight:700;font-size:var(--font-small);cursor:pointer}.chip.active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 14px;background:var(--color-card);border:2px solid var(--color-line);border-radius:var(--radius);text-align:left;width:100%;cursor:pointer}.row-main{flex:1;min-width:0}.row-title{font-weight:700;font-size:var(--font-base);overflow-wrap:anywhere}.row-sub{color:var(--color-ink-soft);font-size:var(--font-small);overflow-wrap:anywhere}.row-main>.badge{margin-top:4px}.row-number{flex:none;width:28px;text-align:center;font-weight:700;font-size:var(--font-large);color:var(--color-main-dark)}.row.unavailable{opacity:.45}.row-chevron{flex:none;color:var(--color-ink-soft);font-size:var(--font-large)}.sortable-row{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.sortable-row.dragging{position:relative;z-index:5;box-shadow:0 8px 24px #2a234040;border-color:var(--color-main)}.drag-handle{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:52px;margin-right:-6px;color:var(--color-ink-soft);cursor:grab;touch-action:none}.drag-handle svg{width:26px;height:26px}.drag-hint{font-size:var(--font-small);color:var(--color-ink-soft);margin:0 0 10px}.badge{display:inline-block;flex:none;padding:2px 10px;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap}.badge-unchecked{background:var(--color-gray-soft);color:var(--color-ink-soft)}.badge-available{background:var(--color-main);color:#fff}.badge-unavailable{background:var(--color-ink);color:#fff}.status-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-option{min-height:64px;border-radius:var(--radius);border:2px solid var(--color-line);background:var(--color-card);font-weight:700;cursor:pointer;padding:4px}.status-option.selected.unchecked{background:var(--color-gray-soft);border-color:var(--color-ink-soft)}.status-option.selected.available{background:var(--color-main);border-color:var(--color-main);color:#fff}.status-option.selected.unavailable{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.song-hero{background:var(--color-card);border:2px solid var(--color-line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.song-hero-title{font-size:var(--font-title);font-weight:700;margin:0;overflow-wrap:anywhere}.song-hero-artist{font-size:var(--font-large);color:var(--color-ink-soft);margin:4px 0 0;overflow-wrap:anywhere}.joysound{display:flex;flex-direction:column;gap:8px}.joysound-artist-note{font-size:var(--font-small);color:var(--color-ink-soft);margin:0}.joysound-artist-note strong{color:var(--color-ink);font-size:var(--font-base)}.later-card{background:var(--color-card);border:2px solid var(--color-line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.later-card.pending{border-color:var(--color-main);background:var(--color-main-soft)}.later-card-head{display:flex;align-items:flex-start;gap:8px}.plain-button{border:none;background:none;padding:0;text-align:left;cursor:pointer}.later-message{font-weight:700;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#2a234073;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:640px;max-height:90dvh;overflow-y:auto;background:var(--color-bg);border-radius:20px 20px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.modal h2{font-size:var(--font-large);margin:0 0 16px;overflow-wrap:anywhere}.modal p{margin:0 0 16px}.modal-actions{display:flex;gap:var(--gap);margin-top:8px}.modal-actions>.btn{flex:1}.pick-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 14px;background:var(--color-card);border:2px solid var(--color-line);border-radius:var(--radius);width:100%;text-align:left;cursor:pointer}.pick-row:disabled{cursor:default;background:var(--color-gray-soft)}.pick-row .pick-mark{flex:none;font-weight:700;font-size:var(--font-small);color:var(--color-main-dark)}.pick-row:disabled .pick-mark{color:var(--color-ink-soft)}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 16px);pointer-events:none;transform:translate(-50%);z-index:30;background:var(--color-ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;max-width:calc(100% - 32px);text-align:center}.row-title,.row-sub{display:block}.song-hero-artist-row{display:flex;align-items:center;gap:8px}.song-hero-artist-row .song-hero-artist{flex:1;min-width:0}.favorite-star{flex:none;width:var(--tap);height:var(--tap);border:2px solid var(--color-line);border-radius:50%;background:var(--color-card);font-size:28px;line-height:1;color:var(--color-ink-soft);cursor:pointer}.favorite-star.on{border-color:var(--color-main);background:var(--color-main-soft);color:var(--color-main-dark)}.memo-card{background:var(--color-card);border:2px solid var(--color-line);border-radius:var(--radius);padding:10px 14px 14px;display:flex;flex-direction:column;gap:4px}.memo-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.memo-date{font-weight:700}.ease-stars{color:var(--color-ink-soft);font-size:var(--font-small)}.ease-stars>span[aria-hidden]{color:var(--color-main);font-size:var(--font-large);letter-spacing:2px}.ease-stars-empty{color:var(--color-line)}.memo-key{font-weight:700}.memo-text{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.ease-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ease-option{min-height:var(--tap);border-radius:var(--radius);border:2px solid var(--color-line);background:var(--color-card);font-weight:700;font-size:var(--font-large);cursor:pointer}.ease-option.selected{background:var(--color-main);border-color:var(--color-main);color:#fff}.ease-ends{display:flex;justify-content:space-between;margin-top:4px;font-size:var(--font-small);color:var(--color-ink-soft)}.key-presets{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.key-row{display:flex;gap:8px}.key-row>.chip{flex:1}.textarea{min-height:120px;padding:12px 14px;resize:vertical;line-height:1.5}input[type=date].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center}.filters-tags{margin-top:-6px}.chip-tag.active{background:var(--color-main);border-color:var(--color-main)}.tag-labels{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.tag-label{padding:4px 14px;border-radius:999px;background:var(--color-main-soft);color:var(--color-main-dark);font-weight:700;overflow-wrap:anywhere}.tag-options{display:flex;flex-wrap:wrap;gap:10px}.tag-option{min-height:var(--tap);max-width:100%;padding:0 18px;border-radius:999px;border:2px solid var(--color-line);background:var(--color-card);font-weight:700;cursor:pointer;overflow-wrap:anywhere}.tag-option.on{background:var(--color-main);border-color:var(--color-main);color:#fff}.sheet-menu{display:flex;flex-direction:column;gap:12px}.gacha-intro{margin:0 0 16px}.gacha-button{min-height:72px;font-size:var(--font-large)}.gacha-result{margin:20px 0 16px;padding:20px 16px;text-align:center;background:var(--color-main-soft);border:2px solid var(--color-main);border-radius:var(--radius)}.gacha-result p{margin:0}.gacha-result-label{color:var(--color-ink-soft)}.gacha-result-tag{font-size:32px;font-weight:700;color:var(--color-main-dark);overflow-wrap:anywhere}.gacha-result-count{font-weight:700}.gacha-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.check-row{padding-left:0;gap:0;cursor:default}.check-area{flex:none;align-self:stretch;display:flex;align-items:center;justify-content:center;width:64px;min-height:48px;margin:-10px 4px -10px 0;cursor:pointer}.check-area input{width:30px;height:30px;margin:0;accent-color:var(--color-main);cursor:pointer}.row.unavailable.check-row{opacity:1}.row.unavailable.check-row .row-main{opacity:.45}.update-banner{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px);transform:translate(-50%);z-index:15;width:calc(100% - 32px);max-width:608px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;background:var(--color-ink);color:#fff;border-radius:var(--radius);font-weight:700;box-shadow:0 6px 20px #2a23404d}.offline-note{margin:0;padding:10px 14px;border-radius:var(--radius);background:var(--color-gray-soft);font-size:var(--font-small);font-weight:700}.backup-section .notice{margin:0 0 12px}.backup-last{margin:12px 0 0;color:var(--color-ink-soft);font-size:var(--font-small)}.backup-warning{margin:8px 0 0;padding:10px 14px;border-radius:var(--radius);background:var(--color-main-soft);color:var(--color-main-dark);font-weight:700}.backup-compare{margin:0 0 16px}.backup-compare dt{font-weight:700;margin-top:8px}.backup-compare dd{margin:2px 0 0;overflow-wrap:anywhere}.backup-danger{color:var(--color-danger);font-weight:700}.home-screen-tip{margin-top:24px;padding:14px 16px;border:2px solid var(--color-main);border-radius:var(--radius);background:var(--color-main-soft)}.home-screen-tip p{margin:0}.home-screen-tip-title{font-weight:700;margin-bottom:6px!important}.app-version{margin-top:32px;text-align:center;color:var(--color-ink-soft);font-size:var(--font-small)}