*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f7;color:#1d1d1f}a{color:inherit;text-decoration:none}.app{min-height:100vh}.header{padding:20px 40px;font-size:20px;font-weight:700;color:#1d1d1f}.main{padding:0 0 80px}.project-list{max-width:720px;margin:20px auto 0;padding:0 20px}.project-item{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-radius:12px;margin-bottom:8px;transition:all .15s;cursor:pointer}.project-item:hover{background:#fafafa;transform:translate(2px)}.project-item-left{flex:1;min-width:0}.project-category{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-title{font-size:16px;font-weight:600;margin:4px 0 2px;color:#1d1d1f}.project-desc{font-size:13px;color:#86868b;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-item-right{display:flex;align-items:center;gap:12px;margin-left:20px;flex-shrink:0}.project-date{font-size:12px;color:#aeaeb2}.project-arrow{color:#c7c7cc}.empty-state{text-align:center;padding:60px 0;color:#aeaeb2;font-size:14px}.project-view{display:flex;flex-direction:column;height:calc(100vh - 70px)}.project-topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e5e7;border-radius:12px 12px 0 0;max-width:1200px;margin:0 auto;width:100%}.back-btn{padding:6px 14px;border-radius:8px;font-size:14px;color:#6e6e73;transition:background .2s}.back-btn:hover{background:#f5f5f7}.project-name{flex:1;font-weight:600;font-size:15px}.open-btn{padding:6px 14px;border-radius:8px;font-size:13px;color:#06c;transition:background .2s}.open-btn:hover{background:#f0f0ff}.project-frame{flex:1;width:100%;max-width:1200px;margin:0 auto;border:none;border-radius:0 0 12px 12px;background:#fff}@media(max-width:768px){.header{padding:16px 20px;font-size:18px}.project-item{padding:16px 18px}.project-date{display:none}}