:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#171717;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#fff}body{min-width:320px;min-height:100vh;margin:0;background:#fff;color:#171717}button,input,textarea{font:inherit}button{color:inherit}button,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}#app{min-height:100vh}.app-shell{min-height:100vh;background:#fff}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:72px;padding:max(14px,env(safe-area-inset-top)) 24px 12px;background:#fffffff7}.tabs{display:flex;align-items:center;gap:11px}.tab{position:relative;padding:8px 0;border:0;background:transparent;font-size:13px;font-weight:400;letter-spacing:.08em}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:#171717}.tab-divider{color:#b8b8b8;font-size:12px;font-weight:300}.search-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;background:transparent}.search-icon{position:relative;display:block;width:17px;height:17px;border:1.2px solid #303030;border-radius:50%}.search-icon:after{content:"";position:absolute;right:-5px;bottom:-3px;width:7px;height:1.2px;background:#303030;transform:rotate(45deg);transform-origin:left center}.search-area{padding:4px 24px 14px}.search-input{width:100%;height:40px;padding:0 12px;border:1px solid #cfcfcf;border-radius:2px;outline:none;background:#fff;color:#171717;font-size:14px;font-weight:300}.search-input:focus{border-color:#777}.search-input::placeholder{color:#a5a5a5}.main-content{min-height:calc(100vh - 72px);padding:0 24px 40px}.empty-works{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 150px)}.new-work-button{padding:14px 18px;border:0;background:transparent;font-size:13px;font-weight:300;letter-spacing:.08em}.archive-empty{min-height:calc(100vh - 120px)}.top-button{position:fixed;right:20px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d5d5d5;border-radius:50%;background:#fffffff5;color:#555;font-size:17px;font-weight:300;opacity:0;pointer-events:none;transition:opacity .18s ease}.top-button.visible{opacity:1;pointer-events:auto}.page{min-height:100vh;background:#fff}.page-header{padding:max(18px,env(safe-area-inset-top)) 24px 8px}.back-button{padding:8px 0;border:0;background:transparent;font-size:12px;font-weight:300;letter-spacing:.06em}.page-title{margin:28px 0 0;font-size:18px;font-weight:300;letter-spacing:.08em}.form-page{padding:26px 24px 60px}.image-section{margin-bottom:38px}.image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;border:1px solid #dedede;border-radius:1px;background:#fafafa;color:#777;font-size:12px;font-weight:300;letter-spacing:.06em}.field-group{margin-bottom:30px}.field-label{display:block;margin-bottom:10px;font-size:10px;font-weight:400;letter-spacing:.12em}.text-input,.memo-input{display:block;width:100%;border:0;border-bottom:1px solid #cfcfcf;border-radius:0;outline:none;background:#fff;color:#171717;font-size:16px;font-weight:300;appearance:none;-webkit-appearance:none}.text-input{height:42px;padding:5px 0}.memo-input{min-height:76px;padding:8px 0;line-height:1.6;resize:none}.text-input:focus,.memo-input:focus{border-bottom-color:#555}.field-error{margin:8px 0 0;color:#a75e5e;font-size:11px;font-weight:300}.save-button{display:block;width:100%;height:46px;margin-top:44px;border:1px solid #222222;border-radius:1px;background:#fff;color:#171717;font-size:12px;font-weight:400;letter-spacing:.12em}.materials-page{padding:22px 24px 60px}.work-overview{margin-bottom:48px}.work-title{margin:0 0 24px;font-size:20px;font-weight:300;line-height:1.45}.design-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;background:#f3f3f3;color:#999;font-size:11px;font-weight:300}.materials-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.add-material-button{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;border:1px solid #dedede;border-radius:1px;background:#fff;color:#555;font-size:11px;font-weight:300;letter-spacing:.06em}@media(max-width:360px){.top-nav,.main-content,.page-header,.form-page,.materials-page,.search-area{padding-left:18px;padding-right:18px}}.works-area{padding-top:18px;padding-bottom:80px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:34px 12px}.work-card{min-width:0}.archive-card{cursor:pointer}.work-image-button,.work-name-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left}.work-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background:#f3f3f3;color:#999;font-size:10px;font-weight:300}.work-name-button{margin-top:10px;color:#171717;font-size:14px;font-weight:300;line-height:1.45;overflow-wrap:anywhere}.work-progress{display:flex;align-items:center;gap:6px;margin-top:4px;color:#666;font-size:11px;font-weight:300;line-height:1.4}.status-dot{flex:0 0 auto;display:inline-block;width:9px;height:9px;border-radius:50%}.status-not-started{background:#b8b8b8}.status-preparing{background:#d7c779}.status-ready{background:#8da9bf}.status-making{background:#a28eb5}.status-completed{background:#88aa91}.new-work-list-button{display:block;margin:52px auto 0;padding:12px 16px;border:0;background:transparent;color:#171717;font-size:12px;font-weight:300;letter-spacing:.08em}.work-name-area{width:100%}.work-name-edit-input{display:block;width:100%;margin-top:7px;padding:2px 0 3px;border:0;border-bottom:1px solid #777777;border-radius:0;outline:none;background:transparent;color:#171717;font-size:14px;font-weight:300;line-height:1.45;appearance:none;-webkit-appearance:none}.work-name-edit-error{margin:5px 0 0;color:#a75e5e;font-size:10px;font-weight:300;line-height:1.4}.delete-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#ffffffe0}.delete-modal{width:100%;max-width:340px;padding:28px 24px 22px;background:#fff;border:1px solid #d8d8d8}.delete-modal-title{margin:0 0 18px;color:#171717;font-size:18px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.delete-modal-message{margin:0;color:#555;font-size:13px;font-weight:300;line-height:1.7}.delete-modal-actions{display:flex;justify-content:flex-end;gap:24px;margin-top:30px}.delete-modal-button{padding:6px 0;border:0;border-radius:0;background:transparent;font:inherit;font-size:13px;font-weight:400;appearance:none;-webkit-appearance:none}.delete-confirm-button{color:#a55b5b}.delete-cancel-button{color:#333}.delete-modal-button:disabled{opacity:.4}.work-card,.work-card *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.work-name-edit-input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.work-memo-section{margin-top:32px;width:100%}.work-memo-display{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;color:#555;font:inherit;font-size:14px;font-weight:400;line-height:1.8;letter-spacing:.02em;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.work-memo-display.collapsed{display:-webkit-box;min-height:5.4em;max-height:5.4em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.work-memo-display.expanded{display:block;min-height:5.4em;max-height:none;overflow:visible}.work-memo-edit-button{display:block;margin-top:14px;padding:0;border:0;background:transparent;color:#777;font:inherit;font-size:12px;font-weight:400;letter-spacing:.08em;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.work-memo-edit-input{display:block;width:100%;height:calc(5.4em + 18px);padding:8px 0;margin:0;border:0;border-bottom:1px solid #ccc;border-radius:0;outline:none;background:transparent;color:#222;font:inherit;font-size:14px;font-weight:400;line-height:1.8;resize:none;-webkit-appearance:none;appearance:none}.work-memo-edit-input:focus{border-bottom-color:#222}.material-card,.material-card *,.delete-modal-overlay,.delete-modal-overlay *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.material-card{-webkit-tap-highlight-color:transparent}.archive-detail-content{padding:26px 24px 60px}.archive-detail-title{margin:0 0 24px;color:#171717;font-size:20px;font-weight:300;line-height:1.45;overflow-wrap:anywhere}.archive-detail-image{margin-bottom:16px}.archive-detail-completion-date{margin:0;color:#777;font-size:11px;font-weight:300;letter-spacing:.08em}.archive-detail-content .save-button{margin-top:32px}.archive-materials-work-image{margin-bottom:28px}.archive-materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px 12px}.archive-material-card{min-width:0;cursor:pointer}.archive-material-card:focus-visible{outline:1px solid #777777;outline-offset:4px}.archive-material-image,.archive-material-detail-image{display:flex;align-items:center;justify-content:center;width:100%;background:#f3f3f3;color:#999;font-size:11px;font-weight:300}.archive-material-image{aspect-ratio:1 / 1}.archive-material-name{margin:10px 0 8px;color:#171717;font-size:14px;font-weight:300;line-height:1.45;overflow-wrap:anywhere}.archive-material-values{display:grid;gap:4px;color:#666;font-size:11px;font-weight:300;line-height:1.45}.archive-material-detail-image{aspect-ratio:4 / 3;margin-bottom:28px}.archive-material-detail-fields{display:grid;gap:22px;margin:0}.archive-material-detail-field dt{color:#777;font-size:10px;font-weight:400;letter-spacing:.1em}.archive-material-detail-field dd{margin:6px 0 0;color:#222;font-size:14px;font-weight:300;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.archive-action-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));overflow-y:auto;background:#ffffffe0}.archive-action-sheet{width:100%;max-width:420px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:22px 24px 12px;border:1px solid #d8d8d8;border-radius:2px;background:#fff;overflow-y:auto}.archive-action-title{margin:0 0 18px;color:#171717;font-size:17px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}.archive-action-message{margin:0;color:#555;font-size:13px;font-weight:300;line-height:1.7}.archive-action-button{display:block;width:100%;min-height:48px;padding:12px 0;border:0;border-top:1px solid #ededed;background:transparent;color:#222;font:inherit;font-size:14px;font-weight:400;text-align:left;appearance:none;-webkit-appearance:none}.archive-action-button:focus-visible{outline:1px solid #777777;outline-offset:2px}.archive-action-danger{color:#a55b5b}.archive-action-cancel{margin-top:8px;border-top-color:#d8d8d8;color:#555}.archive-action-error{min-height:1.4em;margin:8px 0 0;color:#a75e5e;font-size:12px;line-height:1.5}.archive-action-confirm-buttons{margin-top:12px}.archive-restore-confirm-button{color:#171717}.archive-action-button:disabled{opacity:.45}@media(max-width:360px){.archive-action-overlay{padding-left:18px;padding-right:18px}}