*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#121212;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}.app-header{padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;background:#fff;border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;gap:8px;display:flex}.app-header h1{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.text-button{color:#2860d8;flex-shrink:0;padding:6px 4px;font-weight:600}.primary-button{color:#fff;background:#2860d8;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:700;display:block}.error{color:#b3261e;text-align:center;padding:12px}.library-view{flex-direction:column;height:100%;display:flex}.library-body{flex:1;width:100%;max-width:560px;margin:0 auto;padding:16px;overflow-y:auto}.empty-note{color:#666;text-align:center;padding:40px 20px}.puzzle-list{flex-direction:column;gap:10px;margin-bottom:16px;list-style:none;display:flex}.puzzle-list li{position:relative}.puzzle-card{text-align:left;background:#fff;border:1px solid #e2e2e2;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:14px 44px 14px 14px;display:flex}.puzzle-title{font-weight:700}.puzzle-meta{color:#666;font-size:13px}.progress-track{background:#ececec;border-radius:3px;height:5px;display:block;overflow:hidden}.progress-fill{background:#2860d8;border-radius:3px;height:100%;display:block}.delete-button{color:#999;padding:6px;position:absolute;top:10px;right:10px}.import-view{flex-direction:column;height:100%;display:flex}.import-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.drop-zone{text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px dashed #bbb;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;padding:48px 28px;font-size:16px;font-weight:600;display:flex}.drop-zone.dragging,.drop-zone:focus-within{background:#eaf4ff;border-color:#2860d8}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.drop-icon{font-size:40px}.drop-hint{color:#666;font-size:13px;font-weight:400}.import-progress{color:#444;flex-direction:column;align-items:center;gap:16px;display:flex}.spinner{border:4px solid #e2e2e2;border-top-color:#2860d8;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.review-body{width:100%;max-width:640px;padding:16px;padding-bottom:calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex;overflow-y:auto}.title-input{font:inherit;border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:17px;font-weight:700}.review-grid{align-self:center;width:100%;max-width:260px}.warnings{background:#fff7d6;border:1px solid #eedc82;border-radius:10px;padding:12px;font-size:14px}.warnings ul{margin:8px 0 0 18px}.review-body h3{text-transform:uppercase;letter-spacing:.06em;color:#666;margin-bottom:8px;font-size:14px}.review-clue{align-items:center;gap:6px;margin-bottom:6px;display:flex}.review-num{text-align:right;flex-shrink:0;width:24px;font-size:14px;font-weight:700}.review-clue input{font:inherit;border:1px solid #ddd;border-radius:8px;flex:1;min-width:0;padding:7px 9px;font-size:14px}.review-clue .review-enum{text-align:center;flex:0 0 64px}.solve-view{flex-direction:column;height:100dvh;display:flex}.grid-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}.grid-view{touch-action:manipulation;-webkit-user-select:none;user-select:none;max-width:100%;height:auto;max-height:100%}.grid-view text{pointer-events:none}.clue-bar{background:#a7d8ff;align-items:stretch;min-height:52px;display:flex}.clue-nav{color:#1a4a8a;padding:0 16px;font-size:24px;font-weight:700}.clue-current{text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 4px;display:flex}.clue-label{color:#1a4a8a;flex-shrink:0;font-weight:800}.clue-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.keyboard{padding:6px 3px calc(env(safe-area-inset-bottom) + 6px);touch-action:manipulation;background:#d8dbe0;flex-direction:column;gap:7px;display:flex}.keyboard-row{justify-content:center;gap:5px;padding:0 2px;display:flex}.key{-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;flex:1;max-width:44px;height:46px;font-size:17px;font-weight:600;box-shadow:0 1px #0000004d}.key:active{background:#bcd3f5}.key-wide{flex:1.4;max-width:66px}@media (width>=700px){.keyboard{display:none}.solve-view{height:100vh}}.sheet-backdrop{z-index:20;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.clue-sheet{width:100%;max-width:640px;max-height:80dvh;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);background:#fff;border-radius:16px 16px 0 0;overflow-y:auto}.sheet-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.clue-sheet h3{text-transform:uppercase;letter-spacing:.06em;color:#666;margin:14px 0 6px;font-size:13px}.clue-sheet ul{list-style:none}.clue-sheet li{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:8px 6px;font-size:14px;line-height:1.3}.clue-sheet li.clue-done{color:#999}.clue-sheet li.clue-active{background:#eaf4ff;border-radius:6px}.done-card{text-align:center;background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:calc(100% - 48px);max-width:340px;margin:auto;padding:28px 24px;display:flex}